|
|
|
@ -37,11 +37,12 @@
|
|
|
|
|
<block-header title="查询结果">
|
|
|
|
|
<div class="tables">
|
|
|
|
|
<el-table :data="tableData" style="width: 100%" :cell-style="columnStyle" v-loading="loading" border>
|
|
|
|
|
<el-table-column prop="id" header-align="center" label="序号" width="80">
|
|
|
|
|
<!-- <el-table-column prop="index" header-align="center" label="序号" width="80">
|
|
|
|
|
</el-table-column> -->
|
|
|
|
|
<el-table-column v-for="(item, index) in tableList" :prop="item.prop" header-align="center" :label="item.name"
|
|
|
|
|
:width="item.width">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="durgName" header-align="center" label="药品通用名称">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="wenhao" label="批准文号" header-align="center">
|
|
|
|
|
<!-- <el-table-column prop="wenhao" label="批准文号" header-align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="bianhao" label="报告编号" header-align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
@ -50,8 +51,8 @@
|
|
|
|
|
<el-table-column prop="hospitalName" label="医院名称" header-align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="addresName" label="报告地区名称" header-align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="操作" header-align="center" width="100">
|
|
|
|
|
</el-table-column> -->
|
|
|
|
|
<!-- <el-table-column label="操作" header-align="center" width="100">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<div class="button">
|
|
|
|
|
<el-button size="mini" class="informant-btn" plain type="primary"
|
|
|
|
@ -59,7 +60,7 @@
|
|
|
|
|
</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table-column> -->
|
|
|
|
|
</el-table>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="pagination" :class="transinformation.b == '1' ? 'paginationTwo' : ''">
|
|
|
|
@ -73,11 +74,11 @@
|
|
|
|
|
}}-{{ numberMap() }}条</span
|
|
|
|
|
> -->
|
|
|
|
|
<span class="custom">
|
|
|
|
|
共0条,显示0条
|
|
|
|
|
共{{ this.total }}条,显示{{ this.tableData.length }}条
|
|
|
|
|
</span>
|
|
|
|
|
<el-pagination background :small="transinformation.b == '1'" :page-sizes="[10, 15]" :total="total"
|
|
|
|
|
layout=" prev, pager, next, sizes, jumper" @current-change="currentChange" @size-change="sizeChange"
|
|
|
|
|
:current-page.sync="currentPage" :page-size.sync="pageSize">
|
|
|
|
|
:current-page.sync="form1.pageNum" :page-size.sync="form1.pageSize">
|
|
|
|
|
</el-pagination>
|
|
|
|
|
</div>
|
|
|
|
|
</block-header>
|
|
|
|
@ -100,15 +101,11 @@ export default {
|
|
|
|
|
// addresName:'沈阳',
|
|
|
|
|
// }
|
|
|
|
|
],
|
|
|
|
|
tableList: [],
|
|
|
|
|
form1: {
|
|
|
|
|
size: 10,
|
|
|
|
|
current: 1,
|
|
|
|
|
//抽样编号
|
|
|
|
|
cybh: "",
|
|
|
|
|
//批准文号
|
|
|
|
|
yppzwh: '',
|
|
|
|
|
zzjyjl: "",
|
|
|
|
|
fsnf:""
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
drugApprovalNo: "",
|
|
|
|
|
},
|
|
|
|
|
options1: [
|
|
|
|
|
{
|
|
|
|
@ -124,7 +121,7 @@ export default {
|
|
|
|
|
// adverseReactionStyle:{
|
|
|
|
|
// height:''
|
|
|
|
|
// }
|
|
|
|
|
currentPage: 1,
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
total: 0,
|
|
|
|
|
}
|
|
|
|
@ -132,6 +129,251 @@ export default {
|
|
|
|
|
props: ['transinformation'],
|
|
|
|
|
components: { blockHeader },
|
|
|
|
|
methods: {
|
|
|
|
|
getlist() {
|
|
|
|
|
this.loading = true;
|
|
|
|
|
if (this.urlA.type == 2) {
|
|
|
|
|
// 药品
|
|
|
|
|
this.tableList = [
|
|
|
|
|
{
|
|
|
|
|
name: "序号",
|
|
|
|
|
prop: "index",
|
|
|
|
|
width: "80"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "患者姓名",
|
|
|
|
|
prop: "name",
|
|
|
|
|
width: "100"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "不良反应名称",
|
|
|
|
|
prop: "untowardReactionName",
|
|
|
|
|
}, {
|
|
|
|
|
name: "不良反应结果",
|
|
|
|
|
prop: "untowardReactionResult",
|
|
|
|
|
width: "160"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "不良反应发生时间",
|
|
|
|
|
prop: "happenDate",
|
|
|
|
|
width: "160"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "严重程度",
|
|
|
|
|
prop: "reportType",
|
|
|
|
|
width: "180"
|
|
|
|
|
}, {
|
|
|
|
|
name: "通用名称",
|
|
|
|
|
prop: "commonName",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "报告单位类别",
|
|
|
|
|
prop: "reportUnitType",
|
|
|
|
|
width: "180"
|
|
|
|
|
},
|
|
|
|
|
// {
|
|
|
|
|
// name: "合并用药通用名称",
|
|
|
|
|
// prop: "mergeCommonName",
|
|
|
|
|
// width: "180"
|
|
|
|
|
// }, {
|
|
|
|
|
// name: "怀疑用药通用名称 ",
|
|
|
|
|
// prop: "suspectedCommonName",
|
|
|
|
|
// width: "180"
|
|
|
|
|
// },
|
|
|
|
|
]
|
|
|
|
|
this.$api.frimCenter.portraitDrugsReport(this.form1).then(res => {
|
|
|
|
|
console.log(888, this.urlA);
|
|
|
|
|
console.log(777, res);
|
|
|
|
|
if (res.status == 200) {
|
|
|
|
|
this.tableData = res.result.list;
|
|
|
|
|
this.tableData.forEach((element, index) => {
|
|
|
|
|
element.index = index + 1;
|
|
|
|
|
});
|
|
|
|
|
this.total = res.result.total;
|
|
|
|
|
this.loading = false;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
} else if (this.urlA.type == 3) {
|
|
|
|
|
// 器械
|
|
|
|
|
this.tableList = [
|
|
|
|
|
{
|
|
|
|
|
name: "序号",
|
|
|
|
|
prop: "index",
|
|
|
|
|
width: "80"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "单位名称",
|
|
|
|
|
prop: "company",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "持有人名称",
|
|
|
|
|
prop: "holder",
|
|
|
|
|
width: "130"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "持有人所属监测机构",
|
|
|
|
|
prop: "cyrJcjg",
|
|
|
|
|
}, {
|
|
|
|
|
name: "事发地所属监测机构",
|
|
|
|
|
prop: "userOperateEnterpriseJcjg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "故障表现",
|
|
|
|
|
prop: "faultPerformance",
|
|
|
|
|
width: "130"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "伤害程度",
|
|
|
|
|
prop: "harm",
|
|
|
|
|
width: "100"
|
|
|
|
|
}, {
|
|
|
|
|
name: "伤害表现",
|
|
|
|
|
prop: "behavior",
|
|
|
|
|
width: "100"
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "报告状态",
|
|
|
|
|
prop: "cyrReportStatus",
|
|
|
|
|
width: "100"
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// {
|
|
|
|
|
// name: "合并用药通用名称",
|
|
|
|
|
// prop: "mergeCommonName",
|
|
|
|
|
// width: "180"
|
|
|
|
|
// }, {
|
|
|
|
|
// name: "怀疑用药通用名称 ",
|
|
|
|
|
// prop: "suspectedCommonName",
|
|
|
|
|
// width: "180"
|
|
|
|
|
// },
|
|
|
|
|
]
|
|
|
|
|
this.$api.frimCenter.portraitYlqxReport(this.form1).then(res => {
|
|
|
|
|
this.tableList = [
|
|
|
|
|
{
|
|
|
|
|
name: "序号",
|
|
|
|
|
prop: "index",
|
|
|
|
|
width: "80"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "单位名称",
|
|
|
|
|
prop: "company",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "故障表现",
|
|
|
|
|
prop: "faultPerformance",
|
|
|
|
|
width: "130"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "伤害程度",
|
|
|
|
|
prop: "harm",
|
|
|
|
|
width: "100"
|
|
|
|
|
}, {
|
|
|
|
|
name: "伤害表现",
|
|
|
|
|
prop: "behavior",
|
|
|
|
|
width: "100"
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "持有人名称",
|
|
|
|
|
prop: "holder",
|
|
|
|
|
width: "130"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "持有人所属监测机构",
|
|
|
|
|
prop: "cyrJcjg",
|
|
|
|
|
}, {
|
|
|
|
|
name: "事发地所属监测机构",
|
|
|
|
|
prop: "userOperateEnterpriseJcjg",
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
name: "报告状态",
|
|
|
|
|
prop: "cyrReportStatus",
|
|
|
|
|
width: "100"
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// {
|
|
|
|
|
// name: "合并用药通用名称",
|
|
|
|
|
// prop: "mergeCommonName",
|
|
|
|
|
// width: "180"
|
|
|
|
|
// }, {
|
|
|
|
|
// name: "怀疑用药通用名称 ",
|
|
|
|
|
// prop: "suspectedCommonName",
|
|
|
|
|
// width: "180"
|
|
|
|
|
// },
|
|
|
|
|
]
|
|
|
|
|
console.log(888, this.urlA);
|
|
|
|
|
console.log(777, res);
|
|
|
|
|
if (res.status == 200) {
|
|
|
|
|
this.tableData = res.result.list;
|
|
|
|
|
this.tableData.forEach((element, index) => {
|
|
|
|
|
element.index = index + 1;
|
|
|
|
|
});
|
|
|
|
|
this.total = res.result.total;
|
|
|
|
|
this.loading = false;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
} else if (this.urlA.type == 1) {
|
|
|
|
|
this.tableList = [
|
|
|
|
|
{
|
|
|
|
|
name: "序号",
|
|
|
|
|
prop: "index",
|
|
|
|
|
width: "80"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "化妆品名称",
|
|
|
|
|
prop: "hzpName",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "报告单位",
|
|
|
|
|
prop: "reportUnit",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "报告来源",
|
|
|
|
|
prop: "reportSource",
|
|
|
|
|
width: "130"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "报告类型",
|
|
|
|
|
prop: "reportType",
|
|
|
|
|
width: "100"
|
|
|
|
|
}, {
|
|
|
|
|
name: "初步判断",
|
|
|
|
|
prop: "initialJudgement",
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "报告区域",
|
|
|
|
|
prop: "reportArea",
|
|
|
|
|
width: "130"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "报告日期",
|
|
|
|
|
prop: "reportDate",
|
|
|
|
|
width: "100"
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
]
|
|
|
|
|
this.$api.frimCenter.portraitHzpReport(this.form1).then(res => {
|
|
|
|
|
console.log(888, this.urlA);
|
|
|
|
|
console.log(777, res);
|
|
|
|
|
if (res.status == 200) {
|
|
|
|
|
this.tableData = res.result.list;
|
|
|
|
|
this.tableData.forEach((element, index) => {
|
|
|
|
|
element.index = index + 1;
|
|
|
|
|
});
|
|
|
|
|
this.total = res.result.total;
|
|
|
|
|
this.loading = false;
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
// 化妆品
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
// tabs某列的样式修改
|
|
|
|
|
columnStyle({ row, column, rowIndex, columnIndex }) {
|
|
|
|
|
if (columnIndex == 7 || columnIndex == 0) {
|
|
|
|
@ -146,39 +388,41 @@ export default {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
currentChange(index) {
|
|
|
|
|
console.log(77, index);
|
|
|
|
|
this.form1.pageNum = index;
|
|
|
|
|
this.getlist()
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
sizeChange(index) {
|
|
|
|
|
|
|
|
|
|
this.form1.pageSize = index;
|
|
|
|
|
this.getlist()
|
|
|
|
|
},
|
|
|
|
|
reset() {
|
|
|
|
|
this.form1 = {
|
|
|
|
|
size: 10,
|
|
|
|
|
current: 1,
|
|
|
|
|
//抽样编号
|
|
|
|
|
cybh: "",
|
|
|
|
|
//批准文号
|
|
|
|
|
yppzwh: '',
|
|
|
|
|
zzjyjl: ""
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
drugApprovalNo: "",
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
inquire() { }
|
|
|
|
|
},
|
|
|
|
|
computed:{
|
|
|
|
|
computed: {
|
|
|
|
|
...mapState({
|
|
|
|
|
urlA: (state) => state.app.urlA,
|
|
|
|
|
}),
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
this.form1.drugApprovalNo = this.urlA.data
|
|
|
|
|
this.getlist()
|
|
|
|
|
// this.$nextTick(() => {
|
|
|
|
|
// let dom = document.getElementsByClassName('adverseReaction');
|
|
|
|
|
// let height = dom[0].getBoundingClientRect();
|
|
|
|
|
// let windowWidth = window.innerWidth;
|
|
|
|
|
// let windowHeight = window.innerHeight;
|
|
|
|
|
// let relativeHeight = windowHeight - height.top - (26 / 1920 * windowWidth)
|
|
|
|
|
// this.adverseReactionStyle.height = relativeHeight + 'px'
|
|
|
|
|
// })
|
|
|
|
|
}
|
|
|
|
|
// mounted(){
|
|
|
|
|
// this.$nextTick(()=>{
|
|
|
|
|
// let dom = document.getElementsByClassName('adverseReaction');
|
|
|
|
|
// let height = dom[0].getBoundingClientRect();
|
|
|
|
|
// let windowWidth = window.innerWidth;
|
|
|
|
|
// let windowHeight = window.innerHeight;
|
|
|
|
|
// let relativeHeight = windowHeight - height.top - (26 / 1920 * windowWidth)
|
|
|
|
|
// this.adverseReactionStyle.height = relativeHeight + 'px'
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
@ -217,8 +461,8 @@ export default {
|
|
|
|
|
|
|
|
|
|
::v-deep .el-table td {
|
|
|
|
|
height: vh(40);
|
|
|
|
|
padding: 0;
|
|
|
|
|
font-size: vb(14);
|
|
|
|
|
padding: vh(10) 0;
|
|
|
|
|
font-size: vb(16);
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #292F38;
|
|
|
|
|
}
|
|
|
|
@ -226,7 +470,7 @@ export default {
|
|
|
|
|
::v-deep .el-table th {
|
|
|
|
|
height: vh(40);
|
|
|
|
|
padding: 0;
|
|
|
|
|
font-size: vb(14);
|
|
|
|
|
font-size: vb(16);
|
|
|
|
|
font-family: Source Han Sans CN;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
color: #292f38;
|
|
|
|
|