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

27
src/components/index.vue
Unescape View File

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

Write Preview
Loading…
Cancel
Save