|
|
|
@ -42,6 +42,7 @@
|
|
|
|
|
<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="wenhao" label="批准文号" header-align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="bianhao" label="报告编号" header-align="center">
|
|
|
|
@ -52,7 +53,7 @@
|
|
|
|
|
</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 label="操作" header-align="center" width="100">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<div class="button">
|
|
|
|
|
<el-button size="mini" class="informant-btn" plain type="primary"
|
|
|
|
@ -60,7 +61,7 @@
|
|
|
|
|
</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column> -->
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="pagination" :class="transinformation.b == '1' ? 'paginationTwo' : ''">
|
|
|
|
@ -82,6 +83,32 @@
|
|
|
|
|
</el-pagination>
|
|
|
|
|
</div>
|
|
|
|
|
</block-header>
|
|
|
|
|
<el-dialog :visible.sync="dialogVisible" :show-close="false" :destroy-on-close="true" :close-on-click-modal="false"
|
|
|
|
|
append-to-body custom-class="dialog-boxed" width="55%">
|
|
|
|
|
<div class="closeClick">
|
|
|
|
|
<div>查看详情</div>
|
|
|
|
|
<i class="el-icon-close" @click="Close"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<el-descriptions border>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-descriptions-item label="患者姓名 ">{{ descriptions.name }}</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="不良反应名称">{{ descriptions.untowardReactionName }}</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="不良反应结果">
|
|
|
|
|
{{ descriptions.untowardReactionResult }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="不良反应时间">{{ descriptions.happenDate }}</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="严重程度">{{ descriptions.reportType }}</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="通用名称">
|
|
|
|
|
{{ descriptions.suspectedCommonName }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="报告单位类型">
|
|
|
|
|
{{ descriptions.reportUnitType }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<!-- <el-descriptions-item label="反馈内容" v-if="descriptions.status == 2">{{ descriptions.feedbackContent
|
|
|
|
|
}}</el-descriptions-item> -->
|
|
|
|
|
</el-descriptions>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
@ -90,6 +117,8 @@ import { mapState } from "vuex";
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
dialogVisible: false,
|
|
|
|
|
descriptions: "",
|
|
|
|
|
tableData: [
|
|
|
|
|
// {
|
|
|
|
|
// id:1,
|
|
|
|
@ -128,6 +157,9 @@ export default {
|
|
|
|
|
props: ['transinformation'],
|
|
|
|
|
components: { blockHeader },
|
|
|
|
|
methods: {
|
|
|
|
|
Close() {
|
|
|
|
|
this.dialogVisible = false;
|
|
|
|
|
},
|
|
|
|
|
getlist() {
|
|
|
|
|
this.loading = true;
|
|
|
|
|
if (this.urlA.type == 2) {
|
|
|
|
@ -390,7 +422,8 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
handleEdit(index, row) {
|
|
|
|
|
|
|
|
|
|
this.dialogVisible = true
|
|
|
|
|
this.descriptions = row
|
|
|
|
|
},
|
|
|
|
|
currentChange(index) {
|
|
|
|
|
console.log(77, index);
|
|
|
|
@ -644,4 +677,325 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.closeClick {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: vh(0);
|
|
|
|
|
right: vw(0);
|
|
|
|
|
padding: vw(10) vw(20);
|
|
|
|
|
width: 100%;
|
|
|
|
|
z-index: 1000;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
text-align: center;
|
|
|
|
|
background: #f8f9fa;
|
|
|
|
|
box-shadow: 0px 1px 0px 0px #dbe0e8;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
i {
|
|
|
|
|
font-family: Source Han Bolde CN;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding: vh(5) 0 0 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div {
|
|
|
|
|
font-size: vb(20);
|
|
|
|
|
font-family: Source Han Bolde CN;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
color: #292f38;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.filled {
|
|
|
|
|
margin-top: vh(18);
|
|
|
|
|
padding: 0 vw(25) 0 vw(17);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.screen {
|
|
|
|
|
padding: vh(15) 0 vh(26) vw(6);
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
.task-name {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin-right: vw(58);
|
|
|
|
|
|
|
|
|
|
.task-name-text {
|
|
|
|
|
font-size: vb(16);
|
|
|
|
|
font-family: Source Han Sans CN;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #6a6c6f;
|
|
|
|
|
line-height: vh(50);
|
|
|
|
|
// margin-right: vw(10);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.task-input {
|
|
|
|
|
width: vw(306);
|
|
|
|
|
height: vh(40);
|
|
|
|
|
margin-left: vw(10);
|
|
|
|
|
|
|
|
|
|
::v-deep .el-input {
|
|
|
|
|
width: vw(306);
|
|
|
|
|
height: vh(50);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-input__inner {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
font-size: vb(16);
|
|
|
|
|
font-family: Source Han Sans CN;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
// color: #B1B6BF;
|
|
|
|
|
line-height: vh(50);
|
|
|
|
|
padding-left: vw(15);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.time-interval {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin-right: vw(20);
|
|
|
|
|
|
|
|
|
|
.interval-text {
|
|
|
|
|
font-size: vb(16);
|
|
|
|
|
font-family: Source Han Sans CN;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #6a6c6f;
|
|
|
|
|
line-height: vh(50);
|
|
|
|
|
// margin-right: vw(10);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.interval-select {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
border: vw(1) solid #dbe0e8;
|
|
|
|
|
border-radius: vw(4);
|
|
|
|
|
margin-left: vw(10);
|
|
|
|
|
|
|
|
|
|
.star-time,
|
|
|
|
|
.end-time {
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
.data_icon {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
right: 17px;
|
|
|
|
|
z-index: 9;
|
|
|
|
|
color: #c0c4cc;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-input__prefix {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-input {
|
|
|
|
|
width: vw(243);
|
|
|
|
|
height: vh(50);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-input__inner {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
font-size: vb(16);
|
|
|
|
|
font-family: Source Han Sans CN;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
// color: #B1B6BF;
|
|
|
|
|
line-height: vh(50);
|
|
|
|
|
padding-left: vw(15);
|
|
|
|
|
border: none;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.symbol {
|
|
|
|
|
background: rgba(219, 224, 232, 0.5);
|
|
|
|
|
width: vw(40);
|
|
|
|
|
height: vh(38);
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
font-size: vb(16);
|
|
|
|
|
font-family: Source Han Sans CN;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #292f38;
|
|
|
|
|
line-height: vh(28);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.btns {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
.inquire {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
border: none;
|
|
|
|
|
width: vw(74);
|
|
|
|
|
height: vh(50);
|
|
|
|
|
background: #1e80eb;
|
|
|
|
|
border-radius: vw(4);
|
|
|
|
|
font-size: vb(16);
|
|
|
|
|
font-family: Source Han Sans CN;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: vh(50);
|
|
|
|
|
margin-right: vw(10);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.reset {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
width: vw(74);
|
|
|
|
|
height: vh(50);
|
|
|
|
|
border: vw(1) solid #1e80eb;
|
|
|
|
|
border-radius: vw(4);
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
font-size: vb(16);
|
|
|
|
|
font-family: Source Han Sans CN;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #1e80eb;
|
|
|
|
|
line-height: vh(50);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tables {
|
|
|
|
|
background: #fbfcfe;
|
|
|
|
|
// border: vw(2) solid #E9EFF7;
|
|
|
|
|
border-radius: vw(2);
|
|
|
|
|
min-height: vh(535);
|
|
|
|
|
|
|
|
|
|
.button {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.informant-btn {
|
|
|
|
|
// width: vw(44);
|
|
|
|
|
// height: vh(20);
|
|
|
|
|
// display: inline-block !important;
|
|
|
|
|
padding: vw(2);
|
|
|
|
|
background: #e4effd;
|
|
|
|
|
border: vw(1) solid #8cb9f8;
|
|
|
|
|
border-radius: vw(4);
|
|
|
|
|
// line-height: vh(20);
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
::v-deep span {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
color: #1e80eb;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .column-text-one {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: vb(14);
|
|
|
|
|
line-height: vh(39);
|
|
|
|
|
width: vw(50);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .column-text-two {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: vb(14);
|
|
|
|
|
line-height: vh(39);
|
|
|
|
|
width: vw(150);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .column-text-three {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: vb(14);
|
|
|
|
|
line-height: vh(39);
|
|
|
|
|
width: vw(150);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .column-text-four {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: vb(14);
|
|
|
|
|
line-height: vh(39);
|
|
|
|
|
width: vw(150) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-table td {
|
|
|
|
|
height: vh(40);
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-table th {
|
|
|
|
|
height: vh(40);
|
|
|
|
|
padding: 0;
|
|
|
|
|
font-size: vb(14);
|
|
|
|
|
font-family: Source Han Sans CN;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
color: #292f38;
|
|
|
|
|
line-height: vh(50);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .cell {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-table__column-filter-trigger i {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.pagination {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
padding-bottom: vh(20);
|
|
|
|
|
margin-top: vh(33);
|
|
|
|
|
|
|
|
|
|
::v-deep .el-pagination__jump {
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.custom {
|
|
|
|
|
font-size: vb(14);
|
|
|
|
|
font-family: Source Han Regular CN;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #292f38;
|
|
|
|
|
line-height: vh(28);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .column-text-five {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: vb(14);
|
|
|
|
|
line-height: vh(39);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-input__suffix {
|
|
|
|
|
.el-input__suffix-inner {
|
|
|
|
|
.el-select__caret {
|
|
|
|
|
line-height: vh(20);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.shuoming {
|
|
|
|
|
color: #ec0c4f;
|
|
|
|
|
font-size: vb(14);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-descriptions {
|
|
|
|
|
font-size: vb(14);
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|