pvelz4hta
/
DDI2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

开始显示药品详情页面

Browse Source
master
ynmlzdwsp 2 years ago
parent bd3496195d
commit 8acb8d3359
2 changed files with 55 additions and 53 deletions
Show Stats Download Patch File Download Diff File

14
src/components/index.vue
Unescape View File

@ -39,6 +39,10 @@
<input class="ais-SearchBox-input" type="text" <input class="ais-SearchBox-input" type="text"
v-model="queryParams.drug2" v-model="queryParams.drug2"
placeholder="请输入药品B名称" maxlength="32"> placeholder="请输入药品B名称" maxlength="32">
<div style="width: 10px"></div>
<input class="ais-SearchBox-input" type="text"
v-model="queryParams.reaction"
placeholder="请输入相互作用效果" maxlength="32">
<div class="ais-SearchBox-submit" @click="handleQuery()"> <div class="ais-SearchBox-submit" @click="handleQuery()">
<svg style="margin-top: 3.5px;margin-left: 18px" viewBox="0 0 1024 1024" width="20" height="20"> <svg style="margin-top: 3.5px;margin-left: 18px" viewBox="0 0 1024 1024" width="20" height="20">
<path <path
@ -110,8 +114,8 @@
@size-change="handleSizeChange" @size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page="currentPage1" :current-page="currentPage1"
:page-sizes="[7, 10, 15, 20]" :page-sizes="[10, 15, 20, 15]"
:page-size="7" :page-size="10"
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
:total=this.pagination.total> :total=this.pagination.total>
</el-pagination> </el-pagination>
@ -154,9 +158,6 @@ import {listTable1, listTotal} from "@/utils/table1";
data() { data() {
return { return {
currentPage1: 1, currentPage1: 1,
currentPage2: 2,
currentPage3: 3,
currentPage4: 4,
loading: false, loading: false,
showAside: true, showAside: true,
printerInfo: "你看对面的青山多漂亮", printerInfo: "你看对面的青山多漂亮",
@ -179,7 +180,7 @@ import {listTable1, listTotal} from "@/utils/table1";
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 7, pageSize: 10,
drug1: null, drug1: null,
drug2: null, drug2: null,
reaction: null reaction: null
@ -523,6 +524,7 @@ import {listTable1, listTotal} from "@/utils/table1";
border-radius: 40px; border-radius: 40px;
color: var(--maxGreyFont); color: var(--maxGreyFont);
background: var(--white); background: var(--white);
opacity: 0.5;
} }
@media screen and (max-width: 1100px) { @media screen and (max-width: 1100px) {

94
src/components/myAside.vue
Unescape View File

@ -98,59 +98,59 @@
style="margin-top: 30px;padding: 25px 25px 5px;border-radius: 10px;animation: hideToShow 1s ease-in-out"> style="margin-top: 30px;padding: 25px 25px 5px;border-radius: 10px;animation: hideToShow 1s ease-in-out">
<div class="card-content2-title"> <div class="card-content2-title">
<i class="el-icon-folder-opened card-content2-icon"></i> <i class="el-icon-folder-opened card-content2-icon"></i>
<span>分类</span> <span>药品详情</span>
</div>
<div v-for="(sort, index) in sortInfo"
:key="index"
class="post-sort"
@click="$router.push({path: '/sort', query: {sortId: sort.id}})">
<div>
<span v-for="(s, i) in sort.sortName.split('')" :key="i">{{ s }}</span>
</div>
</div> </div>
<!-- <div v-for="(sort, index) in sortInfo"-->
<!-- :key="index"-->
<!-- class="post-sort"-->
<!-- @click="$router.push({path: '/sort', query: {sortId: sort.id}})">-->
<!-- <div>-->
<!-- <span v-for="(s, i) in sort.sortName.split('')" :key="i">{{ s }}</span>-->
<!-- </div>-->
<!-- </div>-->
</div> </div>
<!-- 赞赏 --> <!-- 赞赏 -->
<!-- <div class="shadow-box-mini background-opacity wow admire-box"--> <div class="shadow-box-mini background-opacity wow admire-box"
<!-- v-if="!$common.isEmpty(admires)">--> v-if="!$common.isEmpty(admires)">
<!-- <div style="font-weight: bold;margin-bottom: 20px">🧨赞赏名单</div>--> <div style="font-weight: bold;margin-bottom: 20px">🧨赞赏</div>
<!-- <div>--> <div>
<!-- <vue-seamless-scroll :data="admires" style="height: 200px;overflow: hidden">--> <vue-seamless-scroll :data="admires" style="height: 200px;overflow: hidden">
<!-- <div v-for="(item, i) in admires"--> <div v-for="(item, i) in admires"
<!-- style="display: flex;justify-content: space-between"--> style="display: flex;justify-content: space-between"
<!-- :key="i">--> :key="i">
<!-- <div style="display: flex">--> <div style="display: flex">
<!-- <el-avatar style="margin-bottom: 10px" :size="36" :src="item.avatar"></el-avatar>--> <el-avatar style="margin-bottom: 10px" :size="36" :src="item.avatar"></el-avatar>
<!-- <div style="margin-left: 10px;height: 36px;line-height: 36px;overflow: hidden;max-width: 80px">--> <div style="margin-left: 10px;height: 36px;line-height: 36px;overflow: hidden;max-width: 80px">
<!-- {{ item.username }}--> {{ item.username }}
<!-- </div>--> </div>
<!-- </div>--> </div>
<!-- <div style="height: 36px;line-height: 36px">--> <div style="height: 36px;line-height: 36px">
<!-- {{ item.admire }}元--> {{ item.admire }}元
<!-- </div>--> </div>
<!-- </div>--> </div>
<!-- </vue-seamless-scroll>--> </vue-seamless-scroll>
<!-- </div>--> </div>
<!-- <div class="admire-btn" @click="showAdmire()">--> <div class="admire-btn" @click="showAdmire()">
<!-- 赞赏--> 赞赏
<!-- </div>--> </div>
<!-- </div>--> </div>
<!-- 微信 --> <!-- 微信 -->
<!-- <el-dialog title="赞赏"--> <el-dialog title="赞赏"
<!-- :visible.sync="showAdmireDialog"--> :visible.sync="showAdmireDialog"
<!-- width="25%"--> width="25%"
<!-- :append-to-body="true"--> :append-to-body="true"
<!-- destroy-on-close--> destroy-on-close
<!-- center>--> center>
<!-- <div>--> <div>
<!-- <div class="admire-image"></div>--> <div class="admire-image"></div>
<!-- <div>--> <div>
<!-- <div class="admire-content">1. 感谢老铁送来的666</div>--> <div class="admire-content">1. 感谢老铁送来的666</div>
<!-- <div class="admire-content">2. 申请通过后会加博客交流群，不需要加群或者退群后会定期清理好友（强迫症福利）</div>--> <div class="admire-content">2. 申请通过后会加博客交流群，不需要加群或者退群后会定期清理好友（强迫症福利）</div>
<!-- </div>--> </div>
<!-- </div>--> </div>
<!-- </el-dialog>--> </el-dialog>
</div> </div>
</template> </template>

Write Preview
Loading…
Cancel
Save