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

完成前端查询功能

Browse Source
master
ynmlzdwsp 11 months ago
parent b8b0c99db6
commit 999bcb68a8
2 changed files with 59 additions and 64 deletions
Show Stats Download Patch File Download Diff File

96
src/components/common/zombie.vue
Unescape View File

@ -1,53 +1,53 @@
<template>
<div class="wrapper">
<div class="zombie">
<div class="zombie__head">
<div class="zombie__brain"></div>
<div class="zombie__cheeks"></div>
<div class="zombie__chin"></div>
<div class="zombie__eyes">
<div class="eye left">
<div class="eyebrow"></div>
</div>
<div class="eye right">
<div class="eyebrow"></div>
</div>
</div>
<div class="zombie__nose"></div>
<div class="zombie__mouth">
<div class="tooth">
<div class="tooth__top"></div>
<div class="tooth__bottom"></div>
</div>
</div>
</div>
<div class="zombie__body">
<div class="zombie__chest">
<div class="zombie__arms">
<div class="arm left">
<div class="arm__bone"></div>
<div class="arm__sleeve"></div>
</div>
<div class="arm right">
<div class="arm__details">
<div class="arm__biceps"></div>
<div class="arm__forearm"></div>
<div class="hands">
<div class="fingers">
<div class="finger thumb"></div>
<div class="finger middle"></div>
<div class="finger index"></div>
<div class="finger ring"></div>
<div class="finger pinky"></div>
</div>
</div>
</div>
<div class="arm__sleeve"></div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="zombie">-->
<!-- <div class="zombie__head">-->
<!-- <div class="zombie__brain"></div>-->
<!-- <div class="zombie__cheeks"></div>-->
<!-- <div class="zombie__chin"></div>-->
<!-- <div class="zombie__eyes">-->
<!-- <div class="eye left">-->
<!-- <div class="eyebrow"></div>-->
<!-- </div>-->
<!-- <div class="eye right">-->
<!-- <div class="eyebrow"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="zombie__nose"></div>-->
<!-- <div class="zombie__mouth">-->
<!-- <div class="tooth">-->
<!-- <div class="tooth__top"></div>-->
<!-- <div class="tooth__bottom"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="zombie__body">-->
<!-- <div class="zombie__chest">-->
<!-- <div class="zombie__arms">-->
<!-- <div class="arm left">-->
<!-- <div class="arm__bone"></div>-->
<!-- <div class="arm__sleeve"></div>-->
<!-- </div>-->
<!-- <div class="arm right">-->
<!-- <div class="arm__details">-->
<!-- <div class="arm__biceps"></div>-->
<!-- <div class="arm__forearm"></div>-->
<!-- <div class="hands">-->
<!-- <div class="fingers">-->
<!-- <div class="finger thumb"></div>-->
<!-- <div class="finger middle"></div>-->
<!-- <div class="finger index"></div>-->
<!-- <div class="finger ring"></div>-->
<!-- <div class="finger pinky"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="arm__sleeve"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="ground">
<div class="ground__hole"></div>
<div class="ground__rocks">

27
src/components/index.vue
Unescape View File

@ -92,9 +92,9 @@
<template>
<div class="pagination-wrap">
<el-table :data="table1List">
<el-table-column prop="drugA" label="药品A"></el-table-column>
<el-table-column prop="drugB" label="药品B"></el-table-column>
<el-table-column prop="interaction" label="相互作用效果"></el-table-column>
<el-table-column prop="drug1" label="药品A"></el-table-column>
<el-table-column prop="drug2" label="药品B"></el-table-column>
<el-table-column prop="reaction" label="相互作用效果"></el-table-column>
</el-table>
<!-- <div @click="pageArticles()" class="pagination" v-if="pagination.total !== articles.length">-->
<!-- 下一页-->
@ -104,7 +104,6 @@
<div style="user-select: none;text-align: center">
~~到底啦~~
</div>
</template>
@ -160,12 +159,7 @@
"category": ""
},
articles: [],
table1List: [
{ drugA: "丁螺环酮", drugB: "CYP3A4抑制药", interaction: '服用红霉素、咪唑类抗真菌药等CYP3A4抑制药后，再用本品可使其峰浓度升高，AUC增大' },
{ drugA: "丁螺环酮", drugB: "乙醇和其他中枢抑制药", interaction: '丁螺环酮的代谢加快，使其抗焦虑作用降低' },
{ drugA: "丁螺环酮", drugB: "伊曲康唑", interaction: '可使中枢抑制作用增强' },
{ drugA: "丁螺环酮", drugB: "利福平", interaction: '伊曲康唑通过抑制CYP3A4而减少丁螺环酮的首过效应, 增加其生物利用度' }
],
table1List: [],
// 查询参数
queryParams: {
pageNum: 1,
@ -188,6 +182,9 @@
},
methods: {
created() {
this.getList();
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
@ -195,13 +192,11 @@
},
/** 查询药品作用管理列表 */
getList() {
this.loading = true;
console.log("drug1:", this.queryParams.drug1);
console.log("drug2:", this.queryParams.drug2);
// this.loading = true;
this.table1List = []; // 初始化为空数组
listTable1(this.queryParams).then(response => {
this.table1List = response.rows;
this.total = response.total;
this.loading = false;
this.table1List = response;
console.log(this.table1List[0].reaction);
});
},
async selectSort(sort) {

Write Preview
Loading…
Cancel
Save