You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
924 lines
24 KiB
924 lines
24 KiB
<template>
|
|
<div class="drugBasicInfo">
|
|
<block-header title="基本信息" style="min-height: 300px">
|
|
<div v-loading="loading" v-if="obj.type != '3'">
|
|
<my-descriptions :descriptions="list"></my-descriptions>
|
|
</div>
|
|
<div v-if="obj.type == '3'">
|
|
<el-descriptions
|
|
:column="2"
|
|
:colon="false"
|
|
border
|
|
labelClassName="labelClassName"
|
|
contentClassName="contentClassName"
|
|
v-loading="loading"
|
|
>
|
|
<el-descriptions-item label="产品名称">{{
|
|
cpmc
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="注册厂家"></el-descriptions-item>
|
|
<el-descriptions-item label="统一社会信用代码">{{
|
|
shxydm
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="生产地址">{{
|
|
scdz
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="注册人住所/备案人注册地址">{{
|
|
sczdz
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="注册人/备案人所在地区">{{
|
|
zcrszx
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="注册人/备案人所在市">{{
|
|
zcrszshi
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="产品类型">{{
|
|
cplx
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="行政区划代码">{{
|
|
xzqydm
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="结构特征">{{
|
|
ylqxjgtz
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="注册证编号/备案号">{{
|
|
zczh
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="创新产品">{{
|
|
sfCxcp
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="分类编码">{{
|
|
ylqxflbm
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="产品管理类别">{{
|
|
cplb
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="结构及组成或主要组成部分" span="2">{{
|
|
jgjzccf
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="结构及组成或主要组成部分附件" span="2">
|
|
<div class="fileBox">
|
|
<span>
|
|
<i class="el-icon-s-marketing"></i>
|
|
</span>
|
|
<div>{{ jgjzccffj }}</div>
|
|
<div class="file-icon">
|
|
<!-- jgjzccflj 下载地址字段 -->
|
|
<i class="el-icon-download"></i>
|
|
下载
|
|
</div>
|
|
</div>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="适用范围或预期用途" span="2">{{
|
|
cpsyfw
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="适用范围或预期用途附件" span="2">
|
|
<div class="fileBox">
|
|
<span>
|
|
<i class="el-icon-s-marketing"></i>
|
|
</span>
|
|
<div>{{ cpsyfwfj }}</div>
|
|
<div class="file-icon">
|
|
<!-- cpsyfwlj -->
|
|
<i class="el-icon-download"></i>
|
|
下载
|
|
</div>
|
|
</div>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="规格型号/包装规格" span="2">{{
|
|
xhgg
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="规格型号/包装规格附件" span="2">
|
|
<div class="fileBox">
|
|
<span>
|
|
<i class="el-icon-s-marketing"></i>
|
|
</span>
|
|
<div>{{ xhggfj }}</div>
|
|
<div class="file-icon">
|
|
<!-- xhgglj -->
|
|
<i class="el-icon-download"></i>
|
|
下载
|
|
</div>
|
|
</div>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="产品存储条件/产品有效期" span="2">{{
|
|
cpyxq
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="批准日期">{{
|
|
pzrq
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="生效日期">{{
|
|
sxrq
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="批准有效期">{{
|
|
pzyxq
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="批准有效期至疫情结束">{{
|
|
pzyxqzyqjs
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="产品技术要求" span="2">{{
|
|
cpjsyq
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="产品技术要求附件" span="2">
|
|
<div class="fileBox">
|
|
<span>
|
|
<i class="el-icon-s-marketing"></i>
|
|
</span>
|
|
<div>A项目检验报告.doc</div>
|
|
<div class="file-icon">
|
|
<!-- cpjsyqlj -->
|
|
<i class="el-icon-download"></i>
|
|
下载
|
|
</div>
|
|
</div>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="产品状态"></el-descriptions-item>
|
|
<el-descriptions-item label="首次上报标志">{{
|
|
isUpload == 1 ? "是" : "否"
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="审批部门/备案部门">{{
|
|
spbm
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="注册证状态/备案凭证状态">{{
|
|
ppztDm
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="注销/撤销/吊销/取消备案时间" span="2">{{
|
|
zxsj
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="原注册证号">{{
|
|
yzczh
|
|
}}</el-descriptions-item>
|
|
<!-- xkztpfjId附件id字段 -->
|
|
<el-descriptions-item label="许可证图片附件"></el-descriptions-item>
|
|
<el-descriptions-item label="延续注册次数">{{
|
|
yxzccs
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="联系人">{{ lxr }}</el-descriptions-item>
|
|
<el-descriptions-item label="电话号码">{{
|
|
lxdh
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="传真">{{ cz }}</el-descriptions-item>
|
|
<el-descriptions-item label="电子邮箱">{{
|
|
dzyx
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="是否为优先注册产品">{{
|
|
sfYxz
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="是否为应急注册产品">{{
|
|
sfYjzccp
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="是否为组合包装类产品">{{
|
|
sfZhlcp
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="是否为一次性适用产品">{{
|
|
sfYcxsycp
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="是否为附条件审批产品">{{
|
|
sfFjtjspcp
|
|
}}</el-descriptions-item>
|
|
<!-- smslj -->
|
|
<el-descriptions-item label="说明书附件" span="2">{{
|
|
sms ? sms : "-"
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="变更内容" span="2">{{
|
|
bgqk
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="变更日期" span="2">{{
|
|
bgrq
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="变更历史记录" span="2">{{
|
|
bglsjl
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="其他内容" span="2">{{
|
|
qtnr
|
|
}}</el-descriptions-item>
|
|
<el-descriptions-item label="备注" span="2">{{
|
|
bz
|
|
}}</el-descriptions-item>
|
|
</el-descriptions>
|
|
</div>
|
|
</block-header>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue";
|
|
import myDescriptions from "@/views/firmContent/components/descriptions/index.vue";
|
|
export default {
|
|
data() {
|
|
return {
|
|
loading: true,
|
|
list: [],
|
|
// 药品
|
|
descriptions: [
|
|
{
|
|
id: 1,
|
|
label: "药品通用名称",
|
|
value: "",
|
|
data: "yptymc",
|
|
},
|
|
{
|
|
id: 2,
|
|
label: "药品英文名称",
|
|
value: "",
|
|
data: "yptymcyw",
|
|
},
|
|
{
|
|
id: 3,
|
|
label: "商品名",
|
|
value: "",
|
|
data: "ypspmc",
|
|
},
|
|
{
|
|
id: 4,
|
|
label: "药品分类",
|
|
value: "",
|
|
data: "ypfl",
|
|
},
|
|
{
|
|
id: 5,
|
|
label: "剂型",
|
|
value: "",
|
|
data: "jx",
|
|
},
|
|
{
|
|
id: 6,
|
|
label: "规格",
|
|
value: "",
|
|
data: "ypgg",
|
|
},
|
|
{
|
|
id: 7,
|
|
label: "包装规格",
|
|
value: "",
|
|
data: "bzgg",
|
|
},
|
|
{
|
|
id: 8,
|
|
label: "批准日期",
|
|
value: "",
|
|
data: "pzrq",
|
|
},
|
|
{
|
|
id: 9,
|
|
label: "药品批准文号",
|
|
value: "",
|
|
data: "yppzwh",
|
|
},
|
|
{
|
|
id: 10,
|
|
label: "批准文号有限期",
|
|
value: "",
|
|
data: "yppzwhyxq",
|
|
},
|
|
{
|
|
id: 11,
|
|
label: "原批准文号",
|
|
value: "",
|
|
data: "ypypzwh",
|
|
},
|
|
{
|
|
id: 12,
|
|
label: "原注册证号",
|
|
value: "",
|
|
data: "ypyzczh",
|
|
},
|
|
{
|
|
id: 13,
|
|
label: "上市许可持有人",
|
|
value: "",
|
|
data: "ssxkcyr",
|
|
},
|
|
{
|
|
id: 14,
|
|
label: "上市许可持有人英文",
|
|
value: "",
|
|
data: "ssxkcyryw",
|
|
},
|
|
{
|
|
id: 15,
|
|
label: "上市许可持有人地址",
|
|
value: "",
|
|
data: "ssxkcyrdz",
|
|
},
|
|
{
|
|
id: 16,
|
|
label: "上市许可持有人地址英文",
|
|
value: "-",
|
|
data: "ssxkcyrdzyw",
|
|
},
|
|
{
|
|
id: 17,
|
|
label: "生产单位",
|
|
value: "-",
|
|
data: "ypscqymc",
|
|
},
|
|
{
|
|
id: 18,
|
|
label: "生产地址",
|
|
value: "",
|
|
data: "scdz",
|
|
},
|
|
{
|
|
id: 19,
|
|
label: "药品编码",
|
|
value: "-",
|
|
data: "ypbm",
|
|
},
|
|
{
|
|
id: 20,
|
|
label: "药品编码备注",
|
|
value: "",
|
|
data: "ypbmbz",
|
|
},
|
|
{
|
|
id: 21,
|
|
label: "生产厂商（中文）",
|
|
value: "-",
|
|
data: "qymczw",
|
|
},
|
|
{
|
|
id: 22,
|
|
label: "生产厂商名称（英文）",
|
|
value: "-",
|
|
data: "qymcyw",
|
|
},
|
|
{
|
|
id: 23,
|
|
label: "厂商地址（中文）",
|
|
value: "-",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 24,
|
|
label: "厂商地址（英文）",
|
|
value: "-",
|
|
data: "scdzyw",
|
|
},
|
|
{
|
|
id: 25,
|
|
label: "生产厂商所在国/地区（中文）",
|
|
value: "-",
|
|
data: "dzgjhdqScc",
|
|
},
|
|
{
|
|
id: 26,
|
|
label: "生产厂商所在国/地区（英文）",
|
|
value: "-",
|
|
data: "sccszgdqyw",
|
|
},
|
|
{
|
|
id: 27,
|
|
label: "公司名称（中文）",
|
|
value: "-",
|
|
data: "qymcGs",
|
|
},
|
|
{
|
|
id: 28,
|
|
label: "公司名称（英文）",
|
|
value: "-",
|
|
data: "gsmcyw",
|
|
},
|
|
{
|
|
id: 29,
|
|
label: "公司地址（中文）",
|
|
value: "-",
|
|
data: "gsdzzw",
|
|
},
|
|
{
|
|
id: 30,
|
|
label: "公司地址（英文）",
|
|
value: "-",
|
|
data: "gsdzyw",
|
|
},
|
|
{
|
|
id: 31,
|
|
label: "公司所在国/地区（中文）",
|
|
value: "-",
|
|
data: "gsszgdqzw",
|
|
},
|
|
{
|
|
id: 32,
|
|
label: "公司所在国/地区（英文）",
|
|
value: "-",
|
|
data: "gsszgdqyw",
|
|
},
|
|
{
|
|
id: 33,
|
|
label: "分包装批准文号",
|
|
value: "-",
|
|
data: "fbzpzwh",
|
|
},
|
|
{
|
|
id: 34,
|
|
label: "分包装文号批准日期",
|
|
value: "-",
|
|
data: "fbzwhpzrq",
|
|
},
|
|
{
|
|
id: 35,
|
|
label: "分包装批准文号有效期",
|
|
value: "-",
|
|
data: "fbzpzwhyxq",
|
|
},
|
|
{
|
|
id: 36,
|
|
label: "分包装企业名称",
|
|
value: "-",
|
|
data: "qymcFbz",
|
|
},
|
|
{
|
|
id: 37,
|
|
label: "分包装企业地址",
|
|
value: "-",
|
|
span: 2,
|
|
data: "scdzFbz",
|
|
},
|
|
],
|
|
// 国产化妆品
|
|
descriptionsTwo: [
|
|
{
|
|
id: 1,
|
|
label: "产品名称",
|
|
value: "",
|
|
data: "mc",
|
|
},
|
|
{
|
|
id: 2,
|
|
label: "备案人名称",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 3,
|
|
label: "备案人住所地址",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 4,
|
|
label: "备案编码",
|
|
value: "",
|
|
data: "bah",
|
|
},
|
|
{
|
|
id: 5,
|
|
label: "备案日期",
|
|
value: "",
|
|
data: "sj",
|
|
},
|
|
{
|
|
id: 6,
|
|
label: "生产企业名称",
|
|
value: "",
|
|
data: "qy",
|
|
},
|
|
{
|
|
id: 7,
|
|
label: "生产企业地址",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 8,
|
|
label: "生产许可证",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 9,
|
|
label: "备注",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 10,
|
|
label: "公示状态",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
],
|
|
// 进口化妆品
|
|
descriptionsThree: [
|
|
{
|
|
id: 1,
|
|
label: "产品名称（中文）",
|
|
value: "",
|
|
data: "mc",
|
|
},
|
|
{
|
|
id: 2,
|
|
label: "产品名称（英文）",
|
|
value: "",
|
|
},
|
|
{
|
|
id: 3,
|
|
label: "备案编号",
|
|
value: "",
|
|
data: "bah",
|
|
},
|
|
{
|
|
id: 4,
|
|
label: "备案日期",
|
|
value: "",
|
|
data: "sj",
|
|
},
|
|
{
|
|
id: 5,
|
|
label: "备案人（中文）",
|
|
value: "",
|
|
},
|
|
{
|
|
id: 6,
|
|
label: "备案人（英文）",
|
|
value: "",
|
|
},
|
|
{
|
|
id: 7,
|
|
label: "备案人住所地址",
|
|
value: "",
|
|
data: "dz",
|
|
},
|
|
{
|
|
id: 8,
|
|
label: "所在国家/地区",
|
|
value: "",
|
|
data: "dq",
|
|
},
|
|
{
|
|
id: 9,
|
|
label: "企业名称",
|
|
value: "",
|
|
data: "qy",
|
|
},
|
|
{
|
|
id: 10,
|
|
label: "企业地址",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 11,
|
|
label: "生产地址",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 12,
|
|
label: "境内责任人名称",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 13,
|
|
label: "境内责任人地址",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 14,
|
|
label: "进口省份",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 15,
|
|
label: "备注",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 16,
|
|
label: "公示状态",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
],
|
|
// 特殊化妆品
|
|
descriptionsFour: [
|
|
{
|
|
id: 1,
|
|
label: "产品名称（中文）",
|
|
value: "",
|
|
data: "cpmc",
|
|
},
|
|
{
|
|
id: 2,
|
|
label: "产品名称（英文）",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 3,
|
|
label: "产品类型",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 4,
|
|
label: "注册人住所地址",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 5,
|
|
label: "注册人所在国（地区）",
|
|
value: "",
|
|
data: "sf",
|
|
},
|
|
{
|
|
id: 6,
|
|
label: "境内责任人名称",
|
|
value: "",
|
|
data: "jnzrr",
|
|
},
|
|
{
|
|
id: 7,
|
|
label: "境内责任人住所地址",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 8,
|
|
label: "生产信息",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 9,
|
|
label: "注册证号",
|
|
value: "",
|
|
data: "zczh",
|
|
},
|
|
{
|
|
id: 10,
|
|
label: "批准日期",
|
|
value: "",
|
|
data: "pzrq",
|
|
},
|
|
{
|
|
id: 11,
|
|
label: "注册证有效期至",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 12,
|
|
label: "备注",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 13,
|
|
label: "产品的执行标准",
|
|
value: "-",
|
|
data: "",
|
|
},
|
|
{
|
|
id: 14,
|
|
label: "状态",
|
|
value: "",
|
|
data: "",
|
|
},
|
|
],
|
|
obj: {},
|
|
files: [
|
|
{
|
|
id: 1,
|
|
name: "A项目检验报告.pdf",
|
|
size: "44KB",
|
|
},
|
|
],
|
|
cpmc: "-",
|
|
shxydm: "-",
|
|
scdz: "-",
|
|
sczdz: "-",
|
|
zcrszx: "-",
|
|
zcrszshi: "-",
|
|
cplx: "-",
|
|
xzqydm: "-",
|
|
ylqxjgtz: "-",
|
|
zczh: "-",
|
|
sfCxcp: "-",
|
|
ylqxflbm: "-",
|
|
cplb: "-",
|
|
jgjzccf: "-",
|
|
jgjzccffj: "-",
|
|
cpsyfw: "-",
|
|
cpsyfwfj: "-",
|
|
xhgg: "-",
|
|
xhggfj: "-",
|
|
cpyxq: "-",
|
|
pzrq: "-",
|
|
sxrq: "-",
|
|
pzyxq: "-",
|
|
pzyxqzyqjs: "-",
|
|
cpjsyq: "-",
|
|
isUpload: "-",
|
|
spbm: "-",
|
|
ppztDm: "-",
|
|
zxsj: "-",
|
|
yzczh: "-",
|
|
yxzccs: "-",
|
|
lxr: "-",
|
|
lxdh: "-",
|
|
cz: "-",
|
|
dzyx: "-",
|
|
sfYxz: "-",
|
|
sfYjzccp: "-",
|
|
sfZhlcp: "-",
|
|
sfYcxsycp: "-",
|
|
sfFjtjspcp: "-",
|
|
sms: "-",
|
|
bgqk: "-",
|
|
bgrq: "-",
|
|
bglsjl: "-",
|
|
qtnr: "-",
|
|
bz: "-",
|
|
};
|
|
},
|
|
components: { blockHeader, myDescriptions },
|
|
props: ["transinformation"],
|
|
created() {
|
|
this.obj = this.$store.state.app.urlA;
|
|
//化妆品是1
|
|
if (this.obj.type == "1") {
|
|
if (this.obj.flag == "1") {
|
|
this.chinaData(this.obj.data);
|
|
} else if (this.obj.flag == "2") {
|
|
this.specialChina(this.obj.data);
|
|
} else if (this.obj.flag == "3") {
|
|
this.importData(this.obj.data);
|
|
} else if (this.obj.flag == "4") {
|
|
this.specialImport(this.obj.data);
|
|
}
|
|
} else if (this.obj.type == "2") {
|
|
//药品是2
|
|
this.yaopin(this.obj.data);
|
|
} else if (this.obj.type == "3") {
|
|
//医疗器械是3
|
|
this.yiliao(this.obj.data);
|
|
}
|
|
},
|
|
mounted() {},
|
|
methods: {
|
|
//医疗器械
|
|
async yiliao(e) {
|
|
this.loading = true;
|
|
let data = await this.$api.cosmetics.getQiXie(e);
|
|
this.cpmc = data.data.cpmc;
|
|
this.shxydm = data.data.shxydm;
|
|
this.scdz = data.data.scdz;
|
|
this.sczdz = data.data.sczdz;
|
|
this.zcrszx = data.data.zcrszx;
|
|
this.zcrszshi = data.data.zcrszshi;
|
|
this.cplx = data.data.cplx;
|
|
this.xzqydm = data.data.xzqydm;
|
|
this.ylqxjgtz = data.data.ylqxjgtz;
|
|
this.zczh = data.data.zczh;
|
|
this.sfCxcp = data.data.sfCxcp;
|
|
this.ylqxflbm = data.data.ylqxflbm;
|
|
this.cplb = data.data.cplb;
|
|
this.jgjzccf = data.data.jgjzccf;
|
|
this.jgjzccffj = data.data.jgjzccffj;
|
|
this.cpsyfw = data.data.cpsyfw;
|
|
this.cpsyfwfj = data.data.cpsyfwfj;
|
|
this.xhgg = data.data.xhgg;
|
|
this.xhggfj = data.data.xhggfj;
|
|
this.cpyxq = data.data.cpyxq;
|
|
this.pzrq = data.data.pzrq;
|
|
this.sxrq = data.data.sxrq;
|
|
this.pzyxq = data.data.pzyxq;
|
|
this.pzyxqzyqjs = data.data.pzyxqzyqjs;
|
|
this.cpjsyq = data.data.cpjsyq;
|
|
this.isUpload = data.data.isUpload;
|
|
this.spbm = data.data.spbm;
|
|
this.ppztDm = data.data.ppztDm;
|
|
this.zxsj = data.data.zxsj;
|
|
this.yzczh = data.data.yzczh;
|
|
this.yxzccs = data.data.yxzccs;
|
|
this.lxr = data.data.lxr;
|
|
this.lxdh = data.data.lxdh;
|
|
this.cz = data.data.cz;
|
|
this.dzyx = data.data.dzyx;
|
|
this.sfYxz = data.data.sfYxz;
|
|
this.sfYjzccp = data.data.sfYjzccp;
|
|
this.sfZhlcp = data.data.sfZhlcp;
|
|
this.sfYcxsycp = data.data.sfYcxsycp;
|
|
this.sfFjtjspcp = data.data.sfFjtjspcp;
|
|
this.sms = data.data.sms;
|
|
this.bgqk = data.data.bgqk;
|
|
this.bgrq = data.data.bgrq;
|
|
this.bglsjl = data.data.bglsjl;
|
|
this.qtnr = data.data.qtnr;
|
|
this.bz = data.data.bz;
|
|
this.$emit("getCPName", {
|
|
key: "医疗器械产品名称",
|
|
value: data.data.cpmc,
|
|
});
|
|
this.loading = false;
|
|
},
|
|
//药品信息
|
|
async yaopin(e) {
|
|
this.loading = true;
|
|
let msg1 = await this.$api.cosmetics.getYaoPin(e);
|
|
this.$emit("getCPName", { key: "药品通用名称", value: msg1.data.yptymc });
|
|
this.list = this.filter(msg1.data, this.descriptions);
|
|
this.loading = false;
|
|
},
|
|
//国产化妆品单条数据
|
|
async chinaData(e) {
|
|
this.loading = true;
|
|
let msg1 = await this.$api.cosmetics.getChina1(e);
|
|
this.$emit("getCPName", { key: "国产化妆品名称", value: msg1.data.mc });
|
|
this.list = this.filter(msg1.data, this.descriptionsTwo);
|
|
this.loading = false;
|
|
},
|
|
//国产特殊化妆品单条数据
|
|
async specialChina(e) {
|
|
this.loading = true;
|
|
let msg1 = await this.$api.cosmetics.getChinaSpecial(e);
|
|
this.$emit("getCPName", {
|
|
key: "国产特殊化妆品名称",
|
|
value: msg1.data.cpmc,
|
|
});
|
|
this.list = this.filter(msg1.data, this.descriptionsFour);
|
|
this.loading = false;
|
|
},
|
|
//进口化妆品单条数据
|
|
async importData(e) {
|
|
this.loading = true;
|
|
let msg1 = await this.$api.cosmetics.getInlet(e);
|
|
console.log(msg1);
|
|
this.$emit("getCPName", { key: "进口化妆品名称", value: msg1.data.mc });
|
|
this.list = this.filter(msg1.data, this.descriptionsThree);
|
|
this.loading = false;
|
|
},
|
|
//进口特殊化妆品单条数据
|
|
async specialImport(e) {
|
|
this.loading = true;
|
|
let msg1 = await this.$api.cosmetics.getInletSpecial(e);
|
|
this.$emit("getCPName", {
|
|
key: "进口特殊化妆品名称",
|
|
value: msg1.data.cpmc,
|
|
});
|
|
this.list = this.filter(msg1.data, this.descriptionsFour);
|
|
this.loading = false;
|
|
},
|
|
//处理数据
|
|
filter(A, B) {
|
|
let arr1 = A;
|
|
let arr2 = B;
|
|
for (let key in arr1) {
|
|
arr2.forEach((values, index) => {
|
|
if (values.data === key) {
|
|
arr2[index].value = arr1[key];
|
|
}
|
|
});
|
|
}
|
|
return arr2;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
@import "@/assets/styles/utils.scss";
|
|
.drugBasicInfo {
|
|
// overflow-y: scroll;
|
|
// height: vh(783);
|
|
}
|
|
::v-deep .el-descriptions__body {
|
|
.labelClassName {
|
|
background-color: #f7fafc;
|
|
width: vw(246);
|
|
font-size: vw(16);
|
|
font-family: Source Han Sans CN;
|
|
font-weight: 400;
|
|
color: #6a6c6f;
|
|
}
|
|
.contentClassName {
|
|
font-size: vw(16);
|
|
font-family: Source Han Sans CN;
|
|
font-weight: 400;
|
|
color: #292f38;
|
|
.my--file {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 95%;
|
|
}
|
|
}
|
|
.fileBox {
|
|
margin-top: 8px;
|
|
display: flex;
|
|
color: #333;
|
|
cursor: pointer;
|
|
& > span {
|
|
font-size: 14px;
|
|
}
|
|
.file-icon {
|
|
color: #02d1a6;
|
|
margin-left: 40px;
|
|
}
|
|
}
|
|
}
|
|
</style>
|