From fc44d69e2243a55d28b087c229a05b34b26330b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=8A=B2=E9=BE=99?= <2860996570@qq.com>
Date: Mon, 30 Oct 2023 10:00:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9=E4=BA=86=E7=94=BB=E5=83=8F?=
 =?UTF-8?q?=EF=BC=8C=E6=A0=87=E7=AD=BE=EF=BC=8C=E4=B8=AD=E8=8D=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   |   4 +-
 src/api/Myapi/frimCenter/index.js             |  16 +-
 src/api/Myapi/productDetails/index.js         |   3 +-
 .../drugInfo/drugBasicInfo/drugBasicInfo.vue  |  68 +++--
 src/views/firmContent/drugInfo/index.vue      | 133 +++++++--
 .../drugInfo/zhongyao/drugBasicInfo.vue       | 263 ++++++++++++++++++
 .../drugInfo/zhongyao/qxBasicInfo/index.vue   |  28 ++
 .../zhongyaobiangeng/adverseReaction.vue      | 205 ++++++++++++++
 8 files changed, 660 insertions(+), 60 deletions(-)
 create mode 100644 src/views/firmContent/drugInfo/zhongyao/drugBasicInfo.vue
 create mode 100644 src/views/firmContent/drugInfo/zhongyao/qxBasicInfo/index.vue
 create mode 100644 src/views/firmContent/drugInfo/zhongyaobiangeng/adverseReaction.vue

diff --git a/src/App.vue b/src/App.vue
index 25c1f63..5f2150d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -42,12 +42,14 @@ export default {
     const flag = params.get("flag");
     const data = params.get("data");
     const token = params.get("token");
+    const leixing = params.get("leixing") || "";
 
     let obj = {
       type,
       flag,
       data,
-      token
+      token,
+      leixing
     }
     console.log(888,obj);
     if (
diff --git a/src/api/Myapi/frimCenter/index.js b/src/api/Myapi/frimCenter/index.js
index 125c6d4..1bb462f 100644
--- a/src/api/Myapi/frimCenter/index.js
+++ b/src/api/Myapi/frimCenter/index.js
@@ -95,5 +95,19 @@ export default {
       },
       params
     });
-  }
+  },
+  //分页条件查询传统中药制剂备案-历史变更记录
+  deasCorpTcmpFilingChangeHis(params) {
+    return request({
+      url: `/pharmaceuticals/deasCorpTcmpFilingChangeHis`,
+      method: "get",
+      params
+    });
+  },
+  deasCorpTcmpFiling(id) {
+    return request({
+      url: `/pharmaceuticals/deasCorpTcmpFiling/${id}`,
+      method: "get",
+    });
+  },
 };
diff --git a/src/api/Myapi/productDetails/index.js b/src/api/Myapi/productDetails/index.js
index fd776df..800f1a9 100644
--- a/src/api/Myapi/productDetails/index.js
+++ b/src/api/Myapi/productDetails/index.js
@@ -27,5 +27,6 @@ export default {
       url: `/pharmaceuticals/ylqxJnyelcp/${data}`,
       method: "get",
     });
-  }
+  },
+   
 }
\ No newline at end of file
diff --git a/src/views/firmContent/drugInfo/drugBasicInfo/drugBasicInfo.vue b/src/views/firmContent/drugInfo/drugBasicInfo/drugBasicInfo.vue
index 1b21b2d..ec66378 100644
--- a/src/views/firmContent/drugInfo/drugBasicInfo/drugBasicInfo.vue
+++ b/src/views/firmContent/drugInfo/drugBasicInfo/drugBasicInfo.vue
@@ -5,14 +5,8 @@
         <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 :column="2" :colon="false" border labelClassName="labelClassName"
+          contentClassName="contentClassName" v-loading="loading">
           <el-descriptions-item label="产品名称">{{
             cpmc
           }}</el-descriptions-item>
@@ -198,22 +192,13 @@
         </el-descriptions>
       </div>
     </block-header>
-    <block-header
-      title="注册信息"
-      style="min-height: 92vh"
-      v-if="obj.type == '2'"
-    >
+    <block-header title="注册信息" style="min-height: 92vh" v-if="obj.type == '2'">
       <div v-loading="loading">
         <my-descriptions :descriptions="listTow"></my-descriptions>
       </div>
     </block-header>
-    <block-header
-      :title="item.label"
-      style="min-height: 13vh"
-      v-for="item in listthree"
-      :key="item.id"
-      v-show="obj.type == item.type || item.label == '生产标准信息'"
-    >
+    <block-header :title="item.label" style="min-height: 13vh" v-for="item in listthree" :key="item.id"
+      v-show="obj.type == item.type || item.label == '生产标准信息'">
       <div v-loading="loading">
         <my-descriptions :descriptions="item.children"></my-descriptions>
       </div>
@@ -874,7 +859,7 @@ export default {
       this.yiliao(this.obj.data);
     }
   },
-  mounted() {},
+  mounted() { },
   methods: {
     uploadBG() {
       // let baseUrl =
@@ -940,6 +925,9 @@ export default {
       this.$emit("getCPName", {
         key: "医疗器械产品名称",
         value: data.data.cpmc,
+        code: data.data.yzczh,
+        name: data.data.cpmc,
+        type: 2
       });
       this.loading = false;
     },
@@ -947,7 +935,11 @@ export default {
     async yaopin(e) {
       this.loading = true;
       let msg1 = await this.$api.cosmetics.getYaoPin(e);
-      this.$emit("getCPName", { key: "药品通用名称", value: msg1.data.yptymc });
+      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;
@@ -956,7 +948,11 @@ export default {
     async chinaData(e) {
       this.loading = true;
       let msg1 = await this.$api.cosmetics.getChina1(e);
-      this.$emit("getCPName", { key: "国产化妆品名称", value: msg1.data.cpmc });
+      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;
     },
@@ -966,7 +962,10 @@ export default {
       let msg1 = await this.$api.cosmetics.getChinaSpecial(e);
       this.$emit("getCPName", {
         key: "国产特殊化妆品名称",
-        value: msg1.data.cpmc,
+        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;
@@ -976,7 +975,11 @@ export default {
       this.loading = true;
       let msg1 = await this.$api.cosmetics.getInlet(e);
       console.log(msg1);
-      this.$emit("getCPName", { key: "进口化妆品名称", value: msg1.data.cpmc });
+      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;
     },
@@ -986,7 +989,10 @@ export default {
       let msg1 = await this.$api.cosmetics.getInletSpecial(e);
       this.$emit("getCPName", {
         key: "进口特殊化妆品名称",
-        value: msg1.data.cpmc,
+        value: msg1.data.zczh,
+        code: data.data.bah,
+        name: data.data.cpmc,
+        type: 6
       });
       this.list = this.filter(msg1.data, this.descriptionsFour);
       this.loading = false;
@@ -1009,10 +1015,12 @@ export default {
 </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;
@@ -1022,31 +1030,37 @@ export default {
     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 {
+
+    &>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);
 }
diff --git a/src/views/firmContent/drugInfo/index.vue b/src/views/firmContent/drugInfo/index.vue
index c80da68..9e371a0 100644
--- a/src/views/firmContent/drugInfo/index.vue
+++ b/src/views/firmContent/drugInfo/index.vue
@@ -8,38 +8,62 @@
           <span class="Name">{{ pruduct.value || "暂无" }}</span>
         </div>
         <div class="drug-tag">
-          <span v-for="item in tags" :key="item.id">{{ item.name }}</span>
+          <el-tag :key="index" v-for="(tag, index) in dynamicTags" closable :disable-transitions="false"
+            @close="handleClose(tag)">
+            {{ tag }}
+          </el-tag>
+          <el-input class="input-new-tag" v-if="inputVisible" v-model="inputValue" ref="saveTagInput" size="small"
+            @keyup.enter.native="handleInputConfirm" @blur="handleInputConfirm">
+          </el-input>
+          <el-button v-else class="button-new-tag" size="small" @click="showInput">+添加标签</el-button>
         </div>
       </div>
       <div>
+        <el-button type="primary" plain @click="gohuaxianga" v-show="urlA.type != 4 && urlA.leixing !='ggfw'">产品画像</el-button>
+
         <el-button type="primary" plain @click="goBack">返回</el-button>
       </div>
     </div>
     <div class="drugInfo-bottom">
       <div class="content-tabs">
         <div class="tabs">
-          <div class="tab" @click="actionTab(1)" :class="action == 1 ? 'actionTab' : ''">
+          <div class="tab" @click="actionTab(1)" :class="action == 1 ? 'actionTab' : ''" v-show="urlA.type != 4">
             <img :class="action !== 1 ? 'actionImage' : ''" :src="action == 1
               ? `${require('@/assets/images/home/icon1-1@2x.png')}`
               : `${require('@/assets/images/home/icon1-2@2x.png')}`
               " alt="" />
             <span>基本信息</span>
           </div>
-          <div class="tab" @click="actionTab(2)" :class="action == 2 ? 'actionTab' : ''">
+          <div class="tab" @click="actionTab(6)" :class="action == 6 ? 'actionTab' : ''" v-show="urlA.type == 4">
+            <img :class="action !== 6 ? 'actionImage' : ''" :src="action == 6
+              ? `${require('@/assets/images/home/icon1-1@2x.png')}`
+              : `${require('@/assets/images/home/icon1-2@2x.png')}`
+              " alt="" />
+            <span>基本信息</span>
+          </div>
+          <div class="tab" @click="actionTab(7)" :class="action == 7 ? 'actionTab' : ''" v-show="urlA.type == 4">
+            <img :src="action == 7
+              ? `${require('@/assets/images/home/icon2-1@2x.png')}`
+              : `${require('@/assets/images/home/icon2-2@2x.png')}`
+              " alt="" />
+            <span>变更记录</span>
+          </div>
+          <div class="tab" @click="actionTab(2)" :class="action == 2 ? 'actionTab' : ''" v-show="urlA.type != 4">
             <img :src="action == 2
               ? `${require('@/assets/images/home/icon2-1@2x.png')}`
               : `${require('@/assets/images/home/icon2-2@2x.png')}`
               " alt="" />
             <span>品种抽样</span>
           </div>
-          <div class="tab" @click="actionTab(3)" :class="action == 3 ? 'actionTab' : ''">
+          <div class="tab" @click="actionTab(3)" :class="action == 3 ? 'actionTab' : ''" v-show="urlA.type != 4">
             <img :src="action == 3
               ? `${require('@/assets/images/home/icon5-1@2x.png')}`
               : `${require('@/assets/images/home/icon5-2@2x.png')}`
               " alt="" />
             <span>不良反应</span>
           </div>
-          <div class="tab" @click="actionTab(4)" :class="action == 4 ? 'actionTab' : ''" v-show="urlA.type != 1">
+          <div class="tab" @click="actionTab(4)" :class="action == 4 ? 'actionTab' : ''"
+            v-show="urlA.type != 1 && urlA.type != 4">
             <img :src="action == 4
               ? `${require('@/assets/images/home/icon1-1@2x.png')}`
               : `${require('@/assets/images/home/icon1-2@2x.png')}`
@@ -93,21 +117,18 @@ import PZchouyang from "./PZchouyang/PZchouyang";
 import adverseReaction from "./adverseReaction/adverseReaction";
 import zhaohui from "./zhaohui/PZchouyang.vue";
 
+import zhongyao from "./zhongyao/drugBasicInfo";
+import zhongyaobiangeng from "./zhongyaobiangeng/adverseReaction";
+
+
 
 export default {
   data() {
     return {
       row: {},
-      tags: [
-        {
-          id: 1,
-          name: "百年产品",
-        },
-        {
-          id: 2,
-          name: "疗效显著",
-        },
-      ],
+      dynamicTags: ['百年企业', '良心企业'],
+      inputVisible: false,
+      inputValue: '',
       action: 1,
       currentComponent: "basicInfo",
       drugExitStyle: {
@@ -120,6 +141,9 @@ export default {
       pruduct: {
         key: "某某产品",
         value: "-",
+        code: "",
+        name: "",
+        type: ""
       },
     };
   },
@@ -128,12 +152,45 @@ export default {
     PZchouyang,
     adverseReaction,
     zhaohui,
+    zhongyao,
+    zhongyaobiangeng
   },
   methods: {
+    gohuaxianga() {
+      location.href = `${location.origin}/ggfw-jcphx/#/bgpage?code=${this.pruduct.code}&name=${this.pruduct.name}&type=${this.pruduct.type}`
+    },
+
+    handleClose(tag) {
+      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
+      localStorage.setItem("dynamicTags", JSON.stringify(this.dynamicTags))
+
+    },
+
+    showInput() {
+      this.inputVisible = true;
+      this.$nextTick(_ => {
+        this.$refs.saveTagInput.$refs.input.focus();
+      });
+    },
+
+    handleInputConfirm() {
+      let inputValue = this.inputValue;
+      if (inputValue) {
+        this.dynamicTags.push(inputValue);
+        localStorage.setItem("dynamicTags", JSON.stringify(this.dynamicTags))
+
+      }
+      this.inputVisible = false;
+      this.inputValue = '';
+    },
     //获取名称
     getCPName(e) {
       this.pruduct.key = e.key;
       this.pruduct.value = e.value;
+      this.pruduct.code = e.code;
+      this.pruduct.name = e.name;
+      this.pruduct.type = e.type;
+
     },
     goBack() {
       this.$router.go(-1);
@@ -165,6 +222,18 @@ export default {
           this.getHeight();
         });
         // this.$router.push({ name:'adverseReaction' })
+      } else if (id == 6) {
+        this.currentComponent = "zhongyao";
+        this.$nextTick(() => {
+          this.getHeight();
+        });
+        // this.$router.push({ name:'adverseReaction' })
+      } else if (id == 7) {
+        this.currentComponent = "zhongyaobiangeng";
+        this.$nextTick(() => {
+          this.getHeight();
+        });
+        // this.$router.push({ name:'adverseReaction' })
       }
     },
     getHeight() {
@@ -216,6 +285,16 @@ export default {
             b: this.id,
             token: zhaohui,
           };
+        case "zhongyao":
+          return {
+            b: this.id,
+            token: this.token,
+          };
+        case "zhongyaobiangeng":
+          return {
+            b: this.id,
+            token: this.token,
+          };
         default:
           return {
             b: 5,
@@ -255,6 +334,11 @@ export default {
     // this.$nextTick(()=>{
     //   this.getHeight();
     // })
+    if (this.urlA.type == 4) {
+      this.action = 6
+      this.currentComponent = "zhongyao"
+    }
+    this.dynamicTags = JSON.parse(localStorage.getItem("dynamicTags")) || ['百年企业', '良心企业']
   },
 };
 </script>
@@ -300,28 +384,17 @@ export default {
       }
 
       .drug-tag {
-        width: vw(200);
         display: flex;
         align-items: center;
         margin-left: vw(10);
 
+        .input-new-tag {
+          width: vw(80);
+        }
+
         span {
-          font-size: vw(14);
           margin-right: vw(10);
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          color: #ffffff;
-          padding: vh(4) vw(13);
-          background-color: #66c691;
-          border-radius: vw(2);
-
-          &:nth-of-type(2) {
-            background-color: #eabb48;
-          }
 
-          &:last-child {
-            margin-right: 0;
-          }
         }
       }
     }
diff --git a/src/views/firmContent/drugInfo/zhongyao/drugBasicInfo.vue b/src/views/firmContent/drugInfo/zhongyao/drugBasicInfo.vue
new file mode 100644
index 0000000..0be30ea
--- /dev/null
+++ b/src/views/firmContent/drugInfo/zhongyao/drugBasicInfo.vue
@@ -0,0 +1,263 @@
+<template>
+  <div class="primaryWorkforce" :style="primaryWorkforceStyle">
+    <block-header title="备案信息">
+      <!-- 描述列表组件 -->
+      <my-descriptions :descriptions="descriptions"></my-descriptions>
+    </block-header>
+    <block-header title="备案机构信息">
+      <my-descriptions :descriptions="descriptionstwo"></my-descriptions>
+    </block-header>
+    <block-header title="生产信息">
+      <!-- 描述列表组件 -->
+      <my-descriptions :descriptions="descriptionsThree"></my-descriptions>
+    </block-header>
+
+
+  </div>
+</template>
+<script>
+import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
+import myDescriptions from "@/views/firmContent/components/descriptions/index.vue"
+import { mapState } from "vuex";
+
+export default {
+  data() {
+    return {
+      obj: {},
+
+      loading: false,
+      descriptions: [
+        { id: 1, value: '--', label: '通用名称' },
+        { id: 2, value: '--', label: '备案号' },
+        { id: 3, value: '--', label: '剂型' },
+        { id: 4, value: '--', label: '规格' },
+        { id: 5, value: '--', label: '有效期' },
+        { id: 6, value: '--', label: '处方（含辅料）' },
+        { id: 7, value: '--', label: '是否有5年以上使用历史' },
+        { id: 8, value: '--', label: '是否含有毒性药材' },
+        { id: 9, value: '--', label: '是否含有十八反十九畏配伍禁忌' },
+        { id: 10, value: '--', label: '备注' },
+        { id: 11, value: '--', label: '配置工艺（含辅料）' },
+        { id: 12, value: '--', label: '功能主治' },
+        { id: 13, value: '--', label: '用法用量' },
+        { id: 14, value: '--', label: '备案状态' },
+        { id: 15, value: '--', label: '工艺流程' }
+      ],
+      descriptionstwo: [
+        { id: 1, value: '--', label: '医疗机构名称' },
+        { id: 2, value: '--', label: '统一社会信用代码' },
+        { id: 3, value: '--', label: '医疗机构注册地址' },
+        { id: 4, value: '--', label: '医疗机构注册地址_省' },
+        { id: 5, value: '--', label: '医疗机构注册地址_市' },
+        { id: 6, value: '--', label: '医疗机构注册地址_区' },
+        { id: 7, value: '--', label: '医疗机构注册地址_后缀具体地址' },
+        { id: 8, value: '--', label: '医疗机构执业许可证登记号' },
+        { id: 9, value: '--', label: '医疗机构执业许可证有效期开始时间' },
+        { id: 10, value: '--', label: '医疗机构执业许可证有效期结束时间' },
+        { id: 11, value: '--', label: '备案联系人' },
+        { id: 12, value: '--', label: '备案联系人电话' }
+      ],
+      descriptionsThree: [
+        { id: 1, value: '--', label: '是否有医疗机构制剂许可证' },
+        { id: 2, value: '--', label: '医疗机构制剂许可证编号' },
+        { id: 3, value: '--', label: '医疗机构制剂许可证有无此配制范围' },
+        { id: 4, value: '--', label: '医疗机构制剂许可证有效期开始时间' },
+        { id: 5, value: '--', label: '是否委托配制' },
+        { id: 6, value: '--', label: '制剂配制地址' },
+        { id: 7, value: '--', label: '委托制剂配制单位名称' },
+        { id: 8, value: '--', label: '委托联系人' },
+        { id: 9, value: '--', label: '委托联系人电话' },
+        { id: 10, value: '--', label: '委托证书《医疗机构制剂许可证》或《药品GMP符合性现场检查结果》(56-    制剂许可证  57-药品生产认证)' },
+        { id: 11, value: '--', label: '委托证书编号' },
+        { id: 12, value: '--', label: '委托证书有效期开始时间' },
+        { id: 13, value: '--', label: ' 委托证书有效期结束时间' }
+      ],
+
+      current: 1,
+      size: 10,
+      primaryWorkforceStyle: {
+        height: ''
+      }
+    }
+  },
+  methods: {
+    async getMainPersonListObj() {
+      let reque = await this.$api.frimCenter.deasCorpTcmpFiling(this.urlA.data)
+      this.obj = reque.data
+      if (reque.code == 200) {
+        // 备案信息
+        this.descriptions = [
+          { id: 1, value: this.obj.tymc || "--", label: '通用名称' },
+          { id: 2, value: this.obj.bah || '--', label: '备案号' },
+          { id: 3, value: this.obj.jx || '--', label: '剂型' },
+          { id: 4, value: this.obj.gg || '--', label: '规格' },
+          { id: 5, value: this.obj.yxq || '--', label: '有效期' },
+          { id: 6, value: this.obj.cf || '--', label: '处方（含辅料）' },
+          { id: 7, value: this.obj.sfWnyssyls == 1 ? '是' : "否" || '--', label: '是否有5年以上使用历史' },
+          { id: 8, value: this.obj.sfHydxyc == 1 ? '是' : "否" || '--', label: '是否含有毒性药材' },
+          { id: 9, value: this.obj.sfFwjj == 1 ? '是' : "否" || '--', label: '是否含有十八反十九畏配伍禁忌' },
+          { id: 10, value: this.obj.bz || '--', label: '备注' },
+          { id: 11, value: this.obj.pzgy || '--', label: '配置工艺（含辅料）' },
+          { id: 12, value: this.obj.gnzz || '--', label: '功能主治' },
+          { id: 13, value: this.obj.yfyl || '--', label: '用法用量' },
+          { id: 14, value: this.obj.tymc || '--', label: '备案状态' },
+          { id: 15, value: this.obj.status || '--', label: '工艺流程' }
+        ]
+        // 备案机构信息
+        this.descriptionstwo = [
+          { id: 1, value: this.obj.yljgmc || '--', label: '医疗机构名称' },
+          { id: 2, value: this.obj.uniscid || '--', label: '统一社会信用代码' },
+          { id: 3, value: this.obj.yljgzcdz || '--', label: '医疗机构注册地址' },
+          { id: 4, value: this.obj.yljgzcdzSheng || '--', label: '医疗机构注册地址_省' },
+          { id: 5, value: this.obj.yljgzcdzShi || '--', label: '医疗机构注册地址_市' },
+          { id: 6, value: this.obj.yljgzcdzQu || '--', label: '医疗机构注册地址_区' },
+          { id: 7, value: this.obj.yljgzcdzSuffix || '--', label: '医疗机构注册地址_后缀具体地址' },
+          { id: 8, value: this.obj.zyxkzdjh || '--', label: '医疗机构执业许可证登记号' },
+          { id: 9, value: this.obj.zyxkzStartTime || '--', label: '医疗机构执业许可证有效期开始时间' },
+          { id: 10, value: this.obj.zyxkzEndTime || '--', label: '医疗机构执业许可证有效期结束时间' },
+          { id: 11, value: this.obj.balxr || '--', label: '备案联系人' },
+          { id: 12, value: this.obj.balxrPhone || '--', label: '备案联系人电话' }
+        ]
+        // 生产信息
+        this.descriptionsThree = [
+          { id: 1, value: this.obj.sfYljgzjxkz == 1 ? '是' : "否" || '--', label: '是否有医疗机构制剂许可证' },
+          { id: 2, value: this.obj.zjxkzbh || '--', label: '医疗机构制剂许可证编号' },
+          { id: 3, value: this.obj.sfPzfw || '--', label: '医疗机构制剂许可证有无此配制范围' },
+          { id: 4, value: this.obj.zjxkzStartTime || '--', label: '医疗机构制剂许可证有效期开始时间' },
+          { id: 5, value: this.obj.sfWtpz == 1 ? '是' : "否" || '--', label: '是否委托配制' },
+          { id: 6, value: this.obj.wtpzdz || '--', label: '制剂配制地址' },
+          { id: 7, value: this.obj.wtzjpzdwmc || '--', label: '委托制剂配制单位名称' },
+          { id: 8, value: this.obj.wtlxr || '--', label: '委托联系人' },
+          { id: 9, value: this.obj.wtlxrPhone || '--', label: '委托联系人电话' },
+          { id: 10, value: this.obj.wtzs || '--', label: '委托证书《医疗机构制剂许可证》或《药品GMP符合性现场检查结果》(56-    制剂许可证  57-药品生产认证)' },
+          { id: 11, value: this.obj.wtzsbh || '--', label: '委托证书编号' },
+          { id: 12, value: this.obj.wtzsStartTime || '--', label: '委托证书有效期开始时间' },
+          { id: 13, value: this.obj.wtzsEndTime || '--', label: ' 委托证书有效期结束时间' }
+        ]
+        this.$emit("getCPName", {
+          key: "传统中药制剂名称",
+          value: this.obj.tymc,
+          code:this.obj.bah,
+          name:this.obj.tymc,
+          type:1
+
+        });
+      }
+    },
+    currentChange(index) {
+
+    },
+    sizeChange(index) {
+
+    },
+  },
+  components: { blockHeader, myDescriptions },
+  mounted() {
+    this.getMainPersonListObj()
+
+  },
+  computed: {
+    ...mapState({
+      urlA: (state) => state.app.urlA,
+    }),
+  }
+}
+</script>
+<style lang="scss" scoped>
+@import "@/assets/styles/utils.scss";
+
+.primaryWorkforce {
+  display: grid;
+  grid-column: 1fr;
+  grid-row-gap: vh(24);
+  overflow-y: scroll;
+  // height: vh(573);
+
+  .tables {
+    .button {
+      display: flex;
+      justify-content: center;
+    }
+
+    .state--style {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      span {
+        width: vw(8);
+        height: vw(8);
+        border-radius: 50%;
+        margin-right: vw(6);
+      }
+    }
+
+    .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(40);
+      padding: 0;
+      font-size: vw(14);
+      font-family: Adobe Heiti Std;
+      font-weight: 400;
+      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>
diff --git a/src/views/firmContent/drugInfo/zhongyao/qxBasicInfo/index.vue b/src/views/firmContent/drugInfo/zhongyao/qxBasicInfo/index.vue
new file mode 100644
index 0000000..982b322
--- /dev/null
+++ b/src/views/firmContent/drugInfo/zhongyao/qxBasicInfo/index.vue
@@ -0,0 +1,28 @@
+<template>
+  <block-header title="基本信息">
+    
+  </block-header>
+</template>
+<script>
+import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
+export default {
+  data() {
+    return {
+    }
+  },
+  props:['zczh'],
+  components:{blockHeader},
+  methods:{
+    async ylqxJnyelcp(){
+      let data = await this.$api.productDetails.ylqxJnyelcp(this.zczh); 
+      console.log(data)
+    }
+  },
+  mounted(){
+    this.ylqxJnyelcp()
+  }
+}
+</script>
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/views/firmContent/drugInfo/zhongyaobiangeng/adverseReaction.vue b/src/views/firmContent/drugInfo/zhongyaobiangeng/adverseReaction.vue
new file mode 100644
index 0000000..8d918d4
--- /dev/null
+++ b/src/views/firmContent/drugInfo/zhongyaobiangeng/adverseReaction.vue
@@ -0,0 +1,205 @@
+<template>
+  <div class="adverseReaction">
+    <block-header title="查询结果">
+      <div class="tables">
+        <el-table :data="tableData" style="width: 100%" :cell-style="columnStyle" v-loading="loading" border>
+          <el-table-column prop="id" header-align="center" label="序号" width="80">
+          </el-table-column>
+          <el-table-column prop="filingNum" header-align="center" label="备案号">
+          </el-table-column>
+          <el-table-column prop="changeFilingNum" label="历次备案号" header-align="center">
+          </el-table-column>
+          <el-table-column prop="changeDate" label="变更时间" header-align="center">
+          </el-table-column>
+          <el-table-column prop="changeContent" label="变更内容" header-align="center">
+          </el-table-column>
+          <el-table-column prop="changeReason" label=" 变更原因" header-align="center">
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="pagination" :class="transinformation.b == '1' ? 'paginationTwo' : ''">
+        <!-- <span class="custom"
+          >共{{ total }}条，显示{{
+            total == 0
+              ? "0"
+              : queryCondition.current == 1
+              ? "1"
+              : queryCondition.size * (queryCondition.current - 1) + 1
+          }}-{{ numberMap() }}条</span
+        > -->
+        <span class="custom">
+        </span>
+        <el-pagination background :small="transinformation.b == '1'" :page-sizes="[10, 15]" :total="total"
+          layout=" prev, pager, next, sizes, jumper" @current-change="currentChange" @size-change="sizeChange"
+          :current-page.sync="pagelist.current" :page-size.sync="pagelist.size">
+        </el-pagination>
+      </div>
+    </block-header>
+  </div>
+</template>
+<script>
+import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
+export default {
+  data() {
+    return {
+      tableData: [
+        // {
+        //   id:1,
+        //   durgName:'布洛芬胶囊',
+        //   wenhao:'国药准字Z20213077',
+        //   bianhao:'YC20230619',
+        //   name:'张三',
+        //   hospitalName:'辽宁省人民医院',
+        //   addresName:'沈阳',
+        // }
+      ],
+      loading: false,
+      // adverseReactionStyle:{
+      //   height:''
+      // }
+      currentPage: 1,
+      pageSize: 10,
+      total: 0,
+      pagelist: {
+        current: 1, //当前页
+        size: 10, //页容量
+      }
+    }
+  },
+  props: ['transinformation'],
+  components: { blockHeader },
+  methods: {
+    // tabs某列的样式修改
+    columnStyle({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex == 7 || columnIndex == 0) {
+        return "font-family: DIN;";
+      } else if (columnIndex == 2 || columnIndex == 1 || columnIndex == 3 || columnIndex == 4) {
+        return "font-family: Source Han Sans CN;";
+      } else if (columnIndex == 5 || columnIndex == 6 || columnIndex == 8) {
+        return "font-family: Adobe Heiti Std;font-weight: normal;";
+      }
+    },
+    handleEdit(index, row) {
+
+    },
+    currentChange(index) {
+      this.pagelist.current = index
+      this.getList()
+
+    },
+    sizeChange(index) {
+      this.pagelist.size = index
+      this.getList()
+
+    },
+    async getList() {
+      let reque = await this.$api.frimCenter.deasCorpTcmpFilingChangeHis(this.pagelist)
+      console.log(reque);
+      this.tableData = reque.data.records
+      this.total = reque.data.total
+    }
+  },
+  mounted() {
+    this.getList()
+    this.$nextTick(() => {
+
+    })
+  }
+}
+</script>
+<style lang="scss" scoped>
+@import "@/assets/styles/utils.scss";
+
+.adverseReaction {
+  // overflow-y: scroll;
+}
+
+.tables {
+  .button {
+    display: flex;
+    justify-content: center;
+  }
+
+  .informant-btn {
+    padding: 12px 30px;
+    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(40);
+    padding: 0;
+    font-size: vw(14);
+    font-weight: 400;
+    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 {
+  margin-top: 17px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  // padding-bottom: vh(20);
+  ::v-deep .el-pagination__jump {
+    margin: 0;
+  }
+
+  ::v-deep .el-input--mini .el-input__inner {
+    height: vw(28);
+  }
+
+  .custom {
+    font-size: 14px;
+    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+    font-weight: 400;
+    color: #292f38;
+    line-height: 18px;
+  }
+}
+
+.paginationTwo {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-bottom: vh(20);
+
+  .custom {
+    font-size: vw(14);
+    font-family: Source Han Regular CN;
+    font-weight: 400;
+    color: #292f38;
+    line-height: vh(28);
+  }
+}
+</style>