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

开始显示药品详情页面

Browse Source
master
ynmlzdwsp 11 months 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"
v-model="queryParams.drug2"
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()">
<svg style="margin-top: 3.5px;margin-left: 18px" viewBox="0 0 1024 1024" width="20" height="20">
<path
@ -110,8 +114,8 @@
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage1"
:page-sizes="[7, 10, 15, 20]"
:page-size="7"
:page-sizes="[10, 15, 20, 15]"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
:total=this.pagination.total>
</el-pagination>
@ -154,9 +158,6 @@ import {listTable1, listTotal} from "@/utils/table1";
data() {
return {
currentPage1: 1,
currentPage2: 2,
currentPage3: 3,
currentPage4: 4,
loading: false,
showAside: true,
printerInfo: "你看对面的青山多漂亮",
@ -179,7 +180,7 @@ import {listTable1, listTotal} from "@/utils/table1";
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 7,
pageSize: 10,
drug1: null,
drug2: null,
reaction: null
@ -523,6 +524,7 @@ import {listTable1, listTotal} from "@/utils/table1";
border-radius: 40px;
color: var(--maxGreyFont);
background: var(--white);
opacity: 0.5;
}
@media screen and (max-width: 1100px) {

92
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">
<div class="card-content2-title">
<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 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 class="shadow-box-mini background-opacity wow admire-box"
v-if="!$common.isEmpty(admires)">
<div style="font-weight: bold;margin-bottom: 20px">🧨赞赏</div>
<div>
<span v-for="(s, i) in sort.sortName.split('')" :key="i">{{ s }}</span>
<vue-seamless-scroll :data="admires" style="height: 200px;overflow: hidden">
<div v-for="(item, i) in admires"
style="display: flex;justify-content: space-between"
:key="i">
<div style="display: flex">
<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">
{{ item.username }}
</div>
</div>
<div style="height: 36px;line-height: 36px">
{{ item.admire }}元
</div>
</div>
</vue-seamless-scroll>
</div>
<div class="admire-btn" @click="showAdmire()">
赞赏
</div>
</div>
<!-- 赞赏 -->
<!-- <div class="shadow-box-mini background-opacity wow admire-box"-->
<!-- v-if="!$common.isEmpty(admires)">-->
<!-- <div style="font-weight: bold;margin-bottom: 20px">🧨赞赏名单</div>-->
<!-- <div>-->
<!-- <vue-seamless-scroll :data="admires" style="height: 200px;overflow: hidden">-->
<!-- <div v-for="(item, i) in admires"-->
<!-- style="display: flex;justify-content: space-between"-->
<!-- :key="i">-->
<!-- <div style="display: flex">-->
<!-- <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">-->
<!-- {{ item.username }}-->
<!-- </div>-->
<!-- </div>-->
<!-- <div style="height: 36px;line-height: 36px">-->
<!-- {{ item.admire }}元-->
<!-- </div>-->
<!-- </div>-->
<!-- </vue-seamless-scroll>-->
<!-- </div>-->
<!-- <div class="admire-btn" @click="showAdmire()">-->
<!-- 赞赏-->
<!-- </div>-->
<!-- </div>-->
<!-- 微信 -->
<!-- <el-dialog title="赞赏"-->
<!-- :visible.sync="showAdmireDialog"-->
<!-- width="25%"-->
<!-- :append-to-body="true"-->
<!-- destroy-on-close-->
<!-- center>-->
<!-- <div>-->
<!-- <div class="admire-image"></div>-->
<!-- <div>-->
<!-- <div class="admire-content">1. 感谢老铁送来的666</div>-->
<!-- <div class="admire-content">2. 申请通过后会加博客交流群，不需要加群或者退群后会定期清理好友（强迫症福利）</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </el-dialog>-->
<el-dialog title="赞赏"
:visible.sync="showAdmireDialog"
width="25%"
:append-to-body="true"
destroy-on-close
center>
<div>
<div class="admire-image"></div>
<div>
<div class="admire-content">1. 感谢老铁送来的666</div>
<div class="admire-content">2. 申请通过后会加博客交流群，不需要加群或者退群后会定期清理好友（强迫症福利）</div>
</div>
</div>
</el-dialog>
</div>
</template>

Write Preview
Loading…
Cancel
Save