<template> <div class="drugBasicInfo"> <block-header title="基本信息" style="margin-bottom: 0.5vh;"> <div v-loading="loading" v-if="obj.type != '3'"> <my-descriptions :descriptions="list"></my-descriptions> </div> <div v-if="obj.type == '3'"> <my-descriptions :descriptions="descripusex"></my-descriptions> <!-- <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="注册厂家">{{ zcsqr }}</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"> <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"> <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"> <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" @click="uploadBG"> <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> <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> <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> <!-- <block-header title="执行标准信息" style="margin-bottom: 0.5vh;" v-if="obj.type == '1'"> <div v-loading="loading" v-if="obj.type == '1' && (obj.flag == 1 || obj.flag == 3)"> <my-descriptions :descriptions="listTowsan"></my-descriptions> </div> <div v-loading="loading" v-if="obj.type == '1' && (obj.flag == 2 || obj.flag == 4)"> <my-descriptions :descriptions="listTowsanTow"></my-descriptions> </div> </block-header> --> <block-header title="注册信息" style="margin-bottom: 0.5vh;" v-if="obj.type == '2'"> <div v-loading="loading"> <my-descriptions :descriptions="listTow"></my-descriptions> </div> </block-header> <block-header :title="item.label" style="margin-bottom: 0.5vh;" v-for="item in listthree" :key="item.id" v-show="obj.type == item.type || item.label == '生产标准信息'" v-if="obj.type != '1' && item.show"> <div v-loading="loading"> <descriptionsbianji :descriptions="item.children"></descriptionsbianji> </div> </block-header> </div> </template> <script> import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"; import myDescriptions from "@/views/firmContent/components/descriptions/index.vue"; import descriptionsbianji from "@/views/firmContent/components/descriptionsbianji/index.vue"; import { mapState } from "vuex"; export default { /* */ data() { return { loading: true, list: [], listTow: [], listTowsan: [{ id: 1, label: "标准编号", value: "", data: "cpmc", }, { id: 2, label: "原料中文名称", value: "", data: "", }, { id: 3, label: "生产工艺", value: "", data: "", }, { id: 4, label: "是否分段生产", value: "", data: "bah", }, { id: 5, label: "检验指标", value: "", data: "sj", }, { id: 13, label: "注意事项", value: "", data: "lxr", }, { id: 12, label: "产品使用方法", value: "", data: "dh", }, { id: 11, label: "安全警示用语", value: "", data: "dq", }, { id: 15, label: "贮存条件", value: "", data: "dq", }, { id: 16, label: " 使用期限", value: "", data: "dq", },], listTowsanTow: [{ id: 1, label: "标准编号", value: "", data: "cpmc", }, { id: 2, label: "原料中文名称", value: "", data: "", }, { id: 3, label: "生产工艺", value: "", data: "", }, { id: 4, label: "是否分段生产", value: "", data: "bah", }, { id: 5, label: "检验指标", value: "", data: "sj", }, { id: 13, label: "注意事项", value: "", data: "lxr", }, { id: 12, label: "产品使用方法", value: "", data: "dh", }, { id: 11, label: "安全警示用语", value: "", data: "dq", }, { id: 15, label: "贮存条件", value: "", data: "dq", }, { id: 16, label: " 使用期限", value: "", data: "dq", },], listthree: [ { id: 1, label: "生产标准信息", type: "2", show: false, children: [ { id: 1, label: "生产标准信息", value: "", data: "yptymc", show: false }, ], }, { id: 2, label: "工艺流程信息", type: "2", show: false, children: [ { id: 1, label: "工艺流程信息", value: "", data: "yptymc", show: false }, ], }, { id: 3, label: "处方信息", type: "2", show: false, children: [ { id: 1, label: "处方信息", value: "", data: "yptymc", show: false }, ], }, ], // 药品 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: "gg", }, { id: 7, label: "特殊药品类型", value: "--", data: "tsypglfl", }, // { // id: 7, // label: "包装规格", // value: "", // data: "bzgg", // }, ], descriptionsTow: [ { 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: "ypssxkcyr", }, // { // id: 14, // label: "上市许可持有人英文", // value: "---", // data: "ssxkcyryw", // }, { id: 15, label: "上市许可持有人地址", value: "---", data: "ssxkcyrdz", }, // { // id: 16, // label: "上市许可持有人地址英文", // value: "---", // data: "ssxkcyrdzyw", // }, { id: 17, label: "生产企业", value: "---", data: "scqy", }, { 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: "cpmc", }, { id: 4, label: "备案号", value: "---", data: "bah", }, { id: 7, label: "备案日期", value: "---", data: "sqsj", }, { id: 8, label: "备案状态", value: "---", data: "status", }, { id: 5, label: "注销/取消备案日期", value: "---", data: "cancelDate", }, { id: 2, label: "备案人", value: "---", data: "qymc", }, { id: 10, label: "备案人统一社会信用代码", value: "---", data: "tyshxydw", }, { id: 6, label: "生产企业", value: "---", data: "scqymc", }, { id: 13, label: "生产企业统一社会信用代码", value: "---", data: "tyshxydwSc", }, { id: 15, label: "许可证编号", value: "---", data: "xkzbh" }, { id: 13, label: "许可证起始日期", value: "---", data: "xkzQsrq" }, { id: 14, label: "许可证终止日期", value: "---", data: "xkzZzrq" }, { id: 3, label: "备案人住所地址", value: "---", data: "dz", }, { id: 11, label: "企业名称", value: "---", data: "qymc", }, { id: 9, label: "使用人群", value: "---", data: "syrq", }, // { id: 16, label: "备案人住所地址所在县(自治县/县级市/旗)", value: "", data: "" }, // { id: 17, label: "备案人住所地址", value: "", data: "" }, // { id: 18, label: "备案人境外地址(外文)", value: "", data: "" }, // { id: 19, label: "境内责任人名称", value: "", data: "" }, // { id: 20, label: "境内责任人联系人", value: "", data: "" }, // { id: 21, label: "生产资质证明类型", value: "", data: "" }, // { id: 22, label: "境内责任人联系电话", value: "", data: "" }, // { id: 23, label: "境内责任人住所地址所在国家(或地区)", value: "", data: "" }, // { id: 24, label: "境内责任人住所地址所在市(地区/自治州/盟)", value: "", data: "" }, // { id: 25, label: "境内责任人住所地址所在县(自治县/县级市/旗)", value: "", data: "" }, // { id: 26, label: "境内责任人住所地址", value: "", data: "" }, // { id: 27, label: "产品国别", value: "", data: "" }, // { id: 28, label: "产品生产类别", value: "", data: "" }, // { id: 29, label: "新原料使用情况", value: "", data: "" }, // { id: 30, label: "使用已备案新原料的备案号", value: "", data: "" }, // { id: 31, label: "使用已注册新原料的注册号", value: "", data: "" }, // { id: 32, label: "是否套装产品", value: "", data: "" }, // { id: 33, label: "是否配合仪器使用产品", value: "", data: "" }, // { id: 34, label: "生产许可证编号", value: "", data: "" }, // { id: 35, label: "生产地址所在国家(或地区)", value: "", data: "" }, // { id: 36, label: "生产地址所在省(自治区/直辖市)", value: "", data: "" }, // { id: 37, label: "生产地址所在市(地区/自治州/盟)", value: "", data: "" }, // { id: 38, label: "生产地址所在县(自治县/县级市/旗)", value: "", data: "" }, // { id: 39, label: " 生产地址", value: "", data: "" }, // { id: 40, label: "生产企业", value: "", data: "" }, // { id: 41, label: "进口省份", value: "", data: "" }, // { id: 42, label: "生产企业名称(外文)", value: "", data: "" }, // { id: 43, label: "历史记录", value: "", data: "" }, // { id: 44, label: "备注", value: "", data: "" }, // { id: 45, label: "产品包装平面图", value: "", data: "" }, // { id: 46, label: "产品包装立体图", value: "", data: "" }, // { id: 47, label: "执行标准", value: "", data: "" }, // { id: 48, label: "功效宣称", value: "", data: "" }, // { id: 49, label: "作用部位", value: "", data: "" }, // { id: 50, label: "适用人群", value: "", data: "" }, // { id: 51, label: "产品剂型", value: "", data: "" }, // { id: 52, label: "使用方法", value: "", data: "" }, // { id: 53, label: "功效评价结论", value: "", data: "" }, // { id: 54, label: "功效宣称评价项目", value: "", data: "" }, // { id: 55, label: "是否取消备案", value: "", data: "" }, // { id: 56, label: " 取消备案时间", value: "", data: "" }, // { id: 57, label: "取消备案原因", value: "", data: "" }, // { id: 58, label: "是否注销备案", value: "", data: "" }, // { id: 59, label: "注销备案时间", value: "", data: "" }, // { id: 60, label: "注销备案原因", value: "", data: "" }, // { id: 61, label: " 是否以自检方式开展备案检验", value: "", data: "" }, // { id: 62, label: "资料整理情况", value: "", data: "" }, // { id: 63, label: " 技术核查情况", value: "", data: "" }, ], // 进口化妆品 descriptionsThree: [ { id: 1, label: "产品名称", value: "---", data: "cpmc", }, { id: 2, label: "产品名称(英文)", value: "", }, { id: 3, label: "备案号", value: "", data: "bah", }, { id: 4, label: "备案日期", value: "---", data: "sj", }, { id: 4, label: "备案状态", value: "---", data: "cpzt", }, { id: 56, label: "注销/取消备案日期", value: "---", data: "" }, { id: 6, label: "境内责任人", value: "---", data: "jnzrr", }, { id: 19, label: "境内责任人统一社会信用代码", value: "---", data: "zrrTyshxydm", }, { id: 7, label: "境内责任人住所地址", value: "---", data: "jnzrrzcdz", }, { id: 9, label: "生产企业", value: "---", data: "zcr", }, { id: 17, label: "联系人", value: "", data: "lxr", }, // { // id: 18, // label: "联系电话", // value: "", // data: "phone", // }, // { // id: 8, // label: "所在国家/地区", // value: "", // data: "dq", // }, // { // 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: "", // }, // { id: 13, label: " 备案人住所地址所在国家(或地区)", value: "", data: "" }, // { id: 14, label: " 备案人住所地址所在省(自治区/直辖市)", value: "", data: "" }, // { id: 15, label: "备案人住所地址所在市(地区/自治州/盟)", value: "", data: "" }, // { id: 16, label: "备案人住所地址所在县(自治县/县级市/旗)", value: "", data: "" }, // { id: 17, label: "备案人住所地址", value: "", data: "" }, // { id: 18, label: "备案人境外地址(外文)", value: "", data: "" }, // { id: 19, label: "境内责任人名称", value: "", data: "" }, // { id: 20, label: "境内责任人联系人", value: "", data: "" }, // { id: 21, label: "生产资质证明类型", value: "", data: "" }, // { id: 22, label: "境内责任人联系电话", value: "", data: "" }, // { id: 23, label: "境内责任人住所地址所在国家(或地区)", value: "", data: "" }, // { id: 24, label: "境内责任人住所地址所在市(地区/自治州/盟)", value: "", data: "" }, // { id: 25, label: "境内责任人住所地址所在县(自治县/县级市/旗)", value: "", data: "" }, // { id: 26, label: "境内责任人住所地址", value: "", data: "" }, // { id: 27, label: "产品国别", value: "", data: "" }, // { id: 28, label: "产品生产类别", value: "", data: "" }, // { id: 29, label: "新原料使用情况", value: "", data: "" }, // { id: 30, label: "使用已备案新原料的备案号", value: "", data: "" }, // { id: 31, label: "使用已注册新原料的注册号", value: "", data: "" }, // { id: 32, label: "是否套装产品", value: "", data: "" }, // { id: 33, label: "是否配合仪器使用产品", value: "", data: "" }, // { id: 34, label: "生产许可证编号", value: "", data: "" }, // { id: 35, label: "生产地址所在国家(或地区)", value: "", data: "" }, // { id: 36, label: "生产地址所在省(自治区/直辖市)", value: "", data: "" }, // { id: 37, label: "生产地址所在市(地区/自治州/盟)", value: "", data: "" }, // { id: 38, label: "生产地址所在县(自治县/县级市/旗)", value: "", data: "" }, // { id: 39, label: " 生产地址", value: "", data: "" }, // { id: 40, label: "生产企业", value: "", data: "" }, // { id: 41, label: "进口省份", value: "", data: "" }, // { id: 42, label: "生产企业名称(外文)", value: "", data: "" }, // { id: 43, label: "历史记录", value: "", data: "" }, // { id: 44, label: "备注", value: "", data: "" }, // { id: 45, label: "产品包装平面图", value: "", data: "" }, // { id: 46, label: "产品包装立体图", value: "", data: "" }, // { id: 47, label: "执行标准", value: "", data: "" }, // { id: 48, label: "功效宣称", value: "", data: "" }, // { id: 49, label: "作用部位", value: "", data: "" }, // { id: 50, label: "适用人群", value: "", data: "" }, // { id: 51, label: "产品剂型", value: "", data: "" }, // { id: 52, label: "使用方法", value: "", data: "" }, // { id: 53, label: "功效评价结论", value: "", data: "" }, // { id: 54, label: "功效宣称评价项目", value: "", data: "" }, // { id: 55, label: "是否取消备案", value: "", data: "" }, // { id: 57, label: "取消备案原因", value: "", data: "" }, // { id: 58, label: "是否注销备案", value: "", data: "" }, // { id: 59, label: "注销备案时间", value: "", data: "" }, // { id: 60, label: "注销备案原因", value: "", data: "" }, // { id: 61, label: " 是否以自检方式开展备案检验", value: "", data: "" }, // { id: 62, label: "资料整理情况", value: "", data: "" }, // { id: 63, label: " 技术核查情况", value: "", data: "" }, ], // 特殊化妆品 descriptionsFour: [ { id: 1, label: "产品名称(中文)", value: "", data: "cpmc", }, { id: 2, label: "产品名称(英文)", value: "", data: "", }, { id: 3, label: "产品类型", value: "", data: "", }, { id: 15, label: "注册人", value: "", data: "zcr", }, { 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: "", }, { id: 13, label: "注册人中文名称", value: "", data: "" }, { id: 14, label: " 注册人外文名称", value: "", data: "" }, { id: 15, label: " 注册人所在国(地区)", value: "", data: "" }, { id: 16, label: "注册人住所地址所在国家(或地区)", value: "", data: "" }, { id: 17, label: " 注册人住所地址所在省(自治区/直辖市)", value: "", data: "" }, { id: 18, label: "注册人住所地址所在市(地区/自治州/盟)", value: "", data: "" }, { id: 19, label: "注册人住所地址所在县(自治县/县级市/旗)", value: "", data: "" }, { id: 20, label: "注册人住所地址", value: "", data: "" }, { id: 21, label: " 注册人境外地址(中文)", value: "", data: "" }, { id: 22, label: "境内责任人名称", value: "", data: "" }, { id: 88, label: "境内责任人联系人", value: "", data: "" }, { id: 89, label: "境内责任人联系电话", value: "", data: "" }, { id: 90, label: "配方名称", value: "", data: "" }, { id: 91, label: "境内责任人住所地址所在国家(或地区)", value: "", data: "" }, { id: 92, label: "境内责任人住所地址所在市(地区/自治州/盟)", value: "", data: "" }, { id: 93, label: "境内责任人住所地址所在县(自治县/县级市/旗)", value: "", data: "" }, { id: 26, label: "境内责任人住所地址", value: "", data: "" }, { id: 27, label: "产品国别", value: "", data: "" }, { id: 28, label: "产品生产类别", value: "", data: "" }, { id: 29, label: "新原料使用情况", value: "", data: "" }, { id: 30, label: "使用已备案新原料的备案号", value: "", data: "" }, { id: 31, label: "使用已注册新原料的注册号", value: "", data: "" }, { id: 32, label: "是否套装产品", value: "", data: "" }, { id: 33, label: "是否配合仪器使用产品", value: "", data: "" }, { id: 34, label: "批件状态", value: "", data: "" }, { id: 35, label: "申请注销原因", value: "", data: "" }, { id: 36, label: " 申请注销日期", value: "", data: "" }, { id: 37, label: "产品名称备注", value: "", data: "" }, { id: 38, label: "感官指标", value: "", data: "" }, { id: 39, label: "使用目的", value: "", data: "" }, { id: 40, label: " 使用方法", value: "", data: "" }, { id: 41, label: "功效宣称", value: "", data: "" }, { id: 42, label: "生产企业名称(外文)", value: "", data: "" }, { id: 43, label: "作用部位", value: "", data: "" }, { id: 44, label: "适用人群", value: "", data: "" }, { id: 45, label: "产品包装平面图", value: "", data: "" }, { id: 46, label: "产品包装立体图", value: "", data: "" }, { id: 47, label: "执行标准", value: "", data: "" }, { id: 48, label: "功效宣称", value: "", data: "" }, { id: 49, label: "作用部位", value: "", data: "" }, { id: 50, label: "适用人群", value: "", data: "" }, { id: 51, label: "产品剂型", value: "", data: "" }, { id: 52, label: "使用方法", value: "", data: "" }, { id: 53, label: "功效评价结论", value: "", data: "" }, { id: 54, label: "功效宣称评价项目", value: "", data: "" }, { id: 55, label: "是否取消备案", value: "", data: "" }, { id: 56, label: " 产品剂型", value: "", data: "" }, { id: 57, label: "取消备案原因", value: "", data: "" }, { id: 58, label: "是否注销备案", value: "", data: "" }, { id: 59, label: "注销备案时间", value: "", data: "" }, { id: 60, label: "注销备案原因", value: "", data: "" }, { id: 61, label: " 是否以自检方式开展备案检验", value: "", data: "" }, { id: 62, label: "资料整理情况", value: "", data: "" }, { id: 63, label: "是否儿童产品", value: "", data: "" }, { id: 64, label: " 注册人统一社会信用代码", value: "", data: "" }, { id: 65, label: " 感官指标", value: "", data: "" }, { id: 66, label: " 技术核查情况", value: "", data: "" }, { id: 67, label: " 防晒类产品SPF值", value: "", data: "" }, { id: 68, label: " 防晒类产品PA值", value: "", data: "" }, { id: 69, label: " 防晒类产品浴后SPF值", value: "", data: "" }, { id: 70, label: " 检验受理编号", value: "", data: "" }, { id: 71, label: " 防晒类产品PA值", value: "", data: "" }, { id: 72, label: " 防晒类产品PA值", value: "", data: "" }, ], yagaoList: [ { id: 1, label: "产品名称(中文)", value: "", data: "cpmc", }, { id: 3, label: "备案号", value: "", data: "bah", }, { id: 31, label: "生产企业名称", value: "", data: "scqymc", }, { id: 15, label: "注册人", value: "", data: "qymc", }, { id: 4, label: "注册人所在市", value: "", data: "qyszshi", }, { id: 6, label: "境内责任人名称", value: "", data: "jnzrr", }, { id: 7, label: "生产企业统一社会信用代码", value: "", data: "tyshxydmSc", }, { id: 8, label: "注册人/备案人统一社会信用代码", value: "", data: "tyshxydm", }, { id: 9, label: "注册证号", value: "", data: "xkzbh", }, { id: 10, label: "申请时间", value: "", data: "sqsj", }, { id: 11, label: "使用人群", value: "", data: "syrq", }, { id: 12, label: "备注", value: "", data: "", }, { id: 13, label: "产品的执行标准", value: "-", data: "", }, { id: 14, label: "状态", value: "", data: "status", }, { id: 14, label: "生产状态", value: "", data: "sczt", }, ], // 化妆品/受托生产品种 descriptionsFourmale: [ { id: 3, label: "产品名称", value: "", data: "cpmc", }, { id: 1, label: "备案号", value: "", data: "bah", }, { id: 10, label: "使用人群", value: "", data: "syrq", }, { id: 16, label: "备案人", value: "", data: "qymc", }, { id: 11, label: "备案人统一社会信用代码", value: "", data: "tyshxydm", }, { id: 15, label: "备案人详细地址", value: "", data: "dz", }, { id: 9, label: "备案状态", value: "", data: "status", }, { id: 8, label: "申请时间", value: "", data: "sqsj", }, { id: 7, label: "生产企业", value: "", data: "scqymc", }, { id: 12, label: "生产企业统一社会信用代码", value: "", data: "tyshxydmScqy", }, { id: 6, label: "生产企业许可", value: "", data: "scqyXkzbh", }, { id: 13, label: "许可证起始日期", value: "---", data: "xkzQsrq", }, { id: 14, label: "许可证终止日期", value: "---", data: "xkzZzrq", }, { id: 2, label: "注销时间", value: "---", data: "cancelDate", }, { id: 4, label: "生产企业地址", value: "---", data: "dzScqy", }, ], obj: {}, files: [ { id: 1, name: "A项目检验报告.pdf", size: "44KB", }, ], descripusex: [ { id: 1, label: "产品名称", value: "", data: "cpmc" }, { id: 2, label: "注册厂家", value: "", data: "zcsqr" }, { id: 3, label: "统一社会信用代码", value: "", data: "shxydm" }, { id: 4, label: "生产地址", value: "", data: "scdz" }, { id: 5, label: "注册人住所/备案人注册地址", value: "", data: "sczdz" }, { id: 6, label: "注册人/备案人所在地区", value: "", data: "zcrszx" }, { id: 7, label: "注册人/备案人所在市", value: "", data: "zcrszshi" }, { id: 8, label: "产品类型", value: "", data: "cplx" }, { id: 9, label: "行政区划代码", value: "", data: "xzqydm" }, { id: 10, label: "结构特征", value: "", data: "ylqxjgtz" }, { id: 11, label: "注册证编号/备案号", value: "", data: "zczh" }, { id: 12, label: "创新产品", value: "", data: "sfCxcp" }, { id: 13, label: "分类编码", value: "", data: "ylqxflbm" }, { id: 14, label: "产品管理类别", value: "", data: "cplb" }, { id: 15, label: "结构及组成或主要组成部分", value: "", data: "jgjzccf" }, { id: 16, label: "结构及组成或主要组成部分附件", value: "", data: "jgjzccffj" }, { id: 17, label: "适用范围或预期用途", value: "", data: "cpsyfw" }, { id: 18, label: "适用范围或预期用途附件", value: "", data: "cpsyfwfj" }, { id: 19, label: "规格型号/包装规格", value: "", data: "xhgg" }, { id: 20, label: "规格型号/包装规格附件", value: "", data: "xhggfj" }, { id: 21, label: "产品存储条件/产品有效期", value: "", data: "cpyxq" }, { id: 22, label: "批准日期", value: "", data: "pzrq" }, { id: 23, label: "生效日期", value: "", data: "sxrq" }, { id: 24, label: "批准有效期", value: "", data: "pzyxq" }, { id: 25, label: "批准有效期至疫情结束", value: "", data: "pzyxqzyqjs" }, { id: 26, label: "产品技术要求", value: "", data: "cpjsyq" }, { id: 27, label: "产品技术要求附件", value: "", data: "cpjsyqlj" }, { id: 28, label: "产品状态", value: "", data: "" }, { id: 29, label: "首次上报标志", value: "", data: "isUpload == 1 ? '是' : '否'" }, { id: 30, label: "审批部门/备案部门", value: "", data: "spbm" }, { id: 31, label: "注册证状态/备案凭证状态", value: "", data: "ppztDm" }, { id: 32, label: "注销/撤销/吊销/取消备案时间", value: "", data: "zxsj" }, { id: 33, label: "原注册证号", value: "", data: "yzczh" }, { id: 34, label: "许可证图片附件", value: "", data: "" }, { id: 35, label: "延续注册次数", value: "", data: "yxzccs" }, { id: 36, label: "联系人", value: "", data: "lxr" }, { id: 37, label: "电话号码", value: "", data: "lxdh" }, { id: 38, label: "传真", value: "", data: "cz" }, { id: 39, label: "电子邮箱", value: "", data: "dzyx" }, { id: 40, label: "是否为优先注册产品", value: "", data: "sfYxz" }, { id: 41, label: "是否为应急注册产品", value: "", data: "sfYjzccp" }, { id: 42, label: "是否为组合包装类产品", value: "", data: "sfZhlcp" }, { id: 43, label: "是否为一次性适用产品", value: "", data: "sfYcxsycp" }, { id: 44, label: "是否为附条件审批产品", value: "", data: "sfFjtjspcp" }, { id: 45, label: "说明书附件", value: "", data: "sms ? sms : '-'" }, { id: 46, label: "变更内容", value: "", data: "bgqk" }, { id: 47, label: "变更日期", value: "", data: "bgrq" }, { id: 48, label: "变更历史记录", value: "", data: "bglsjl" }, { id: 49, label: "其他内容", value: "", data: "qtnr" }, { id: 50, label: "备注", value: "", data: "bz" } ], descripusexhyuanliao: [ { id: 1, label: "品种名称", value: "", data: "pzName" }, { id: 1, label: "登记号", value: "", data: "djh" }, { id: 12, label: "产品来源", value: "", data: "cpSource" }, { id: 9, label: "规格", value: "", data: "gg" }, { id: 13, label: "包装规格", value: "", data: "bzgg" }, { id: 8, label: "更新日期", value: "", data: "updateTime" }, { id: 3, label: "与制剂共同审评审批结果", value: "", data: "result" }, { id: 14, label: "批准文号", value: "", data: "bz" }, { id: 2, label: "企业名称", value: "", data: "qymc" }, { id: 11, label: "企业地址", value: "", data: "dz" }, { id: 7, label: "统一社会信用代码", value: "", data: "uniscid" }, { id: 4, label: "生产许可证", value: "", data: "scxkz" }, { id: 5, label: "生产许可证状态", value: "", data: "scxkzStatus" }, { id: 6, label: "生产许可证起始日期", value: "", data: "startTime" }, { id: 10, label: "生产许可证终止日期", value: "", data: "endTime" }, ], 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: "-", zcsqr: '-' }; }, computed: { ...mapState({ urlA: (state) => state.app.urlA, }), }, components: { blockHeader, myDescriptions, descriptionsbianji }, 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.flag == "5") { this.entrustedEnter(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); } else if (this.obj.type == "5") { //原料药是5 this.yuanliao(this.obj.data); } else if (this.obj.type == "yagao") { //牙膏是yagao this.yagao(this.obj.data); } }, mounted() { this.huoqulist(0) }, methods: { uploadBG() { // let baseUrl = // process.env.VUE_APP_BASE_API + // `/common/downloadmino/download?filename=2023/5/16/40289e5688225c0b018822745173000e.pdf`; // const link = document.createElement("a"); // link.href = baseUrl; // link.style.display = "none"; // document.body.appendChild(link); // link.click(); // document.body.removeChild(link); }, //医疗器械 async yiliao(e) { this.loading = true; let data = await this.$api.cosmetics.getQiXie(e); this.descripusex = this.filter(data.data, this.descripusex); if (data.data) { 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 = this.zczt(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.zcsqr = data.data.zcsqr } this.$emit("getCPName", { key: "医疗器械产品名称", value: data.data.cpmc, code: data.data.zczh, name: data.data.cpmc, cpib: data.data.cplb, type: 2 }); this.loading = false; let obj = { entName:data.data.zcsqr, //企业名称 recallProductName:data.data.cpmc //产品名称 } localStorage.setItem("zhaohui_obj",JSON.stringify(obj)) }, //药品信息 async yaopin(e) { this.loading = true; console.log(789798,e); let msg1 = await this.$api.cosmetics.getYaoPin(e); this.$emit("getCPName", { key: "药品通用名称", value: msg1.data.yptymc, code: msg1.data.yppzwh, name: msg1.data.yptymc, type: 1 }); this.list = this.filter(msg1.data, this.descriptions); this.listTow = this.filter(msg1.data, this.descriptionsTow); this.loading = false; let obj = { entName:msg1.data.ypssxkcyr, //企业名称 recallProductName:msg1.data.scqy //产品名称 } localStorage.setItem("zhaohui_obj",JSON.stringify(obj)) }, //药品信息 async yuanliao(e) { this.loading = true; let msg1 = await this.$api.cosmetics.vRdgYpwhGxwzgetYlypz(e); console.log(msg1); this.$emit("getCPName", { key: "原料药品种名称", value: msg1.data.pzName, code: msg1.data.scxkz, name: msg1.data.pzName, type: '原料药' }); this.list = this.filter(msg1.data, this.descripusexhyuanliao); this.loading = false; }, //国产化妆品单条数据 async chinaData(e) { this.loading = true; let msg1 = await this.$api.cosmetics.getChina1(e); this.$emit("getCPName", { key: "国产化妆品名称", value: msg1.data.cpmc, code: msg1.data.bah, name: msg1.data.cpmc, type: 3 }); this.list = this.filter(msg1.data, this.descriptionsTwo); this.loading = false; let obj = { entName:msg1.data.qymc, //企业名称 recallProductName:msg1.data.cpmc //产品名称 } localStorage.setItem("zhaohui_obj",JSON.stringify(obj)) }, //国产特殊化妆品单条数据 async specialChina(e) { this.loading = true; let msg1 = await this.$api.cosmetics.getChinaSpecial(e); console.log(msg1, 798798); this.$emit("getCPName", { key: "国产特殊化妆品名称", value: msg1.data.cpmc, code: msg1.data.zczh, name: msg1.data.cpmc, type: 4 }); this.list = this.filter(msg1.data, this.descriptionsFour); this.loading = false; let obj = { entName:msg1.data.zcr, //企业名称 recallProductName:msg1.data.cpmc //产品名称 } localStorage.setItem("zhaohui_obj",JSON.stringify(obj)) }, //进口化妆品单条数据 async importData(e) { this.loading = true; let msg1 = await this.$api.cosmetics.getInlet(e); console.log(msg1); this.$emit("getCPName", { key: "进口化妆品名称", value: msg1.data.cpmc, code: msg1.data.bah, name: msg1.data.cpmc, type: 5 }); this.list = this.filter(msg1.data, this.descriptionsThree); this.loading = false; let obj = { entName:msg1.data.jnzrr, //企业名称 recallProductName:msg1.data.cpmc //产品名称 } localStorage.setItem("zhaohui_obj",JSON.stringify(obj)) }, //进口特殊化妆品单条数据 async specialImport(e) { this.loading = true; let msg1 = await this.$api.cosmetics.getInletSpecial(e); console.log(msg1, 798798); this.$emit("getCPName", { key: "进口特殊化妆品名称", value: msg1.data.cpmc, code: msg1.data.bah, name: msg1.data.cpmc, type: 6 }); this.list = this.filter(msg1.data, this.descriptionsFour); this.loading = false; let obj = { entName:msg1.data.jnzrr, //企业名称 recallProductName:msg1.data.cpmc //产品名称 } localStorage.setItem("zhaohui_obj",JSON.stringify(obj)) }, //根据备案号查询受托生产企业数据 async entrustedEnter(e) { this.loading = true; let msg1 = await this.$api.cosmetics.entrustedEnter(e); console.log(msg1, 798798); this.$emit("getCPName", { key: "化妆品/受托生产品种", value: msg1.data.cpmc, code: msg1.data.bah, name: msg1.data.cpmc, type: 7 }); this.list = this.filter(msg1.data, this.descriptionsFourmale); this.loading = false; let obj = { entName:msg1.data.qymc, //企业名称 recallProductName:msg1.data.cpmc //产品名称 } localStorage.setItem("zhaohui_obj",JSON.stringify(obj)) }, //牙膏数据 async yagao(e) { this.loading = true; let msg1 = await this.$api.cosmetics.hzpToothpaste(e); console.log(msg1, 798798); this.$emit("getCPName", { key: "牙膏产品名称", value: msg1.data.cpmc, code: msg1.data.bah, name: msg1.data.cpmc, type: "牙膏" }); this.list = this.filter(msg1.data, this.yagaoList); 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) { if (key == 'xkzZzrq' || key == 'xkzQsrq' || key == 'sqsj' || key == 'sj' || key == 'cancelDate') { if (arr1[key]) { arr2[index].value = arr1[key].split(' ')[0]; } } else { arr2[index].value = arr1[key] || '---'; } if (values.data == "ppztDm") { arr2[index].value = this.zczt(arr1[key]) } if (values.data == 'scxkzStatus') { let obj = { 1: '有效', 2: '撤销', 4: '过期', 7: '注销', } arr2[index].value = obj[arr1[key]]; } } }); } return arr2; }, async huoqulist(type) { let requst = await this.$api.frimCenter.findByApproveNo({ approveNo: this.urlA.data }) if (requst.code == 200 && requst.data) { let obj = requst.data if (this.listthree[0].label == "生产标准信息" && type == 0) { this.listthree[0].show = obj.gylcxx } if (this.listthree[1].label == "工艺流程信息" && type == 0) { this.listthree[1].show = obj.cfxx } if (this.listthree[2].label == "处方信息" && type == 0) { this.listthree[2].show = obj.scbzxx } console.log(requst); } }, // 处理注册证状态/备案凭证状态 zczt(item) { let obj = { 1: "有效", 2: "撤销", 3: "吊销", 4: "过期", 5: "删除", 6: "收缴", 7: "注销", 8: "取消备案", } return obj[item] } }, }; </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: vb(16); font-family: Source Han Sans CN; font-weight: 400; color: #6a6c6f; } .contentClassName { font-size: vb(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; } } } ::v-deep .el-descriptions--medium.is-bordered .el-descriptions-item__cell { padding: vh(15) vw(10); } </style>