|
|
|
|
@ -18,11 +18,40 @@
|
|
|
|
|
fit="cover">
|
|
|
|
|
<div slot="error" class="image-slot background-image-error"></div>
|
|
|
|
|
</el-image>
|
|
|
|
|
|
|
|
|
|
<!-- 首页文字 -->
|
|
|
|
|
<div class="signature-wall myCenter my-animation-hideToShow">
|
|
|
|
|
<h1 class="playful">
|
|
|
|
|
<span v-for="(a, index) in $store.state.webInfo.webTitle" :key="index">{{a}}</span>
|
|
|
|
|
</h1>
|
|
|
|
|
|
|
|
|
|
<!-- 搜索 -->
|
|
|
|
|
<div style="padding: 15px;border-radius: 10px;margin-top: 30px;animation: hideToShow 1s ease-in-out"
|
|
|
|
|
class="shadow-box background-opacity wow">
|
|
|
|
|
<div style="color: var(--lightGreen);font-size: 20px;font-weight: bold;margin-bottom: 10px">
|
|
|
|
|
查询DDI
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display: flex">
|
|
|
|
|
<input class="ais-SearchBox-input" type="text"
|
|
|
|
|
v-model="queryParams.drug1"
|
|
|
|
|
placeholder="请输入药品A名称" maxlength="32">
|
|
|
|
|
<div style="width: 10px"></div>
|
|
|
|
|
<input class="ais-SearchBox-input" type="text"
|
|
|
|
|
v-model="queryParams.drug2"
|
|
|
|
|
placeholder="请输入药品B名称" 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
|
|
|
|
|
d="M51.2 508.8c0 256.8 208 464.8 464.8 464.8s464.8-208 464.8-464.8-208-464.8-464.8-464.8-464.8 208-464.8 464.8z"
|
|
|
|
|
fill="#51C492"></path>
|
|
|
|
|
<path
|
|
|
|
|
d="M772.8 718.4c48-58.4 76.8-132.8 76.8-213.6 0-186.4-151.2-337.6-337.6-337.6-186.4 0-337.6 151.2-337.6 337.6 0 186.4 151.2 337.6 337.6 337.6 81.6 0 156-28.8 213.6-76.8L856 896l47.2-47.2-130.4-130.4zM512 776c-149.6 0-270.4-121.6-270.4-271.2S363.2 233.6 512 233.6c149.6 0 271.2 121.6 271.2 271.2C782.4 654.4 660.8 776 512 776z"
|
|
|
|
|
fill="#FFFFFF"></path>
|
|
|
|
|
</svg>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="printer" @click="getGuShi()">
|
|
|
|
|
<printer :printerInfo="printerInfo">
|
|
|
|
|
<template slot="paper" slot-scope="scope">
|
|
|
|
|
@ -52,14 +81,54 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<articleList :articleList="articles"></articleList>
|
|
|
|
|
<!-- <div class="pagination-wrap">-->
|
|
|
|
|
<!-- <div @click="pageArticles()" class="pagination" v-if="pagination.total !== articles.length">-->
|
|
|
|
|
<!-- 下一页-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <div v-else style="user-select: none">-->
|
|
|
|
|
<!-- ~~到底啦~~-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<template>
|
|
|
|
|
<div class="pagination-wrap">
|
|
|
|
|
<div @click="pageArticles()" class="pagination" v-if="pagination.total !== articles.length">
|
|
|
|
|
下一页
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else style="user-select: none">
|
|
|
|
|
~~到底啦~~
|
|
|
|
|
<el-table :data="table1List">
|
|
|
|
|
<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">-->
|
|
|
|
|
<!-- 下一页-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <pagination-->
|
|
|
|
|
<!-- v-show="total>0"-->
|
|
|
|
|
<!-- :total="total"-->
|
|
|
|
|
<!-- :page.sync="queryParams.pageNum"-->
|
|
|
|
|
<!-- :limit.sync="queryParams.pageSize"-->
|
|
|
|
|
<!-- @pagination="getList"-->
|
|
|
|
|
<!-- />-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div style="user-select: none;text-align: center">-->
|
|
|
|
|
<!-- ~~到底啦~~-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
|
|
|
|
<!--分页组件-->
|
|
|
|
|
<div class="block">
|
|
|
|
|
<el-pagination
|
|
|
|
|
@size-change="handleSizeChange"
|
|
|
|
|
@current-change="handleCurrentChange"
|
|
|
|
|
:current-page="currentPage4"
|
|
|
|
|
:page-sizes="[100, 200, 300, 400]"
|
|
|
|
|
:page-size="100"
|
|
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
|
:total="400">
|
|
|
|
|
</el-pagination>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -72,6 +141,8 @@
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import {listTable1} from "@/utils/table1";
|
|
|
|
|
|
|
|
|
|
const loader = () => import( "./common/loader");
|
|
|
|
|
const zombie = () => import( "./common/zombie");
|
|
|
|
|
const printer = () => import( "./common/printer");
|
|
|
|
|
@ -91,6 +162,10 @@
|
|
|
|
|
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
currentPage1: 5,
|
|
|
|
|
currentPage2: 5,
|
|
|
|
|
currentPage3: 5,
|
|
|
|
|
currentPage4: 4,
|
|
|
|
|
loading: false,
|
|
|
|
|
showAside: true,
|
|
|
|
|
printerInfo: "你看对面的青山多漂亮",
|
|
|
|
|
@ -108,7 +183,16 @@
|
|
|
|
|
"author": "",
|
|
|
|
|
"category": ""
|
|
|
|
|
},
|
|
|
|
|
articles: []
|
|
|
|
|
articles: [],
|
|
|
|
|
table1List: [],
|
|
|
|
|
// 查询参数
|
|
|
|
|
queryParams: {
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
drug1: null,
|
|
|
|
|
drug2: null,
|
|
|
|
|
reaction: null
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
@ -117,12 +201,33 @@
|
|
|
|
|
created() {
|
|
|
|
|
this.getGuShi();
|
|
|
|
|
this.getArticles();
|
|
|
|
|
this.getList();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
mounted() {
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
|
handleSizeChange(val) {
|
|
|
|
|
console.log(`每页 ${val} 条`);
|
|
|
|
|
},
|
|
|
|
|
handleCurrentChange(val) {
|
|
|
|
|
console.log(`当前页: ${val}`);
|
|
|
|
|
},
|
|
|
|
|
/** 搜索按钮操作 */
|
|
|
|
|
handleQuery() {
|
|
|
|
|
this.queryParams.pageNum = 1;
|
|
|
|
|
this.getList();
|
|
|
|
|
},
|
|
|
|
|
/** 查询药品作用管理列表 */
|
|
|
|
|
getList() {
|
|
|
|
|
// this.loading = true;
|
|
|
|
|
this.table1List = []; // 初始化为空数组
|
|
|
|
|
listTable1(this.queryParams).then(response => {
|
|
|
|
|
this.table1List = response;
|
|
|
|
|
console.log(this.table1List[0].reaction);
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
async selectSort(sort) {
|
|
|
|
|
this.pagination = {
|
|
|
|
|
current: 1,
|
|
|
|
|
@ -168,6 +273,7 @@
|
|
|
|
|
|
|
|
|
|
async getArticles() {
|
|
|
|
|
await this.$http.post(this.$constant.baseURL + "/article/listArticle", this.pagination)
|
|
|
|
|
// await this.$http.post("http://localhost:81" + "/system/table1/list", this.pagination)
|
|
|
|
|
.then((res) => {
|
|
|
|
|
if (!this.$common.isEmpty(res.data)) {
|
|
|
|
|
this.articles = this.articles.concat(res.data.records);
|
|
|
|
|
@ -402,6 +508,18 @@
|
|
|
|
|
box-shadow: 0 0 5px var(--themeBackground);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ais-SearchBox-input {
|
|
|
|
|
padding: 0 14px;
|
|
|
|
|
height: 30px;
|
|
|
|
|
width: calc(100% - 50px);
|
|
|
|
|
outline: 0;
|
|
|
|
|
border: 2px solid var(--lightGreen);
|
|
|
|
|
border-right: 0;
|
|
|
|
|
border-radius: 40px;
|
|
|
|
|
color: var(--maxGreyFont);
|
|
|
|
|
background: var(--white);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 1100px) {
|
|
|
|
|
.recent-posts {
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
