parent
34d28bf335
commit
71961494e9
@ -0,0 +1,473 @@
|
||||
<template>
|
||||
<block-header title="国家药品抽检信息">
|
||||
<my-descriptions
|
||||
:descriptions="descriptions"
|
||||
width
|
||||
v-loading="loading"
|
||||
></my-descriptions>
|
||||
</block-header>
|
||||
</template>
|
||||
<script>
|
||||
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue";
|
||||
import myDescriptions from "@/views/firmContent/components/descriptions/index.vue";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// descriptions:[
|
||||
// {
|
||||
// id:1,
|
||||
// label:'药品通用名称',
|
||||
// value:'注射用冷冻干燥用氯化丁基橡胶塞'
|
||||
// },{
|
||||
// id:2,
|
||||
// label:'药品商品名称',
|
||||
// value:'xxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:3,
|
||||
// label:'药品批准文号',
|
||||
// value:'药包材登记号B20190008023'
|
||||
// },{
|
||||
// id:4,
|
||||
// label:'药品类别',
|
||||
// value:'xxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:5,
|
||||
// label:'药品上市许可持有人',
|
||||
// value:'重庆市沛玲三海兰陵有限责任公司'
|
||||
// },{
|
||||
// id:6,
|
||||
// label:'药品上市许可持有人统一社会信用代码',
|
||||
// value:'xxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:7,
|
||||
// label:'药品上市许可持有人地址',
|
||||
// value:'xxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:8,
|
||||
// label:'药品上市许可持有人所在省份',
|
||||
// value:'xxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:9,
|
||||
// label:'剂型',
|
||||
// value:'xxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:10,
|
||||
// label:'制剂规格',
|
||||
// value:'xxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:11,
|
||||
// label:'包装规格',
|
||||
// value:'xxxxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:12,
|
||||
// label:'抽样编号',
|
||||
// value:'xxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:13,
|
||||
// label:'抽样数量',
|
||||
// value:'xxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:14,
|
||||
// label:'效期',
|
||||
// value:'xxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:15,
|
||||
// label:'来源',
|
||||
// value:'xxxxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:16,
|
||||
// label:'抽样环节',
|
||||
// value:'xxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:17,
|
||||
// label:'批号',
|
||||
// value:'xxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:18,
|
||||
// label:'有效期截止日期',
|
||||
// value:'xxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:19,
|
||||
// label:'被抽样单位统一社会信用代码',
|
||||
// value:'xxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:20,
|
||||
// label:'被抽样单位名称',
|
||||
// value:'xxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:21,
|
||||
// label:'被抽样单位地址',
|
||||
// value:'xxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:22,
|
||||
// label:'抽样地点性质',
|
||||
// value:'xxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:23,
|
||||
// label:'药品单价',
|
||||
// value:'xxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:24,
|
||||
// label:'抽样单位所在省份',
|
||||
// value:'xxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:25,
|
||||
// label:'生产日期',
|
||||
// value:'xxxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:26,
|
||||
// label:'药品总价',
|
||||
// value:'xxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:27,
|
||||
// label:'药品存放现场湿度',
|
||||
// value:'xxxxxxxx'
|
||||
// },{
|
||||
// id:28,
|
||||
// label:'样品存放现场温度',
|
||||
// value:'xxxxxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:29,
|
||||
// label:'抽样级别',
|
||||
// value:'xxxxxxx'
|
||||
// },{
|
||||
// id:30,
|
||||
// label:'抽样日期',
|
||||
// value:'xxxxxxxxxxxx'
|
||||
// },{
|
||||
// id:31,
|
||||
// label:'承检机构',
|
||||
// value:'xxxxxxxxx'
|
||||
// },{
|
||||
// id:32,
|
||||
// label:'抽样单位经手人',
|
||||
// value:'xxxxxxxxxxxxxx'
|
||||
// },
|
||||
// ],
|
||||
// descriptions: [
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "药品通用名称",
|
||||
// value: "",
|
||||
// data: "yptymc",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "药品商品名称",
|
||||
// value: "",
|
||||
// data: "ypspmc",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "药品批准文号",
|
||||
// value: "",
|
||||
// data: "yppzwh",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "药品类别",
|
||||
// value: "",
|
||||
// data: "yplb",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "药品上市许可持有人",
|
||||
// value: "",
|
||||
// data: "ypssxkcyr",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "药品上市许可持有人统一社会信用代码",
|
||||
// value: "",
|
||||
// data: "ypssxkcyrtyshxxdm",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "药品上市许可持有人地址",
|
||||
// value: "",
|
||||
// data: "ypssxkcyrdz",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "药品上市持有人所在省份",
|
||||
// value: "",
|
||||
// data: "ypssxkcyrszsf",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "剂型",
|
||||
// value: "",
|
||||
// data: "jx",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "制剂规格",
|
||||
// value: "",
|
||||
// data: "zjgg",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "包装规格",
|
||||
// value: "",
|
||||
// data: "bzgg",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "抽样编号",
|
||||
// value: "",
|
||||
// data: "cybh",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "抽样数量",
|
||||
// value: "",
|
||||
// data: "cysl",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "有效期",
|
||||
// value: "",
|
||||
// data: "xq",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "来源",
|
||||
// value: "",
|
||||
// data: "ly",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "抽样环节",
|
||||
// value: "",
|
||||
// data: "cyhj",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "批号",
|
||||
// value: "",
|
||||
// data: "ph",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "有效期截至日期",
|
||||
// value: "",
|
||||
// data: "yxqjzrq",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "被抽样单位统一社会信用代码",
|
||||
// value: "",
|
||||
// data: "bcydwshyxdm",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "被抽样单位名称",
|
||||
// value: "",
|
||||
// data: "bcydwmc",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "被抽样单位地址",
|
||||
// value: "",
|
||||
// data: "bcydwdz",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "抽样地点性质",
|
||||
// value: "",
|
||||
// data: "cyddxz",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "抽样单位名称全称",
|
||||
// value: "",
|
||||
// data: "cydwmc",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "抽样单位所在省份",
|
||||
// value: "",
|
||||
// data: "cydwszsf",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "药品单价",
|
||||
// value: "",
|
||||
// data: "ypdj",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "药品总价",
|
||||
// value: "",
|
||||
// data: "ypzj",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "生产日期",
|
||||
// value: "",
|
||||
// data: "scrq",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "样品存放现场温度",
|
||||
// value: "",
|
||||
// data: "ypcfxcwd",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "样品存放现场湿度",
|
||||
// value: "",
|
||||
// data: "ypcfxcsd",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "抽样日期",
|
||||
// value: "",
|
||||
// data: "cyrq",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "抽样级别",
|
||||
// value: "",
|
||||
// data: "cyjb",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "抽样单位经手人",
|
||||
// value: "",
|
||||
// data: "cydwjsr",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "承检机构",
|
||||
// value: "",
|
||||
// data: "cjjg",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "生产企业是否否认生产",
|
||||
// value: "",
|
||||
// data: "scqysffrsc",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "基本药物 ",
|
||||
// value: "",
|
||||
// data: "jbyw",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "抽样任务",
|
||||
// value: "",
|
||||
// data: "cyrw",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "最终检验结论",
|
||||
// value: "",
|
||||
// data: "zzjyjl",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "检验证书编号",
|
||||
// value: "",
|
||||
// data: "jybgsbh",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "报告签发日期",
|
||||
// value: "",
|
||||
// data: "bgqfrq",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "复检结论",
|
||||
// value: "",
|
||||
// data: "fjjl",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "复检检验依据",
|
||||
// value: "",
|
||||
// data: "fjjyyj",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "复检报告书编号",
|
||||
// value: "",
|
||||
// data: "fjbgsbh",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "复检报告签发日期",
|
||||
// value: "",
|
||||
// data: "fjbgqfrq",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "收样或退样日期",
|
||||
// value: "",
|
||||
// data: "syhtyrq",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "原检结论",
|
||||
// value: "",
|
||||
// data: "yjjl",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "补充检验结果",
|
||||
// value: "",
|
||||
// data: "bcjyjg",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "计划ID",
|
||||
// value: "",
|
||||
// data: "planId",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "计划名称",
|
||||
// value: "",
|
||||
// data: "planName",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "编辑时间",
|
||||
// value: "",
|
||||
// data: "bjsj",
|
||||
// },
|
||||
// {
|
||||
// span: 1,
|
||||
// label: "更新时间",
|
||||
// value: "",
|
||||
// data: "gxsj",
|
||||
// },
|
||||
// ],
|
||||
// loading: true,
|
||||
};
|
||||
},
|
||||
props: {
|
||||
descriptions:{
|
||||
type:Array,
|
||||
default:[]
|
||||
},
|
||||
loading:{
|
||||
type:Boolean,
|
||||
default:true
|
||||
}
|
||||
},
|
||||
components: { blockHeader, myDescriptions },
|
||||
created() {
|
||||
},
|
||||
mounted(){
|
||||
},
|
||||
methods: {
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
</style>
|
||||
@ -0,0 +1,190 @@
|
||||
<template>
|
||||
<block-header title="检验项目信息">
|
||||
<div class="tables">
|
||||
<tables :labels="labels" :list="tableData" :loading="loading"></tables>
|
||||
</div>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page="form1.current"
|
||||
:limit="form1.size"
|
||||
@pagination="getPagination"
|
||||
></pagination>
|
||||
</block-header>
|
||||
</template>
|
||||
<script>
|
||||
import tables from "@/views/firmContent/components/table/index.vue";
|
||||
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
tableData: [],
|
||||
total: 1,
|
||||
labels: [
|
||||
{
|
||||
header: "检验大类",
|
||||
value: "jydl",
|
||||
width: "",
|
||||
},
|
||||
{
|
||||
header: "检验项目",
|
||||
value: "jyxm",
|
||||
width: "",
|
||||
},
|
||||
{
|
||||
header: "标准规定",
|
||||
value: "bzgd",
|
||||
width: "",
|
||||
},
|
||||
{
|
||||
header: "检验结果",
|
||||
value: "jyjg",
|
||||
width: "",
|
||||
},
|
||||
{
|
||||
header: "检验结论",
|
||||
value: "jyjl",
|
||||
width: "",
|
||||
},
|
||||
{
|
||||
header: "检验依据",
|
||||
value: "jyyj",
|
||||
width: "",
|
||||
},
|
||||
{
|
||||
header: "检验序号",
|
||||
value: "jyxh",
|
||||
width: "",
|
||||
},
|
||||
{
|
||||
header: "报告类别",
|
||||
value: "bglb",
|
||||
width: "",
|
||||
},
|
||||
{
|
||||
header: "抽样编号",
|
||||
value: "cybh",
|
||||
width: "",
|
||||
},
|
||||
{
|
||||
header: "药品通用名字",
|
||||
value: "yptym",
|
||||
width: "",
|
||||
},
|
||||
{
|
||||
header: "编辑时间",
|
||||
value: "bjsj",
|
||||
width: "",
|
||||
},
|
||||
{
|
||||
header: "更新时间",
|
||||
value: "gxsj",
|
||||
width: "",
|
||||
},
|
||||
],
|
||||
loading: false,
|
||||
form1: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
mainId:'',
|
||||
},
|
||||
};
|
||||
},
|
||||
components: { blockHeader, tables },
|
||||
created() {
|
||||
this.arrData();
|
||||
},
|
||||
props:{
|
||||
ids:{
|
||||
type:[Number,String],
|
||||
default:''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async arrData() {
|
||||
this.form1.mainId = this.ids
|
||||
this.loading = true;
|
||||
let msg1 = await this.$api.yaoPin.jyList(this.form1);
|
||||
this.tableData = msg1.data.records;
|
||||
this.total = msg1.data.total;
|
||||
this.form1.current = msg1.data.current;
|
||||
this.form1.size = msg1.data.size;
|
||||
this.loading = false;
|
||||
},
|
||||
getPagination(e) {
|
||||
console.log(e);
|
||||
this.form1.current = e.page;
|
||||
this.form1.size = e.limit;
|
||||
this.arrData();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import "@/assets/styles/utils.scss";
|
||||
.tables {
|
||||
min-height: 300px;
|
||||
.button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.informant-btn {
|
||||
width: vw(44);
|
||||
height: vh(20);
|
||||
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;
|
||||
font-size: vw(14);
|
||||
font-family: Adobe Heiti Std;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
::v-deep .el-table td {
|
||||
height: vh(60);
|
||||
padding: 0;
|
||||
font-size: vw(14);
|
||||
font-weight: 400;
|
||||
font-family: Source Han Sans CN;
|
||||
color: #292f38;
|
||||
}
|
||||
::v-deep .el-table th {
|
||||
height: vh(40);
|
||||
padding: 0;
|
||||
font-size: vw(14);
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: bold;
|
||||
color: #292f38;
|
||||
line-height: vh(50);
|
||||
}
|
||||
::v-deep .cell {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.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;
|
||||
}
|
||||
::v-deep .el-input--mini .el-input__inner {
|
||||
height: vw(28);
|
||||
}
|
||||
.custom {
|
||||
font-size: vw(14);
|
||||
font-family: Source Han Regular CN;
|
||||
font-weight: 400;
|
||||
color: #292f38;
|
||||
line-height: vh(28);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,416 @@
|
||||
<template>
|
||||
<div class="chouyangInfo">
|
||||
<recall-module title="基本信息">
|
||||
<my-descriptions :descriptions="descriptions"></my-descriptions>
|
||||
</recall-module>
|
||||
<recall-module title="被抽样单位信息">
|
||||
<my-descriptions :descriptions="descriptionsTwo"></my-descriptions>
|
||||
</recall-module>
|
||||
<recall-module title="样品基本信息">
|
||||
<my-descriptions :descriptions="descriptionsThree"></my-descriptions>
|
||||
</recall-module>
|
||||
<recall-module title="委托生产企业信息">
|
||||
<my-descriptions :descriptions="descriptionsSix"></my-descriptions>
|
||||
</recall-module>
|
||||
<!-- <recall-module title="标示注册人/备案人/受托生产企业等信息">
|
||||
<my-descriptions :descriptions="descriptionsFour"></my-descriptions>
|
||||
</recall-module> -->
|
||||
<recall-module title="抽样单位信息">
|
||||
<my-descriptions :descriptions="descriptionsFive"></my-descriptions>
|
||||
</recall-module>
|
||||
<recall-module title="检验信息">
|
||||
<div class="my-tablesss">
|
||||
<div class="item-title"><span class="title-relative">初检</span></div>
|
||||
<el-descriptions :column="1" :colon="false" :border="false" contentClassName="contentClassName" labelClassName="labelClassName" class="tablesss">
|
||||
<el-descriptions-item label="检验机构名称">XXXXXXXXXXXXXXXXXXXXX</el-descriptions-item>
|
||||
<el-descriptions-item label="是否合格">
|
||||
<el-radio-group v-model="radio" class="my-radio-one">
|
||||
<el-radio :label="1">合格</el-radio>
|
||||
<el-radio :label="0">不合格</el-radio>
|
||||
</el-radio-group>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="不合格项目类型">
|
||||
<el-radio-group v-model="radioTwo" class="my-radio">
|
||||
<el-radio :label="0">防腐剂</el-radio>
|
||||
<el-radio :label="1">着色剂</el-radio>
|
||||
<el-radio :label="2">染发剂</el-radio>
|
||||
<el-radio :label="3">物理防晒剂</el-radio>
|
||||
<el-radio :label="4">重金属指标</el-radio>
|
||||
<el-radio :label="5">抗感染类禁用成份</el-radio>
|
||||
<el-radio :label="6">其他禁用成份</el-radio>
|
||||
<el-radio :label="7">限用组分</el-radio>
|
||||
<el-radio :label="8">标签标识不符</el-radio>
|
||||
<el-radio :label="9">其他</el-radio>
|
||||
</el-radio-group>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="不合格项目详情">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</el-descriptions-item>
|
||||
<el-descriptions-item label="检验结果">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</el-descriptions-item>
|
||||
<el-descriptions-item label="结果单位">XXXXXXXXXXXXXXXXXX</el-descriptions-item>
|
||||
<el-descriptions-item label="检验依据">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</el-descriptions-item>
|
||||
<el-descriptions-item label="限值规定">XXXXXXXXXXXXXXXXXX</el-descriptions-item>
|
||||
<el-descriptions-item label="检验报告">
|
||||
<div class="my--file">
|
||||
<download-filebox :files="files"></download-filebox>
|
||||
</div>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="备注：">XXXXXXXXXXXXXXXXXX</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
</recall-module>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import recallModule from "@/views/components/RecallModule/RecallModule.vue"
|
||||
import myDescriptions from "@/views/firmContent/components/descriptions/index.vue"
|
||||
import downloadFilebox from "@/views/firmContent/components/downloadFileBox/index.vue"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
descriptions:[
|
||||
{
|
||||
id:1,
|
||||
label:'计划名称',
|
||||
value:'xxxxxxxxxxxxxxxx',
|
||||
},{
|
||||
id:2,
|
||||
label:'抽样单号编号',
|
||||
value:'二级召回',
|
||||
},{
|
||||
id:3,
|
||||
label:'抽样环节',
|
||||
value:'经营环节',
|
||||
},{
|
||||
id:4,
|
||||
label:'抽样时间',
|
||||
value:'2023-03-10',
|
||||
},
|
||||
],
|
||||
descriptionsTwo:[
|
||||
{
|
||||
id:1,
|
||||
label:'被抽样单位名称',
|
||||
value:'大石桥市天津精制滑石粉厂',
|
||||
},{
|
||||
id:2,
|
||||
label:'统一社会信用代码',
|
||||
value:'xxxxxxxxxxxxxxxxxxxxxx',
|
||||
},{
|
||||
id:3,
|
||||
label:'地区（市、州、盟）',
|
||||
value:'沈阳为',
|
||||
},{
|
||||
id:4,
|
||||
label:'县（市、区）',
|
||||
value:'xxxxx区',
|
||||
},{
|
||||
id:5,
|
||||
label:'详细地址',
|
||||
value:'永安大道166号',
|
||||
span:2,
|
||||
},{
|
||||
id:6,
|
||||
label:'法定代表人/主要负责人',
|
||||
value:'2023-04-12',
|
||||
},{
|
||||
id:7,
|
||||
label:'联系人',
|
||||
value:'xxxxxxxxxxxx',
|
||||
},{
|
||||
id:8,
|
||||
label:'抽样地点性质',
|
||||
value:'零售连锁总部',
|
||||
},{
|
||||
id:9,
|
||||
label:'电话',
|
||||
value:'18321454321',
|
||||
},
|
||||
],
|
||||
descriptionsThree:[
|
||||
{
|
||||
id:1,
|
||||
label:'样品通用名称',
|
||||
value:'抽检样品1号',
|
||||
},{
|
||||
id:2,
|
||||
label:'生产日期',
|
||||
value:'2021-01-01 12:11:11',
|
||||
},{
|
||||
id:3,
|
||||
label:'样品批号',
|
||||
value:'43894384934',
|
||||
},{
|
||||
id:4,
|
||||
label:'药品来源',
|
||||
value:'xxx来源',
|
||||
},{
|
||||
id:5,
|
||||
label:'有效期限',
|
||||
value:'12月',
|
||||
},{
|
||||
id:6,
|
||||
label:'制剂类型',
|
||||
value:'xxx剂型',
|
||||
},{
|
||||
id:7,
|
||||
label:'制剂规格',
|
||||
value:'12ml/只',
|
||||
},{
|
||||
id:8,
|
||||
label:'药品细类',
|
||||
value:'xxx细类',
|
||||
},{
|
||||
id:9,
|
||||
label:'药品大类',
|
||||
value:'xxx大类',
|
||||
},{
|
||||
id:10,
|
||||
label:'样品贮存相对温度',
|
||||
value:'23.04%',
|
||||
},{
|
||||
id:11,
|
||||
label:'药品贮存温度',
|
||||
value:'-12.5℃',
|
||||
},{
|
||||
id:12,
|
||||
label:'是否国家药品集中招标采购 中标品种',
|
||||
value:'否',
|
||||
},{
|
||||
id:13,
|
||||
label:'是否基药',
|
||||
value:'否',
|
||||
},{
|
||||
id:14,
|
||||
label:'进口分包装企业',
|
||||
value:'大石桥天泽精制滑石粉厂',
|
||||
},{
|
||||
id:15,
|
||||
label:'进口分包装批号',
|
||||
value:'12323523434234',
|
||||
}
|
||||
],
|
||||
descriptionsFour:[
|
||||
{
|
||||
id:1,
|
||||
label:'注册人/备案人所属省份',
|
||||
value:'大石桥市天津精制滑石粉厂',
|
||||
},{
|
||||
id:2,
|
||||
label:'样品类别',
|
||||
value:'xxxxxxxxxxxxxxxxxxxxxx',
|
||||
},{
|
||||
id:3,
|
||||
label:'注册人/备案人地址',
|
||||
value:'沈阳为',
|
||||
},{
|
||||
id:4,
|
||||
label:'生产日期',
|
||||
value:'xxxxx区',
|
||||
},{
|
||||
id:5,
|
||||
label:'境内责任人名称',
|
||||
value:'永安大道166号',
|
||||
},{
|
||||
id:6,
|
||||
label:'抽样数量',
|
||||
value:'23',
|
||||
},{
|
||||
id:7,
|
||||
label:'受托生产企业所属省份',
|
||||
value:'xxxxxxxxxxx',
|
||||
},{
|
||||
id:8,
|
||||
label:'保质期',
|
||||
value:'12个月',
|
||||
},{
|
||||
id:9,
|
||||
label:'受托生产企业地址',
|
||||
value:'零售连锁总部',
|
||||
},{
|
||||
id:10,
|
||||
label:'进口分包装企业',
|
||||
value:'xxxxxxxxxx',
|
||||
},{
|
||||
id:11,
|
||||
label:'委托单位名称',
|
||||
value:'',
|
||||
},{
|
||||
id:12,
|
||||
label:'现场结算',
|
||||
value:'xxxxxxxxxxxxxxx',
|
||||
},{
|
||||
id:13,
|
||||
label:'生产企业/代理商所属省份',
|
||||
value:'',
|
||||
},{
|
||||
id:14,
|
||||
label:'总价',
|
||||
value:'xxxx',
|
||||
},{
|
||||
id:15,
|
||||
label:'生产企业/代理商地址',
|
||||
value:'',
|
||||
},{
|
||||
id:16,
|
||||
label:'保存条件',
|
||||
value:'阴凉',
|
||||
},{
|
||||
id:17,
|
||||
label:'样品进口地区',
|
||||
value:'',
|
||||
},{
|
||||
id:18,
|
||||
label:'原产地',
|
||||
value:'xxxxxx',
|
||||
},
|
||||
],
|
||||
descriptionsFive:[
|
||||
{
|
||||
id:1,
|
||||
label:'抽样单位名称',
|
||||
value:'大石桥市天津精制滑石粉厂',
|
||||
span:2,
|
||||
},{
|
||||
id:2,
|
||||
label:'地区（市、州、盟）',
|
||||
value:'xxxxxxxxxxxxxxxxxxxxxx',
|
||||
},{
|
||||
id:3,
|
||||
label:'县（市、区）',
|
||||
value:'xxx区',
|
||||
},{
|
||||
id:4,
|
||||
label:'详细地址',
|
||||
value:'永安大道116号',
|
||||
span:2,
|
||||
},{
|
||||
id:5,
|
||||
label:'电话',
|
||||
value:'17321456543',
|
||||
},{
|
||||
id:6,
|
||||
label:'联系人',
|
||||
value:'陈思类',
|
||||
},{
|
||||
id:7,
|
||||
label:'备注(需要其他说明情况)',
|
||||
value:'xxxxxxxxxxxx',
|
||||
},
|
||||
],
|
||||
descriptionsSix:[
|
||||
{
|
||||
id:1,
|
||||
label:'选择涉及主体',
|
||||
value:'生产单位（委托方）',
|
||||
span:2,
|
||||
},{
|
||||
id:2,
|
||||
label:'委托单位企业名称1',
|
||||
value:'大石桥xxx企业',
|
||||
},{
|
||||
id:3,
|
||||
label:'委托单位企业地址1',
|
||||
value:'辽宁省沈阳市达园东区永安大道111号',
|
||||
},{
|
||||
id:4,
|
||||
label:'委托单位企业名称1',
|
||||
value:'xxxx企业',
|
||||
},{
|
||||
id:5,
|
||||
label:'委托单位企业地址1',
|
||||
value:'辽宁省沈阳市达园东区永安大道111号',
|
||||
},
|
||||
],
|
||||
radio:0,
|
||||
radioTwo:0,
|
||||
files:[
|
||||
{
|
||||
id:1,
|
||||
name:'A项目检验报告.doc',
|
||||
size:'44KB',
|
||||
},{
|
||||
id:2,
|
||||
name:'B项目检验报告.doc',
|
||||
size:'44KB',
|
||||
},{
|
||||
id:3,
|
||||
name:'C项目检验报告.doc',
|
||||
size:'44KB',
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
components:{recallModule,myDescriptions,downloadFilebox},
|
||||
methods:{
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import "@/assets/styles/utils.scss";
|
||||
.chouyangInfo {
|
||||
display: grid;
|
||||
grid-column: 1fr;
|
||||
grid-row-gap: vh(24);
|
||||
|
||||
.my-tablesss {
|
||||
|
||||
.item-title {
|
||||
display: inline-block;
|
||||
padding: vh(4) vw(24) vh(4) vw(24);
|
||||
background-color: #1E80EB;
|
||||
clip-path: polygon(0 0, calc(100% - (15 / 1920*100vw)) 0,100% 40%, 100% calc(100% - 0px),
|
||||
calc(100% - 0px) 100%, 0px 100%,0 calc(100% - 0px),0 0px);
|
||||
.title-relative {
|
||||
font-size: vw(14);
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
.tablesss {
|
||||
border: vw(1) solid #DBE0E8;
|
||||
}
|
||||
::v-deep .el-descriptions__body {
|
||||
.el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.labelClassName{
|
||||
background-color: #F7FAFC;
|
||||
padding: vh(15) vw(20);
|
||||
width: vw(256);
|
||||
font-size: vw(16);
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #F5F7FA;
|
||||
display: inline-block;
|
||||
// text-align: right;
|
||||
}
|
||||
.contentClassName{
|
||||
font-size: vw(16);
|
||||
padding: vh(15) 0;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #292F38;
|
||||
.my-radio-one {
|
||||
pointer-events: none; //TODO:禁止鼠标事件
|
||||
}
|
||||
.my-radio {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-content: space-between;
|
||||
height: vh(80);
|
||||
|
||||
.el-radio {
|
||||
pointer-events: none; //TODO:禁止鼠标事件
|
||||
}
|
||||
}
|
||||
|
||||
.my--file {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 95%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,476 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- <el-dialog
|
||||
title="提示"
|
||||
:visible.sync="dialogVisible"
|
||||
width="75%"
|
||||
:close-on-click-modal="true"
|
||||
:destroy-on-close="true"
|
||||
:append-to-body="true"
|
||||
>
|
||||
<div slot="title" class="headerText">详情</div> -->
|
||||
<div>
|
||||
<headerTitle header="基本信息"></headerTitle>
|
||||
<descriptions :descriptionsList="list1"></descriptions>
|
||||
<headerTitle header="被抽样单位信息"></headerTitle>
|
||||
<descriptions :descriptionsList="list2"></descriptions>
|
||||
<headerTitle header="样品基本信息"></headerTitle>
|
||||
<descriptions :descriptionsList="list3"></descriptions>
|
||||
<headerTitle header="受托生产企业信息"></headerTitle>
|
||||
<descriptions :descriptionsList="list4"></descriptions>
|
||||
<headerTitle header="抽样单位信息"></headerTitle>
|
||||
<descriptions :descriptionsList="list5"></descriptions>
|
||||
<headerTitle header="检验信息"></headerTitle>
|
||||
<div class="lastBox">
|
||||
<button>初检</button>
|
||||
<el-descriptions class="margin-top" :column="2" border>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label"> 报告书编号</template>
|
||||
xxxxxxxxxxxxxxx
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label"> 检验类型</template>
|
||||
xxxxxxxxxxxxx
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label"> 检验依据 </template>
|
||||
xxxxxxxxxxxxx
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label"> 检验项目 </template>
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableList"
|
||||
border
|
||||
:stripe="false"
|
||||
>
|
||||
<el-table-column type="index" label="序号" width="55" />
|
||||
<el-table-column label="大类" prop="name" />
|
||||
<el-table-column label="检验项目" prop="type">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="备注" prop="num" />
|
||||
<el-table-column label="检验结果" prop="enterpriseName" />
|
||||
<el-table-column label="检验结论" prop="enterpriseName">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label">检验报告书结论</template>
|
||||
xxxxxxxxxxxxx
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label">报告附件</template>
|
||||
<div class="fileBox">
|
||||
<span>
|
||||
<i class="el-icon-s-marketing"></i>
|
||||
</span>
|
||||
<div>A项目检验报告.doc</div>
|
||||
<div class="file-icon">
|
||||
<i class="el-icon-download"></i>
|
||||
下载
|
||||
</div>
|
||||
</div>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label">签发日期</template>
|
||||
xxxxxxxxxxxxx
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label">检验单位</template>
|
||||
xxxxxxxxxxxxx
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
</div>
|
||||
<!-- </el-dialog> -->
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import headerTitle from "@/views/firmContent/components/headerTitle";
|
||||
import descriptions from "@/views/components/descriptions.vue";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
loading: false,
|
||||
tableList: [
|
||||
{
|
||||
name: "辽宁护肤霜",
|
||||
type: "化妆品",
|
||||
num: "1231231231231",
|
||||
enterpriseName: "xxxx有限公司",
|
||||
},
|
||||
{
|
||||
name: "辽宁护肤霜",
|
||||
type: "药品",
|
||||
num: "1231231231231",
|
||||
enterpriseName: "xxxx有限公司",
|
||||
},
|
||||
{
|
||||
name: "辽宁护肤霜",
|
||||
type: "医疗器械",
|
||||
num: "1231231231231",
|
||||
enterpriseName: "xxxx有限公司",
|
||||
},
|
||||
{
|
||||
name: "辽宁护肤霜",
|
||||
type: "化妆品",
|
||||
num: "1231231231231",
|
||||
enterpriseName: "xxxx有限公司",
|
||||
},
|
||||
{
|
||||
name: "辽宁护肤霜",
|
||||
type: "医疗器械",
|
||||
num: "1231231231231",
|
||||
enterpriseName: "xxxx有限公司",
|
||||
},
|
||||
{
|
||||
name: "辽宁护肤霜",
|
||||
type: "化妆品",
|
||||
num: "1231231231231",
|
||||
enterpriseName: "xxxx有限公司",
|
||||
},
|
||||
],
|
||||
//基本信息
|
||||
list1: [
|
||||
{
|
||||
span: 1,
|
||||
label: "计划名称",
|
||||
value: "",
|
||||
data: "asd",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "抽样单号编号",
|
||||
value: "",
|
||||
data: "idsd",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "抽样环节",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "抽样时间",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
],
|
||||
//被抽样单位信息
|
||||
list2: [
|
||||
{
|
||||
span: 1,
|
||||
label: "被抽样单位名称",
|
||||
value: "",
|
||||
data: "asd",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "统一社会信用代码",
|
||||
value: "",
|
||||
data: "idsd",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "地区（市、州、盟）",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "县 (市、区)",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 2,
|
||||
label: "详细地址",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "法定代表人/主要负责人",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "联系人 ",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "抽样地点性质",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "电话 ",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
],
|
||||
//样品基本信息
|
||||
list3: [
|
||||
{
|
||||
span: 1,
|
||||
label: "样品通用名称",
|
||||
value: "",
|
||||
data: "asd",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "生产日期",
|
||||
value: "",
|
||||
data: "idsd",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "样品批号",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "药品来源",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "有效期限",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "制剂类型",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "制剂规格 ",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "药品细类",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "药品大类 ",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "样品贮存相对温度",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "药品贮存温度",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "是否基药",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 2,
|
||||
label: "是否国家药品集中招标采购中标品种",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "进口分包装企业",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "进口分包装批号",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
],
|
||||
//受托生产企业信息
|
||||
list4: [
|
||||
{
|
||||
span: 2,
|
||||
label: "选择涉及主体",
|
||||
value: "",
|
||||
data: "asd",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "委托单位企业名称1",
|
||||
value: "",
|
||||
data: "asd",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "委托单位企业地址1",
|
||||
value: "",
|
||||
data: "asd",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "委托单位企业名称1",
|
||||
value: "",
|
||||
data: "asd",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "委托单位企业地址1",
|
||||
value: "",
|
||||
data: "asd",
|
||||
},
|
||||
],
|
||||
//抽样单位信息
|
||||
list5: [
|
||||
{
|
||||
span: 2,
|
||||
label: "抽样单位名称",
|
||||
value: "",
|
||||
data: "asd",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "地区（市、州、盟）",
|
||||
value: "",
|
||||
data: "asd",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "县（市、区）",
|
||||
value: "",
|
||||
data: "asd",
|
||||
},
|
||||
{
|
||||
span: 2,
|
||||
label: "详细地址",
|
||||
value: "",
|
||||
data: "asd",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "电话",
|
||||
value: "",
|
||||
data: "asd",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "联系人",
|
||||
value: "",
|
||||
data: "asd",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "备注（需要其他说明的情况）",
|
||||
value: "",
|
||||
data: "asd",
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
components: {
|
||||
descriptions,
|
||||
headerTitle,
|
||||
},
|
||||
methods: {
|
||||
open() {
|
||||
this.dialogVisible = true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog__header {
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.headerText {
|
||||
color: #333333;
|
||||
}
|
||||
.header--title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.title--left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.line {
|
||||
width: 4px;
|
||||
height: 16px;
|
||||
background: #1e80eb;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.title {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: #1e80eb;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-descriptions-row > th {
|
||||
width: 20%;
|
||||
background: #f5f7fa;
|
||||
color: #292f38;
|
||||
font-weight: 500;
|
||||
}
|
||||
::v-deep .el-descriptions-row > td {
|
||||
width: 30%;
|
||||
}
|
||||
.lastBox {
|
||||
width: 100%;
|
||||
margin-top:15px;
|
||||
border: 1px dashed #dee2ee;
|
||||
button {
|
||||
background: #1e80eb;
|
||||
font-size:14px;
|
||||
padding:4px 14px;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 0px 0px 15px 0px;
|
||||
}
|
||||
}
|
||||
.margin-top{
|
||||
margin: 20px;
|
||||
}
|
||||
::v-deep .lastBox .el-descriptions-row > td {
|
||||
width: 80%;
|
||||
}
|
||||
::v-deep .el-dialog:not(.is-fullscreen) {
|
||||
margin-bottom: 1vh !important;
|
||||
}
|
||||
.fileBox {
|
||||
margin-top: 8px;
|
||||
display: flex;
|
||||
color: #333;
|
||||
cursor: pointer;
|
||||
& > span {
|
||||
font-size: 14px;
|
||||
}
|
||||
.file-icon {
|
||||
color: #02d1a6;
|
||||
margin-left: 40px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,534 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- <el-dialog
|
||||
title="提示"
|
||||
:visible.sync="dialogVisible"
|
||||
width="75%"
|
||||
:close-on-click-modal="true"
|
||||
:destroy-on-close="true"
|
||||
:append-to-body="true"
|
||||
>
|
||||
<div slot="title" class="headerText">详情</div> -->
|
||||
<div>
|
||||
<headerTitle header="基本信息"></headerTitle>
|
||||
<descriptions :descriptionsList="list1"></descriptions>
|
||||
|
||||
<headerTitle header="被抽样单位信息"></headerTitle>
|
||||
<descriptions :descriptionsList="list2"></descriptions>
|
||||
|
||||
<headerTitle header="样品基本信息"></headerTitle>
|
||||
<descriptions :descriptionsList="list3"></descriptions>
|
||||
|
||||
<headerTitle header="标示注册人/备案人/受托生产企业等信息"></headerTitle>
|
||||
<descriptions :descriptionsList="list4"></descriptions>
|
||||
|
||||
<headerTitle header="抽样单位信息"></headerTitle>
|
||||
<descriptions :descriptionsList="list5"></descriptions>
|
||||
|
||||
<headerTitle header="检验信息"></headerTitle>
|
||||
<div class="lastBox">
|
||||
<el-descriptions class="margin-top" :column="2" border>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label"> 检验机构名称</template>
|
||||
xxxxxxxxxxxxxxx
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label"> 是否合格 </template>
|
||||
xxxxxxxxxxxxx
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label"> 不合格项目类型 </template>
|
||||
xxxxxxxxxxxxx
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label"> 不合格项目详情 </template>
|
||||
xxxxxxxxxxxxx
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label">检验结果 </template>
|
||||
xxxxxxxxxxxxx
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label">结果单位 </template>
|
||||
xxxxxxxxxxxxx
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label">判定依据 </template>
|
||||
xxxxxxxxxxxxx
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label">检验依据 </template>
|
||||
xxxxxxxxxxxxx
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label">限值规定 </template>
|
||||
xxxxxxxxxxxxx
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label">检验报告 </template>
|
||||
<div class="fileBox">
|
||||
<span>
|
||||
<i class="el-icon-s-marketing"></i>
|
||||
</span>
|
||||
<div>A项目检验报告.doc</div>
|
||||
<div class="file-icon">
|
||||
<i class="el-icon-download"></i>
|
||||
下载
|
||||
</div>
|
||||
</div>
|
||||
<div class="fileBox">
|
||||
<span>
|
||||
<i class="el-icon-s-marketing"></i>
|
||||
</span>
|
||||
<div>A项目检验报告.doc</div>
|
||||
<div class="file-icon">
|
||||
<i class="el-icon-download"></i>
|
||||
下载
|
||||
</div>
|
||||
</div>
|
||||
<div class="fileBox">
|
||||
<span>
|
||||
<i class="el-icon-s-marketing"></i>
|
||||
</span>
|
||||
<div>A项目检验报告.doc</div>
|
||||
<div class="file-icon">
|
||||
<i class="el-icon-download"></i>
|
||||
下载
|
||||
</div>
|
||||
</div>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2">
|
||||
<template slot="label">备注 </template>
|
||||
xxxxxxxxxxxxx
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
</div>
|
||||
<!-- </el-dialog> -->
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import headerTitle from "@/views/firmContent/components/headerTitle";
|
||||
import descriptions from "@/views/components/descriptions.vue";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
//基本信息
|
||||
list1: [
|
||||
{
|
||||
span: 1,
|
||||
label: "计划名称",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "抽样单号编号",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "抽样时间",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "任务来源",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 2,
|
||||
label: "抽样地点性质",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
],
|
||||
//被抽样单位信息
|
||||
list2: [
|
||||
{
|
||||
span: 1,
|
||||
label: "被抽样单位名称",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "统一社会信用代码 ",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "地区（市、州、盟）",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "县 (市、区)",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 2,
|
||||
label: "详细地址",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "联系人",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "电话",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
],
|
||||
//样品基本信息
|
||||
list3: [
|
||||
{
|
||||
span: 1,
|
||||
label: "样品通用名称",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "样品类别",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "样品批号",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "生产日期",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "有效期限",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "抽样数量",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "包装规格",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "保质期 ",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "注册证编号/备案编号",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "进口分包装企业",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "进口分包装批号",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "现场结算",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "单价",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "总价",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "实际总价",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "保存条件",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "是否进口",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "原产地",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "生产/进货数量",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
],
|
||||
//标示注册人/备案人/受托生产企业等信息
|
||||
list4: [
|
||||
{
|
||||
span: 1,
|
||||
label: "注册人/备案人所属省份",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "注册人/备案人名称",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "注册/备案人地址",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "境内责任人所属省份",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "境内责任人名称",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "境内责任人地址",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "受托生产企业所属省份",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "受托生产企业名称",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "受托生产企业地址",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "委托单位所属省份",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "委托单位名称",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "委托单位地址",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "生产企业/代理商所属省份",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "生产企业/代理商名称",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "生产企业/代理商地址",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "是否进口",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "样品进口地区",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
],
|
||||
//抽样单位信息
|
||||
list5: [
|
||||
{
|
||||
span: 2,
|
||||
label: "抽样单位名称",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 2,
|
||||
label: "地区（市、州、盟）",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "抽样人",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "电话",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "抽样人",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "电话",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
{
|
||||
span: 1,
|
||||
label: "备注",
|
||||
value: "",
|
||||
data: "",
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
components: {
|
||||
descriptions,
|
||||
headerTitle,
|
||||
},
|
||||
methods: {
|
||||
open() {
|
||||
this.dialogVisible = true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog__header {
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.headerText {
|
||||
color: #333333;
|
||||
}
|
||||
.header--title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.title--left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.line {
|
||||
width: 4px;
|
||||
height: 16px;
|
||||
background: #1e80eb;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.title {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: #1e80eb;
|
||||
}
|
||||
}
|
||||
}
|
||||
.margin-top {
|
||||
margin: 15px 0;
|
||||
}
|
||||
::v-deep .el-descriptions-row > th {
|
||||
width: 18%;
|
||||
background: #f5f7fa;
|
||||
color: #292f38;
|
||||
font-weight: 500;
|
||||
}
|
||||
::v-deep .el-descriptions-row > td {
|
||||
width: 32%;
|
||||
}
|
||||
::v-deep .lastBox .el-descriptions-row > td {
|
||||
width: 82%;
|
||||
}
|
||||
::v-deep .el-dialog:not(.is-fullscreen) {
|
||||
margin-bottom: 1vh !important;
|
||||
}
|
||||
.fileBox {
|
||||
margin: 8px 0;
|
||||
display: flex;
|
||||
color: #333;
|
||||
cursor: pointer;
|
||||
& > span {
|
||||
font-size: 14px;
|
||||
}
|
||||
.file-icon {
|
||||
color: #02d1a6;
|
||||
margin-left: 40px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue