|
|
|
|
@ -5,12 +5,7 @@
|
|
|
|
|
<div class="rank">
|
|
|
|
|
<div class="input--label">抽样级别：</div>
|
|
|
|
|
<el-select v-model="value" placeholder="请选择抽样级别">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in options"
|
|
|
|
|
:key="item.value"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
:value="item.value"
|
|
|
|
|
>
|
|
|
|
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</div>
|
|
|
|
|
@ -28,19 +23,8 @@
|
|
|
|
|
</div>
|
|
|
|
|
<block-header title="查询结果">
|
|
|
|
|
<div class="tables">
|
|
|
|
|
<el-table
|
|
|
|
|
:data="tableData"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
:cell-style="columnStyle"
|
|
|
|
|
v-loading="loading"
|
|
|
|
|
border
|
|
|
|
|
>
|
|
|
|
|
<el-table-column
|
|
|
|
|
type="index"
|
|
|
|
|
header-align="center"
|
|
|
|
|
label="序号"
|
|
|
|
|
width="80"
|
|
|
|
|
>
|
|
|
|
|
<el-table :data="tableData" style="width: 100%" :cell-style="columnStyle" v-loading="loading" border>
|
|
|
|
|
<el-table-column type="index" header-align="center" label="序号" width="80">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="cyrw" header-align="center" label="抽样级别">
|
|
|
|
|
<!-- <template slot-scope="scope">
|
|
|
|
|
@ -49,42 +33,21 @@
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="cybh" label="抽样编号" header-align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="yptymc"
|
|
|
|
|
label="药品通用名"
|
|
|
|
|
header-align="center"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column prop="yptymc" label="药品通用名" header-align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="bcydwmc"
|
|
|
|
|
label="被抽样单位名称"
|
|
|
|
|
header-align="center"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column prop="bcydwmc" label="被抽样单位名称" header-align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="unitAreaName"
|
|
|
|
|
label="被抽样单位地区名称"
|
|
|
|
|
header-align="center"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column prop="unitAreaName" label="被抽样单位地区名称" header-align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="productionName"
|
|
|
|
|
label="生产单位名称"
|
|
|
|
|
header-align="center"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column prop="productionName" label="生产单位名称" header-align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="cyrq" label="抽样日期" header-align="center">
|
|
|
|
|
</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"
|
|
|
|
|
@click="handleEdit(scope.$index, scope.row)"
|
|
|
|
|
>详情
|
|
|
|
|
<el-button size="mini" class="informant-btn" plain type="primary"
|
|
|
|
|
@click="handleEdit(scope.$index, scope.row)">详情
|
|
|
|
|
</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
@ -95,76 +58,38 @@
|
|
|
|
|
class="pagination"
|
|
|
|
|
:class="transinformation.b == '1' ? 'paginationTwo' : ''"
|
|
|
|
|
> -->
|
|
|
|
|
<pagination
|
|
|
|
|
v-show="total > 0"
|
|
|
|
|
:total="total"
|
|
|
|
|
:page="form1.current"
|
|
|
|
|
:limit="form1.size"
|
|
|
|
|
@pagination="getPagination"
|
|
|
|
|
></pagination>
|
|
|
|
|
<pagination v-show="total > 0" :total="total" :page="form1.current" :limit="form1.size" @pagination="getPagination">
|
|
|
|
|
</pagination>
|
|
|
|
|
<!-- </div> -->
|
|
|
|
|
</block-header>
|
|
|
|
|
<!-- 国抽 -->
|
|
|
|
|
<dialog-title title="详情" width="90%" ref="xiangqingDialog">
|
|
|
|
|
<div class="dialog-tabs">
|
|
|
|
|
<div class="tabs">
|
|
|
|
|
<div
|
|
|
|
|
class="tab"
|
|
|
|
|
@click="actionTab(1)"
|
|
|
|
|
:class="action == 1 ? 'actionTab' : ''"
|
|
|
|
|
>
|
|
|
|
|
<div class="tab" @click="actionTab(1)" :class="action == 1 ? 'actionTab' : ''">
|
|
|
|
|
<span>基本信息</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="tab"
|
|
|
|
|
@click="actionTab(2)"
|
|
|
|
|
:class="action == 2 ? 'actionTab' : ''"
|
|
|
|
|
>
|
|
|
|
|
<div class="tab" @click="actionTab(2)" :class="action == 2 ? 'actionTab' : ''">
|
|
|
|
|
<span>检验项目</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<component
|
|
|
|
|
:is="currentComponent"
|
|
|
|
|
:descriptions="descriptions"
|
|
|
|
|
:loading="load1"
|
|
|
|
|
:ids="ids"
|
|
|
|
|
></component>
|
|
|
|
|
<component :is="currentComponent" :descriptions="descriptions" :loading="load1" :ids="ids"></component>
|
|
|
|
|
</dialog-title>
|
|
|
|
|
<!-- 省抽 -->
|
|
|
|
|
<dialog-title
|
|
|
|
|
title="查看抽样详情"
|
|
|
|
|
:width="transinformation.b == '1' ? '65%' : '90%'"
|
|
|
|
|
ref="chouyangDialog"
|
|
|
|
|
>
|
|
|
|
|
<dialog-title title="查看抽样详情" :width="transinformation.b == '1' ? '65%' : '90%'" ref="chouyangDialog">
|
|
|
|
|
<chouyang-info></chouyang-info>
|
|
|
|
|
</dialog-title>
|
|
|
|
|
<dialog-title
|
|
|
|
|
title="详情"
|
|
|
|
|
:width="transinformation.b == '1' ? '75%' : '90%'"
|
|
|
|
|
ref="medicalInfo"
|
|
|
|
|
>
|
|
|
|
|
<dialog-title title="详情" :width="transinformation.b == '1' ? '75%' : '90%'" ref="medicalInfo">
|
|
|
|
|
<medical-info></medical-info>
|
|
|
|
|
</dialog-title>
|
|
|
|
|
<dialog-title
|
|
|
|
|
title="详情"
|
|
|
|
|
:width="transinformation.b == '1' ? '75%' : '90%'"
|
|
|
|
|
ref="drugDetail"
|
|
|
|
|
>
|
|
|
|
|
<dialog-title title="详情" :width="transinformation.b == '1' ? '75%' : '90%'" ref="drugDetail">
|
|
|
|
|
<drug-detail></drug-detail>
|
|
|
|
|
</dialog-title>
|
|
|
|
|
<dialog-title
|
|
|
|
|
title="详情"
|
|
|
|
|
:width="transinformation.b == '1' ? '75%' : '90%'"
|
|
|
|
|
ref="drugProvince"
|
|
|
|
|
>
|
|
|
|
|
<dialog-title title="详情" :width="transinformation.b == '1' ? '75%' : '90%'" ref="drugProvince">
|
|
|
|
|
<drug-province></drug-province>
|
|
|
|
|
</dialog-title>
|
|
|
|
|
<dialog-title
|
|
|
|
|
title="详情"
|
|
|
|
|
:width="transinformation.b == '1' ? '75%' : '90%'"
|
|
|
|
|
ref="samplingDetail"
|
|
|
|
|
>
|
|
|
|
|
<dialog-title title="详情" :width="transinformation.b == '1' ? '75%' : '90%'" ref="samplingDetail">
|
|
|
|
|
<sampling-detail></sampling-detail>
|
|
|
|
|
</dialog-title>
|
|
|
|
|
</div>
|
|
|
|
|
@ -213,7 +138,7 @@ export default {
|
|
|
|
|
//抽样编号
|
|
|
|
|
cybh: "",
|
|
|
|
|
//批准文号
|
|
|
|
|
yppzwh:''
|
|
|
|
|
yppzwh: ''
|
|
|
|
|
},
|
|
|
|
|
//主键
|
|
|
|
|
ids: "",
|
|
|
|
|
@ -668,8 +593,8 @@ export default {
|
|
|
|
|
return "font-family: Adobe Heiti Std;font-weight: normal;";
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
currentChange(index) {},
|
|
|
|
|
sizeChange(index) {},
|
|
|
|
|
currentChange(index) { },
|
|
|
|
|
sizeChange(index) { },
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
// this.$nextTick(()=>{
|
|
|
|
|
@ -685,13 +610,16 @@ export default {
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
@import "@/assets/styles/utils.scss";
|
|
|
|
|
|
|
|
|
|
.pzChouyang {
|
|
|
|
|
|
|
|
|
|
// overflow-y: scroll;
|
|
|
|
|
.tables {
|
|
|
|
|
.button {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.informant-btn {
|
|
|
|
|
padding: vw(13) vh(10);
|
|
|
|
|
width: vw(44);
|
|
|
|
|
@ -703,61 +631,71 @@ export default {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
::v-deep span {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
color: #1e80eb;
|
|
|
|
|
font-size: vw(14);
|
|
|
|
|
font-size: vb(14);
|
|
|
|
|
font-family: Adobe Heiti Std;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-table td {
|
|
|
|
|
height: vh(40);
|
|
|
|
|
padding: vh(10);
|
|
|
|
|
font-size: vw(14);
|
|
|
|
|
font-size: vb(14);
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #292f38;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-table th {
|
|
|
|
|
height: vh(40);
|
|
|
|
|
padding: 0;
|
|
|
|
|
font-size: vw(14);
|
|
|
|
|
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;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.pagination {
|
|
|
|
|
margin-top: 17px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
|
|
// padding-bottom: vh(20);
|
|
|
|
|
::v-deep .el-pagination__jump {
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.custom {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-size: vb(14);
|
|
|
|
|
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #292f38;
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.paginationTwo {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
padding-bottom: vh(20);
|
|
|
|
|
|
|
|
|
|
::v-deep .el-input--mini .el-input__inner {
|
|
|
|
|
height: vw(28);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.custom {
|
|
|
|
|
font-size: vw(14);
|
|
|
|
|
font-size: vb(14);
|
|
|
|
|
font-family: Source Han Regular CN;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #292f38;
|
|
|
|
|
@ -765,15 +703,19 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-dialog__body {
|
|
|
|
|
padding-top: vh(24);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .dialog-tabs {
|
|
|
|
|
margin: vh(25) 0;
|
|
|
|
|
|
|
|
|
|
.tabs {
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
border-bottom: vw(1) solid #dbe0e8;
|
|
|
|
|
|
|
|
|
|
.tab {
|
|
|
|
|
border: vw(1) solid #dbe0e8;
|
|
|
|
|
padding: vh(7) vw(22);
|
|
|
|
|
@ -801,12 +743,13 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
font-size: vw(16);
|
|
|
|
|
font-size: vb(16);
|
|
|
|
|
font-family: Source Han Sans CN;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #2f3742;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.actionTab {
|
|
|
|
|
background-color: #1e80eb;
|
|
|
|
|
|
|
|
|
|
@ -816,40 +759,49 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.drug-input {
|
|
|
|
|
padding: vh(40) vw(22);
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
.inputs {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
.rank,
|
|
|
|
|
.number {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
.input--label {
|
|
|
|
|
font-size: vw(16);
|
|
|
|
|
font-size: vb(16);
|
|
|
|
|
font-family: Source Han Sans CN;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #6a6c6f;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-input__inner {
|
|
|
|
|
width: vw(386);
|
|
|
|
|
height: vw(40);
|
|
|
|
|
border-radius: vw(2);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-select__caret::before {
|
|
|
|
|
line-height: vw(40);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.number {
|
|
|
|
|
margin-left: vw(39);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.search-btns {
|
|
|
|
|
margin-left: vw(40);
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
.inquire {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
@ -859,7 +811,7 @@ export default {
|
|
|
|
|
height: vh(40);
|
|
|
|
|
background: #1e80eb;
|
|
|
|
|
border-radius: vw(4);
|
|
|
|
|
font-size: vw(16);
|
|
|
|
|
font-size: vb(16);
|
|
|
|
|
font-family: Source Han Sans CN;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
@ -867,6 +819,7 @@ export default {
|
|
|
|
|
margin-left: vw(10);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.reset {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
@ -876,7 +829,7 @@ export default {
|
|
|
|
|
border: vw(1) solid #1e80eb;
|
|
|
|
|
border-radius: vw(4);
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
font-size: vw(16);
|
|
|
|
|
font-size: vb(16);
|
|
|
|
|
font-family: Source Han Sans CN;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #1e80eb;
|
|
|
|
|
|
