From 5905dc1d069ebaaeb8316c3c227467aba5b03fa5 Mon Sep 17 00:00:00 2001
From: dhy1725534722 <1725534722@qq.com>
Date: Fri, 4 Aug 2023 14:12:06 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8C=96=E5=A6=86=E5=93=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/cosmetics/index.js                    |  31 +
 src/api/index.js                              |   3 +-
 src/utils/request.js                          |   1 -
 .../components/descriptions/index.vue         |   4 +
 .../drugInfo/drugBasicInfo/drugBasicInfo.vue  | 853 +++++++++++-------
 src/views/firmContent/drugInfo/index.vue      |   6 +-
 6 files changed, 542 insertions(+), 356 deletions(-)
 create mode 100644 src/api/cosmetics/index.js

diff --git a/src/api/cosmetics/index.js b/src/api/cosmetics/index.js
new file mode 100644
index 0000000..603e8de
--- /dev/null
+++ b/src/api/cosmetics/index.js
@@ -0,0 +1,31 @@
+import request from "@/utils/request";
+export default {
+    //根据备案号查询单条国产化妆品数据
+    getChina1(e) {
+        return request({
+            url: `/pharmaceuticals/gccp/${e}`,
+            method: "get",
+        })
+    },
+    //通过注册证号查询单条国产特殊化妆品
+    getChinaSpecial(e) {
+        return request({
+            url: `pharmaceuticals/gctshzp/${e}`,
+            method: "get",
+        })
+    },
+    //根据备案号查询进口化妆品数据
+    getInlet(e) {
+        return request({
+            url: `/pharmaceuticals/jkcp/${e}`,
+            method: "get",
+        })
+    },
+    //通过注册证号查询单条进口特殊化妆品数据
+    getInletSpecial(e) {
+        return request({
+            url: `/pharmaceuticals/jktshzp/${e}`,
+            method: "get",
+        })
+    },
+}
\ No newline at end of file
diff --git a/src/api/index.js b/src/api/index.js
index 8ed8892..a40391a 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -1,6 +1,7 @@
 // 召回
 import frimCenter from "./Myapi/frimCenter/index.js";
-
+import cosmetics from './cosmetics/index.js'
 export default {
   frimCenter,
+  cosmetics,
 };
diff --git a/src/utils/request.js b/src/utils/request.js
index 5e467f2..cf75b23 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -35,7 +35,6 @@ service.interceptors.request.use(
     const isRepeatSubmit = (config.headers || {}).repeatSubmit === false;
     if (isToken) {
       config.headers["Authentication"] = localStorage.getItem("Authentication");
-      config.headers["token"] = localStorage.getItem("Ls-Token"); //企业端
     }
     // get请求映射params参数
     if (config.method === "get" && config.params) {
diff --git a/src/views/firmContent/components/descriptions/index.vue b/src/views/firmContent/components/descriptions/index.vue
index e5f4214..1948c93 100644
--- a/src/views/firmContent/components/descriptions/index.vue
+++ b/src/views/firmContent/components/descriptions/index.vue
@@ -51,7 +51,11 @@ export default {
   },
   methods:{
   },
+  created() {
+
+  },
 }
+
 </script>
 <style lang="scss" scoped>
 @import "@/assets/styles/utils.scss";
diff --git a/src/views/firmContent/drugInfo/drugBasicInfo/drugBasicInfo.vue b/src/views/firmContent/drugInfo/drugBasicInfo/drugBasicInfo.vue
index d3c98da..8121a3b 100644
--- a/src/views/firmContent/drugInfo/drugBasicInfo/drugBasicInfo.vue
+++ b/src/views/firmContent/drugInfo/drugBasicInfo/drugBasicInfo.vue
@@ -1,377 +1,528 @@
 <template>
   <div class="drugBasicInfo">
-    <block-header title="基本信息">
-      <my-descriptions :descriptions="descriptionsFour"></my-descriptions>
+    <block-header title="基本信息" style="min-height: 300px;">
+      <div v-loading="loading">
+        <my-descriptions :descriptions="list"></my-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"
+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:'布洛芬胶囊'
-        },{
-          id:2,
-          label:'药品英文名称',
-          value:'xxxxxxxxxxxxxxxxx'
-        },{
-          id:3,
-          label:'商品名',
-          value:'-'
-        },{
-          id:4,
-          label:'药品分类',
-          value:'化学药品'
-        },{
-          id:5,
-          label:'剂型',
-          value:'胶囊剂'
-        },{
-          id:6,
-          label:'规格',
-          value:'0.2克'
-        },{
-          id:7,
-          label:'包装规格',
-          value:'-'
-        },{
-          id:8,
-          label:'批准日期',
-          value:'2023-04-11'
-        },{
-          id:9,
-          label:'药品批准文号',
-          value:'国药准字号H20059811'
-        },{
-          id:10,
-          label:'批准文号有限期',
-          value:'2028-04-10'
-        },{
-          id:11,
-          label:'原批准文号',
-          value:'国药准字号H20059811'
-        },{
-          id:12,
-          label:'原注册证号',
-          value:'-'
-        },{
-          id:13,
-          label:'上市许可持有人',
-          value:'xxxxx有限公司'
-        },{
-          id:14,
-          label:'上市许可持有人英文',
-          value:'-'
-        },{
-          id:15,
-          label:'上市许可持有人地址',
-          value:'-'
-        },{
-          id:16,
-          label:'上市许可持有人地址英文',
-          value:'-'
-        },{
-          id:17,
-          label:'生产单位',
-          value:'-'
-        },{
-          id:18,
-          label:'生产地址',
-          value:'xxxxx有限公司'
-        },{
-          id:19,
-          label:'药品编码',
-          value:'-'
-        },{
-          id:20,
-          label:'药品编码备注',
-          value:'86901005000050'
-        },{
-          id:21,
-          label:'生产厂商（中文）',
-          value:'-'
-        },{
-          id:22,
-          label:'生产厂商名称（英文）',
-          value:'-'
-        },{
-          id:23,
-          label:'厂商地址（中文）',
-          value:'-'
-        },{
-          id:24,
-          label:'厂商地址（英文）',
-          value:'-'
-        },{
-          id:25,
-          label:'生产厂商所在国/地区（中文）',
-          value:'-'
-        },{
-          id:26,
-          label:'生产厂商所在国/地区（英文）',
-          value:'-'
-        },{
-          id:27,
-          label:'公司名称（中文）',
-          value:'-'
-        },{
-          id:28,
-          label:'公司名称（英文）',
-          value:'-'
-        },{
-          id:29,
-          label:'公司地址（中文）',
-          value:'-'
-        },{
-          id:30,
-          label:'公司地址（英文）',
-          value:'-'
-        },{
-          id:31,
-          label:'公司所在国/地区（中文）',
-          value:'-'
-        },{
-          id:32,
-          label:'公司所在国/地区（英文）',
-          value:'-'
-        },{
-          id:33,
-          label:'分包装批准文号',
-          value:'-'
-        },{
-          id:34,
-          label:'分包装文号批准日期',
-          value:'-'
-        },{
-          id:35,
-          label:'分包装批准文号有效期',
-          value:'-'
-        },{
-          id:36,
-          label:'分包装企业名称',
-          value:'-'
-        },{
-          id:37,
-          label:'分包装企业地址',
-          value:'-',
-          span:2
-        }
+      descriptions: [
+        {
+          id: 1,
+          label: "药品通用名称",
+          value: "布洛芬胶囊",
+        },
+        {
+          id: 2,
+          label: "药品英文名称",
+          value: "xxxxxxxxxxxxxxxxx",
+        },
+        {
+          id: 3,
+          label: "商品名",
+          value: "-",
+        },
+        {
+          id: 4,
+          label: "药品分类",
+          value: "化学药品",
+        },
+        {
+          id: 5,
+          label: "剂型",
+          value: "胶囊剂",
+        },
+        {
+          id: 6,
+          label: "规格",
+          value: "0.2克",
+        },
+        {
+          id: 7,
+          label: "包装规格",
+          value: "-",
+        },
+        {
+          id: 8,
+          label: "批准日期",
+          value: "2023-04-11",
+        },
+        {
+          id: 9,
+          label: "药品批准文号",
+          value: "国药准字号H20059811",
+        },
+        {
+          id: 10,
+          label: "批准文号有限期",
+          value: "2028-04-10",
+        },
+        {
+          id: 11,
+          label: "原批准文号",
+          value: "国药准字号H20059811",
+        },
+        {
+          id: 12,
+          label: "原注册证号",
+          value: "-",
+        },
+        {
+          id: 13,
+          label: "上市许可持有人",
+          value: "xxxxx有限公司",
+        },
+        {
+          id: 14,
+          label: "上市许可持有人英文",
+          value: "-",
+        },
+        {
+          id: 15,
+          label: "上市许可持有人地址",
+          value: "-",
+        },
+        {
+          id: 16,
+          label: "上市许可持有人地址英文",
+          value: "-",
+        },
+        {
+          id: 17,
+          label: "生产单位",
+          value: "-",
+        },
+        {
+          id: 18,
+          label: "生产地址",
+          value: "xxxxx有限公司",
+        },
+        {
+          id: 19,
+          label: "药品编码",
+          value: "-",
+        },
+        {
+          id: 20,
+          label: "药品编码备注",
+          value: "86901005000050",
+        },
+        {
+          id: 21,
+          label: "生产厂商（中文）",
+          value: "-",
+        },
+        {
+          id: 22,
+          label: "生产厂商名称（英文）",
+          value: "-",
+        },
+        {
+          id: 23,
+          label: "厂商地址（中文）",
+          value: "-",
+        },
+        {
+          id: 24,
+          label: "厂商地址（英文）",
+          value: "-",
+        },
+        {
+          id: 25,
+          label: "生产厂商所在国/地区（中文）",
+          value: "-",
+        },
+        {
+          id: 26,
+          label: "生产厂商所在国/地区（英文）",
+          value: "-",
+        },
+        {
+          id: 27,
+          label: "公司名称（中文）",
+          value: "-",
+        },
+        {
+          id: 28,
+          label: "公司名称（英文）",
+          value: "-",
+        },
+        {
+          id: 29,
+          label: "公司地址（中文）",
+          value: "-",
+        },
+        {
+          id: 30,
+          label: "公司地址（英文）",
+          value: "-",
+        },
+        {
+          id: 31,
+          label: "公司所在国/地区（中文）",
+          value: "-",
+        },
+        {
+          id: 32,
+          label: "公司所在国/地区（英文）",
+          value: "-",
+        },
+        {
+          id: 33,
+          label: "分包装批准文号",
+          value: "-",
+        },
+        {
+          id: 34,
+          label: "分包装文号批准日期",
+          value: "-",
+        },
+        {
+          id: 35,
+          label: "分包装批准文号有效期",
+          value: "-",
+        },
+        {
+          id: 36,
+          label: "分包装企业名称",
+          value: "-",
+        },
+        {
+          id: 37,
+          label: "分包装企业地址",
+          value: "-",
+          span: 2,
+        },
       ],
       // 国产化妆品
-      descriptionsTwo:[
-        {
-          id:1,
-          label:'产品名称',
-          value:'美芝钰修护调理乳（500ml）'
-        },{
-          id:2,
-          label:'备案人名称',
-          value:'沈阳市坤美惜美容用品有限公司'
-        },{
-          id:3,
-          label:'备案人住所地址',
-          value:'沈阳市和平区浑河站街105号'
-        },{
-          id:4,
-          label:'备案编码',
-          value:'辽G妆网备字2015001103'
-        },{
-          id:5,
-          label:'备案日期',
-          value:'2015/9/18'
-        },{
-          id:6,
-          label:'生产企业名称',
-          value:'沈阳市坤美惜美容用品有限公司'
-        },{
-          id:7,
-          label:'生产企业地址',
-          value:'沈阳市和平区浑河站街105号'
-        },{
-          id:8,
-          label:'生产许可证',
-          value:'辽妆20160041'
-        },{
-          id:9,
-          label:'备注',
-          value:'-'
-        },{
-          id:10,
-          label:'公示状态',
-          value:'已注销'
+      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:'健母宝经典修护精华液'
-        },{
-          id:2,
-          label:'产品名称（英文）',
-          value:'GEMMOVE QUEEN RECOVERY SERUM'
-        },{
-          id:3,
-          label:'备案编号',
-          value:'国妆网备进字（辽）2019000024'
-        },{
-          id:4,
-          label:'备案日期',
-          value:'2019-4-23'
-        },{
-          id:5,
-          label:'备案人（中文）',
-          value:'健玛韩国有限公司'
-        },{
-          id:6,
-          label:'备案人（英文）',
-          value:'GEMMA KOREA CO.,LTD'
-        },{
-          id:7,
-          label:'备案人住所地址',
-          value:'2nd floor ，34，Dangsan-ro，Yeongdeungpo-gu，Seoul，Republic of Korea'
-        },{
-          id:8,
-          label:'所在国家/地区',
-          value:'韩国'
-        },{
-          id:9,
-          label:'企业名称',
-          value:'健玛韩国有限公司'
-        },{
-          id:10,
-          label:'企业地址',
-          value:'2nd floor ，34，Dangsan-ro，Yeongdeungpo-gu，Seoul，Republic of Korea'
-        },{
-          id:11,
-          label:'生产地址',
-          value:'-'
-        },{
-          id:12,
-          label:'境内责任人名称',
-          value:'沈阳健玛财拿商贸有限公司'
-        },{
-          id:13,
-          label:'境内责任人地址',
-          value:'辽宁省沈阳市和平区南京北街272号北约客置地广场2706号'
-        },{
-          id:14,
-          label:'进口省份',
-          value:'-'
-        },{
-          id:15,
-          label:'备注',
-          value:'原产地：韩国'
-        },{
-          id:16,
-          label:'公示状态',
-          value:'-'
+      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:'兰嘉斯美白面膜'
-        },{
-          id:2,
-          label:'产品名称（英文）',
-          value:'-'
-        },{
-          id:3,
-          label:'产品类型',
-          value:'祛斑类'
-        },{
-          id:4,
-          label:'注册人住所地址',
-          value:'广州市花都区新雅街华兴工业区东升路11号'
-        },{
-          id:5,
-          label:'注册人所在国（地区）',
-          value:'-'
-        },{
-          id:6,
-          label:'境内责任人名称',
-          value:'-'
-        },{
-          id:7,
-          label:'境内责任人住所地址',
-          value:'-'
-        },{
-          id:8,
-          label:'生产信息',
-          value:'-'
-        },{
-          id:9,
-          label:'注册证号',
-          value:'国妆特字（G20203001）'
-        },{
-          id:10,
-          label:'批准日期',
-          value:'2020-12-18'
-        },{
-          id:11,
-          label:'注册证有效期至',
-          value:'2024-12-17'
-        },{
-          id:12,
-          label:'备注',
-          value:'国家药品监督管理局为组织对本产品所称功效进行审核，本批件不作为对产品所称功效的认可'
-        },{
-          id:13,
-          label:'产品的执行标准',
-          value:'-'
-        },{
-          id:14,
-          label:'状态',
-          value:'历史批件'
-        }
+      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:'',
+        },
       ],
-      // drugBasicInfoStyle:{
-      //   height:''
-      // }
-      id:null,
-      token:null,
-    }
+    };
   },
-  components:{blockHeader,myDescriptions},
-  props:['transinformation'],
-  mounted(){
-    let search = window.location.search.slice(1);
-    let params = search.split('&');
-    console.log(params)
-    if (params[0].includes('b')) {
-      this.id = params[0].split('=')[1]
-      this.token = params[1].split('=')[1]
-    }
-    if(this.id == '1') {
-      this.goback = true;
-    } else {
-      this.goback = false;
+  components: { blockHeader, myDescriptions },
+  props: ["transinformation"],
+  created() {
+    // 获取地址栏参数
+    var queryString = window.location.search;
+    // 创建 URLSearchParams 对象
+    var params = new URLSearchParams(queryString);
+    // 创建空的 JSON 对象
+    var obj = {};
+    // 遍历参数，并将其添加到 JSON 对象中
+    params.forEach(function (value, key) {
+      // 对地址栏参数进行解码
+      var decodedValue = decodeURIComponent(value);
+      obj[key] = decodedValue;
+    });
+    console.log(obj);
+    if (obj.type == 1) {
+      if (obj.flag == 1) {
+        this.chinaData(obj.data);
+      } else if (obj.flag == 2) {
+        this.specialChina(obj.data);
+      } else if (obj.flag == 3) {
+        this.importData(obj.data);
+      } else if (obj.flag == 4) {
+        this.specialImport(obj.data);
+      }
     }
   },
-  methods:{
+  mounted() {},
+  methods: {
+    //国产化妆品单条数据
+    async chinaData(e) {
+      this.loading = true;
+      let msg1 = await this.$api.cosmetics.getChina1(e);
+      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.list = this.filter(msg1.data, this.descriptionsFour);
+      this.loading = false;
+    },
+    //进口化妆品单条数据
+    async importData(e) {
+      this.loading = true;
+      let msg1 = await this.$api.cosmetics.getInlet(e);
+      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.list = this.filter(msg1.data, this.descriptionsFour);
+      this.loading = false;
+    },
+    //处理数据
+    filter(A, B) {
+      for (let key in A) {
+        B.forEach((values, index) => {
+          if (values.data === key) {
+            B[index].value = A[key];
+          }
+        });
+      }
+      return B;
+    },
   },
-  // mounted(){
-  //   this.$nextTick(()=>{
-  //     let dom = document.getElementsByClassName('drugBasicInfo');
-  //     let height = dom[0].getBoundingClientRect();
-  //     let windowWidth = window.innerWidth;
-  //     let windowHeight = window.innerHeight;
-  //     let relativeHeight = windowHeight - height.top - (26 / 1920 * windowWidth)
-  //     this.drugBasicInfoStyle.height = relativeHeight + 'px'
-  //   })
-  // }
-}
+};
 </script>
 <style lang="scss" scoped>
 @import "@/assets/styles/utils.scss";
diff --git a/src/views/firmContent/drugInfo/index.vue b/src/views/firmContent/drugInfo/index.vue
index 374e4fb..c7b84e0 100644
--- a/src/views/firmContent/drugInfo/index.vue
+++ b/src/views/firmContent/drugInfo/index.vue
@@ -72,9 +72,9 @@
   </div>
 </template>
 <script>
-import basicInfo from "./drugBasicInfo/drugBasicInfo.vue"
-import PZchouyang from "./PZchouyang/PZchouyang.vue"
-import adverseReaction from "./adverseReaction/adverseReaction.vue"
+import basicInfo from "./drugBasicInfo/drugBasicInfo"
+import PZchouyang from "./PZchouyang/PZchouyang"
+import adverseReaction from "./adverseReaction/adverseReaction"
 export default {
   data() {
     return {