无修改，注释

src/api/Myapi/productDetails/index.js

@@ -0,0 +1,45 @@
+import request from "@/utils/request";
+export default {
+  // 通过批准文号查询单条药品批件信息
+  vRdgYpwhGxwz(data) {
+    return request({
+      url: `/pharmaceuticals/vRdgYpwhGxwz/${data}`,
+      method: "get",
+    });
+  },
+  // 根据备案号查询进口化妆品数据
+  jkcp(data) {
+    return request({
+      url: `/pharmaceuticals/jkcp/${data}`,
+      method: "get",
+    });
+  },
+  // 通过注册证号查询单条进口特殊化妆品数据
+  jktshzp(data) {
+    return request({
+      url: `/pharmaceuticals/jktshzp/${data}`,
+      method: "get",
+    });
+  },
+  // 根据备案号查询单条国产化妆品数据
+  gccp(data) {
+    return request({
+      url: `/pharmaceuticals/gccp/${data}`,
+      method: "get",
+    });
+  },
+  // 通过注册证号查询单条国产特殊化妆品
+  gctshzp(data) {
+    return request({
+      url: `/pharmaceuticals/gctshzp/${data}`,
+      method: "get",
+    });
+  },
+  // 通过注册证编号查询单条器械品种数据
+  ylqxJnyelcp(data) {
+    return request({
+      url: `/pharmaceuticals/ylqxJnyelcp/${data}`,
+      method: "get",
+    });
+  }
+}

src/api/index.js

@@ -1,6 +1,8 @@
 // 召回
 import frimCenter from "./Myapi/frimCenter/index.js";
+import productDetails from "./Myapi/productDetails/index.js"
 
 export default {
   frimCenter,
+  productDetails
 };

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) {
@@ -104,7 +103,7 @@ service.interceptors.response.use(
     ) {
       return res.data;
     }
-    console.log("454545", code);
+    // console.log("454545", code);
     if (code === 401) {
       if (!isRelogin.show) {
         isRelogin.show = true;
@@ -146,10 +145,10 @@ service.interceptors.response.use(
     }
   },
   async(error) => {
-    console.log(error);
+    // console.log(error);
-    console.log(error.response)
+    // console.log(error.response)
     let { message } = error;
-    console.log(3333, message);
+    // console.log(3333, message);
     if (
       message == "Request failed with status code 401" ||
       message == "Request failed with status code 500"

src/views/firmContent/drugInfo/drugBasicInfo/drugBasicInfo.vue

@@ -1,13 +1,15 @@
 <template>
   <div class="drugBasicInfo">
-    <block-header title="基本信息">
+    <block-header title="基本信息" v-if="!isylqx"> 
-      <my-descriptions :descriptions="descriptionsFour"></my-descriptions>
+      <my-descriptions :descriptions="getDescriptions"></my-descriptions>
     </block-header>
+    <qx-basicinfo v-else :myzczh="qxzczh"></qx-basicinfo>
   </div>
 </template>
 <script>
 import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
 import myDescriptions from "@/views/firmContent/components/descriptions/index.vue"
+import qxBasicinfo from "./qxBasicInfo/index.vue"
 export default {
   data() {
     return {
@@ -169,35 +171,35 @@ export default {
         {
           id:1,
           label:'产品名称',
-          value:'美芝钰修护调理乳（500ml）'
+          value:'-'
         },{
           id:2,
           label:'备案人名称',
-          value:'沈阳市坤美惜美容用品有限公司'
+          value:'-'
         },{
           id:3,
           label:'备案人住所地址',
-          value:'沈阳市和平区浑河站街105号'
+          value:'-'
         },{
           id:4,
           label:'备案编码',
-          value:'辽G妆网备字2015001103'
+          value:'-'
         },{
           id:5,
           label:'备案日期',
-          value:'2015/9/18'
+          value:'-'
         },{
           id:6,
           label:'生产企业名称',
-          value:'沈阳市坤美惜美容用品有限公司'
+          value:'-'
         },{
           id:7,
           label:'生产企业地址',
-          value:'沈阳市和平区浑河站街105号'
+          value:'-'
         },{
           id:8,
           label:'生产许可证',
-          value:'辽妆20160041'
+          value:'-'
         },{
           id:9,
           label:'备注',
@@ -205,7 +207,7 @@ export default {
         },{
           id:10,
           label:'公示状态',
-          value:'已注销'
+          value:'-'
         },
       ],
       // 进口化妆品
@@ -341,42 +343,109 @@ export default {
       // }
       id:null,
       token:null,
+      isYppzwh:false,                      // 是否为药品
+      isGcHzp:false,                       // 是否为国产化妆品
+      isJkHzp:false,                       // 是否为进口化妆品
+      isGcTsHzp:false,                     // 是否为国产特殊化妆品
+      isJkTsHzp:false,                     // 是否为进口特殊化妆品
+      isylqx:false,                        // 是否为医疗器械
+      qxzczh:null
     }
   },
-  components:{blockHeader,myDescriptions},
+  components:{blockHeader,myDescriptions,qxBasicinfo},
   props:['transinformation'],
+  computed:{
+    getDescriptions(){
+      if(this.isYppzwh) {
+        return this.descriptions
+      } else if(this.isGcHzp) {
+        return this.descriptionsTwo
+      } else if(this.isJkHzp) {
+        return this.descriptionsThree
+      } else if(this.isGcTsHzp || this.isJkTsHzp) {
+        return this.descriptionsFour
+      } else {
+        return this.descriptions
+      }
+    }
+  },
   mounted(){
     let search = window.location.search.slice(1);
     let params = search.split('&');
-    console.log(params)
+    let paramsLabel = params[2].split('=')[0];
-    if (params[0].includes('b')) {
+    localStorage.setItem("Authentication",params[1].split('=')[1]);
-      this.id = params[0].split('=')[1]
+    if (paramsLabel == 'yppzwh') {
-      this.token = params[1].split('=')[1]
+      this.isYppzwh = true;
+      this.token = params[1].split('=')[1];
+      this.getVRdgYpwhGxwz(params[2].split('=')[1]);
+    } else if(paramsLabel == 'bah') {
+      this.token = params[1].split('=')[1];
+      // 判断是哪种化妆品
+      let cosmeticsType = params[3].split('=')[1];
+      if(cosmeticsType == '1') {
+        this.isGcHzp = true;
+        // 国产化妆品
+        this.getGccp(params[2].split('=')[1]);
+      } else if(cosmeticsType == '3') {
+        this.isJkHzp = true;
+        // 进口化妆品
+        this.jkcp(params[2].split('=')[1]);
       }
-    if(this.id == '1') {
+    } else if(paramsLabel == 'zczh') {
-      this.goback = true;
+      
-    } else {
+      this.token = params[1].split('=')[1];
-      this.goback = false;
+      // 判断是哪种化妆品
+      let cosmeticsType = params[3].split('=')[1];
+      if(cosmeticsType == '2') {
+        this.isGcTsHzp = true;
+        // 国产特殊化妆品
+        this.gctshzp(params[2].split('=')[1]);
+      } else if(cosmeticsType == '4') {
+        this.isJkTsHzp = true;
+        // 进口特殊化妆品
+        this.jktshzp(params[2].split('=')[1]);
+      }
+    } else if(paramsLabel == 'qxzczh') {
+      this.isylqx = true;
+      this.token = params[1].split('=')[1];
+      this.qxzczh = params[2].split('=')[1];
+      // this.ylqxJnyelcp(params[2].split('=')[1]);
     }
   },
   methods:{
+    // 药品
+    async getVRdgYpwhGxwz(res){
+      let data = await this.$api.productDetails.vRdgYpwhGxwz(res);                                                                                                          //暂无
+      let { yptymc,yptymcyw,ypspmc,ypfl,jx,ypgg,bzgg,pzrq,yppzwh,yppzwhyxq,ypypzwh,ypyzczh,ssxkcyr,ssxkcyryw,ssxkcyrdz,ssxkcyrdzyw,ypscqymc,scdz,ypbm,ypbmbz,qymczw,qymcyw,scdzzw,scdzyw,dzgjhdqScc,sccszgdqyw,qymcGs,gsmcyw,gsdzzw,gsdzyw,gsszgdqzw,gsszgdqyw,fbzpzwh,fbzwhpzrq,fbzpzwhyxq,qymcFbz,scdzFbz } = data.data
+      let objtwo = { yptymc,yptymcyw,ypspmc,ypfl,jx,ypgg,bzgg,pzrq,yppzwh,yppzwhyxq,ypypzwh,ypyzczh,ssxkcyr,ssxkcyryw,ssxkcyrdz,ssxkcyrdzyw,ypscqymc,scdz,ypbm,ypbmbz,qymczw,qymcyw,scdzzw,scdzyw,dzgjhdqScc,sccszgdqyw,qymcGs,gsmcyw,gsdzzw,gsdzyw,gsszgdqzw,gsszgdqyw,fbzpzwh,fbzwhpzrq,fbzpzwhyxq,qymcFbz,scdzFbz };
+      this.changeDescriptions(this.descriptions,...Object.values(objtwo))
+    },
+    // 国产化妆品
+    async getGccp(res){
+      let data = await this.$api.productDetails.gccp(res);
+      let { mc,lxr,aa,bah,zz,qy,dz } = data.data;
+      let obj = { mc,lxr,aa,bah,zz,qy,dz }
+      this.changeDescriptions(this.descriptionsTwo,...Object.values(obj))
+    },
+    // 国产特殊化妆品
+    async gctshzp(res){
+      let data = await this.$api.productDetails.gctshzp(res);
+      console.log(data)
+    },
+    // 进口化妆品
+    async jkcp(res) {
+      let data = await this.$api.productDetails.jkcp(res);
+      let { mc,lxr,aa,bah,zz,qy,dz } = data.data;
+      let obj = { mc,lxr,aa,bah,zz,qy,dz }
+      this.changeDescriptions(this.descriptionsThree,...Object.values(obj))
+    },
+    // 进口特殊化妆品
+    async jktshzp(res){
+      let data = await this.$api.productDetails.gccp(res);
+      console.log(data)
+    },
   },
-  // 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";
-.drugBasicInfo {
-  // overflow-y: scroll;
-  // height: vh(783);
-}
 </style>

src/views/firmContent/drugInfo/drugBasicInfo/qxBasicInfo/index.vue

@@ -0,0 +1,267 @@
+<template>
+  <block-header title="基本信息">
+    <el-descriptions :column="2" :colon="false" border labelClassName='labelClassName' contentClassName="contentClassName">
+      <el-descriptions-item label="产品名称">{{ cpmc }}</el-descriptions-item>
+      <el-descriptions-item label="注册厂家"></el-descriptions-item>
+      <el-descriptions-item label="统一社会信用代码">{{ shxydm }}</el-descriptions-item>
+      <el-descriptions-item label="生产地址">{{ scdz }}</el-descriptions-item>
+      <el-descriptions-item label="注册人住所/备案人注册地址">{{ sczdz }}</el-descriptions-item>
+      <el-descriptions-item label="注册人/备案人所在地区">{{ zcrszx }}</el-descriptions-item>
+      <el-descriptions-item label="注册人/备案人所在市">{{ zcrszshi }}</el-descriptions-item>
+      <el-descriptions-item label="产品类型">{{ cplx }}</el-descriptions-item>
+      <el-descriptions-item label="行政区划代码">{{ xzqydm }}</el-descriptions-item>
+      <el-descriptions-item label="结构特征">{{ ylqxjgtz }}</el-descriptions-item>
+      <el-descriptions-item label="注册证编号/备案号">{{ zczh }}</el-descriptions-item>
+      <el-descriptions-item label="创新产品">{{ sfCxcp }}</el-descriptions-item>
+      <el-descriptions-item label="分类编码">{{ ylqxflbm }}</el-descriptions-item>
+      <el-descriptions-item label="产品管理类别">{{ cplb }}</el-descriptions-item>
+      <el-descriptions-item label="结构及组成或主要组成部分" span="2">{{ jgjzccf }}</el-descriptions-item>
+      <el-descriptions-item label="结构及组成或主要组成部分附件" span="2">
+        <div class="fileBox">
+          <span>
+            <i class="el-icon-s-marketing"></i>
+          </span>
+          <div>{{ jgjzccffj }}</div>
+          <div class="file-icon">
+            <!-- jgjzccflj  下载地址字段 -->
+            <i class="el-icon-download"></i>
+            下载
+          </div>
+        </div>
+      </el-descriptions-item>
+      <el-descriptions-item label="适用范围或预期用途" span="2">{{ cpsyfw }}</el-descriptions-item>
+      <el-descriptions-item label="适用范围或预期用途附件" span="2">
+        <div class="fileBox">
+          <span>
+            <i class="el-icon-s-marketing"></i>
+          </span>
+          <div>{{ cpsyfwfj }}</div>
+          <div class="file-icon">
+            <!-- cpsyfwlj -->
+            <i class="el-icon-download"></i>
+            下载
+          </div>
+        </div>
+      </el-descriptions-item>
+      <el-descriptions-item label="规格型号/包装规格" span="2">{{ xhgg }}</el-descriptions-item>
+      <el-descriptions-item label="规格型号/包装规格附件" span="2">
+        <div class="fileBox">
+          <span>
+            <i class="el-icon-s-marketing"></i>
+          </span>
+          <div>{{ xhggfj }}</div>
+          <div class="file-icon" @click="downloadFile(xhgglj)">
+            <!-- xhgglj -->
+            <i class="el-icon-download"></i>
+            下载
+          </div>
+        </div>
+      </el-descriptions-item>
+      <el-descriptions-item label="产品存储条件/产品有效期" span="2">{{ cpyxq }}</el-descriptions-item>
+      <el-descriptions-item label="批准日期">{{ pzrq }}</el-descriptions-item>
+      <el-descriptions-item label="生效日期">{{ sxrq }}</el-descriptions-item>
+      <el-descriptions-item label="批准有效期">{{ pzyxq }}</el-descriptions-item>
+      <el-descriptions-item label="批准有效期至疫情结束">{{ pzyxqzyqjs }}</el-descriptions-item>
+      <el-descriptions-item label="产品技术要求" span="2">{{ cpjsyq }}</el-descriptions-item>
+      <el-descriptions-item label="产品技术要求附件" span="2">
+        <div class="fileBox">
+          <span>
+            <i class="el-icon-s-marketing"></i>
+          </span>
+          <div>A项目检验报告.doc</div>
+          <div class="file-icon">
+            <!-- cpjsyqlj -->
+            <i class="el-icon-download"></i>
+            下载
+          </div>
+        </div>
+      </el-descriptions-item>
+      <el-descriptions-item label="产品状态"></el-descriptions-item>
+      <el-descriptions-item label="首次上报标志">{{ isUpload == 1 ? "是":"否" }}</el-descriptions-item>
+      <el-descriptions-item label="审批部门/备案部门">{{ spbm }}</el-descriptions-item>
+      <el-descriptions-item label="注册证状态/备案凭证状态">{{ ppztDm }}</el-descriptions-item>
+      <el-descriptions-item label="注销/撤销/吊销/取消备案时间" span="2">{{ zxsj }}</el-descriptions-item>
+      <el-descriptions-item label="原注册证号">{{ yzczh }}</el-descriptions-item>
+      <!-- xkztpfjId附件id字段 -->
+      <el-descriptions-item label="许可证图片附件"></el-descriptions-item>
+      <el-descriptions-item label="延续注册次数">{{ yxzccs }}</el-descriptions-item>
+      <el-descriptions-item label="联系人">{{ lxr }}</el-descriptions-item>
+      <el-descriptions-item label="电话号码">{{ lxdh }}</el-descriptions-item>
+      <el-descriptions-item label="传真">{{ cz }}</el-descriptions-item>
+      <el-descriptions-item label="电子邮箱">{{ dzyx }}</el-descriptions-item>
+      <el-descriptions-item label="是否为优先注册产品">{{ sfYxz }}</el-descriptions-item>
+      <el-descriptions-item label="是否为应急注册产品">{{ sfYjzccp }}</el-descriptions-item>
+      <el-descriptions-item label="是否为组合包装类产品">{{ sfZhlcp }}</el-descriptions-item>
+      <el-descriptions-item label="是否为一次性适用产品">{{ sfYcxsycp }}</el-descriptions-item>
+      <el-descriptions-item label="是否为附条件审批产品">{{ sfFjtjspcp }}</el-descriptions-item>
+      <!-- smslj -->
+      <el-descriptions-item label="说明书附件" span="2">{{ sms ? sms:'-' }}</el-descriptions-item>
+      <el-descriptions-item label="变更内容" span="2">{{ bgqk }}</el-descriptions-item>
+      <el-descriptions-item label="变更日期" span="2">{{ bgrq }}</el-descriptions-item>
+      <el-descriptions-item label="变更历史记录" span="2">{{ bglsjl }}</el-descriptions-item>
+      <el-descriptions-item label="其他内容" span="2">{{ qtnr }}</el-descriptions-item>
+      <el-descriptions-item label="备注" span="2">{{ bz }}</el-descriptions-item>
+    </el-descriptions>
+  </block-header>
+</template>
+<script>
+import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
+import downloadFilebox from "@/views/firmContent/components/downloadFileBox/index.vue"
+export default {
+  data() {
+    return {
+      files:[
+        {
+          id:1,
+          name:'A项目检验报告.pdf',
+          size:'44KB',
+        }
+      ],
+      cpmc:'-',
+      shxydm:'-',
+      scdz:'-',
+      sczdz:'-',
+      zcrszx:'-',
+      zcrszshi:'-',
+      cplx:'-',
+      xzqydm:'-',
+      ylqxjgtz:'-',
+      zczh:'-',
+      sfCxcp:'-',
+      ylqxflbm:'-',
+      cplb:'-',
+      jgjzccf:'-',
+      jgjzccffj:'-',
+      cpsyfw:'-',
+      cpsyfwfj:'-',
+      xhgg:'-',
+      xhggfj:'-',
+      cpyxq:'-',
+      pzrq:'-',
+      sxrq:'-',
+      pzyxq:'-',
+      pzyxqzyqjs:'-',
+      cpjsyq:'-',
+      isUpload:'-',
+      spbm:'-',
+      ppztDm:'-',
+      zxsj:'-',
+      yzczh:'-',
+      yxzccs:'-',
+      lxr:'-',
+      lxdh:'-',
+      cz:'-',
+      dzyx:'-',
+      sfYxz:'-',
+      sfYjzccp:'-',
+      sfZhlcp:'-',
+      sfYcxsycp:'-',
+      sfFjtjspcp:'-',
+      sms:'-',
+      bgqk:'-',
+      bgrq:'-',
+      bglsjl:'-',
+      qtnr:'-',
+      bz:'-',
+      xhgglj:null,
+    }
+  },
+  props:['myzczh'],
+  components:{blockHeader,downloadFilebox},
+  methods:{
+    async ylqxJnyelcp(){
+      let data = await this.$api.productDetails.ylqxJnyelcp(this.myzczh);
+      this.cpmc = data.data.cpmc;
+      this.shxydm = data.data.shxydm;
+      this.scdz = data.data.scdz;
+      this.sczdz = data.data.sczdz;
+      this.zcrszx = data.data.zcrszx;
+      this.zcrszshi = data.data.zcrszshi;
+      this.cplx = data.data.cplx;
+      this.xzqydm = data.data.xzqydm;
+      this.ylqxjgtz = data.data.ylqxjgtz;
+      this.zczh = data.data.zczh;
+      this.sfCxcp = data.data.sfCxcp;
+      this.ylqxflbm = data.data.ylqxflbm;
+      this.cplb = data.data.cplb;
+      this.jgjzccf = data.data.jgjzccf;
+      this.jgjzccffj = data.data.jgjzccffj;
+      this.cpsyfw = data.data.cpsyfw;
+      this.cpsyfwfj = data.data.cpsyfwfj;
+      this.xhgg = data.data.xhgg;
+      this.xhggfj = data.data.xhggfj;
+      this.cpyxq = data.data.cpyxq;
+      this.pzrq = data.data.pzrq;
+      this.sxrq = data.data.sxrq;
+      this.pzyxq = data.data.pzyxq;
+      this.pzyxqzyqjs = data.data.pzyxqzyqjs;
+      this.cpjsyq = data.data.cpjsyq;
+      this.isUpload = data.data.isUpload;
+      this.spbm = data.data.spbm;
+      this.ppztDm = data.data.ppztDm;
+      this.zxsj = data.data.zxsj;
+      this.yzczh = data.data.yzczh;
+      this.yxzccs = data.data.yxzccs;
+      this.lxr = data.data.lxr;
+      this.lxdh = data.data.lxdh;
+      this.cz = data.data.cz;
+      this.dzyx = data.data.dzyx;
+      this.sfYxz = data.data.sfYxz;
+      this.sfYjzccp = data.data.sfYjzccp;
+      this.sfZhlcp = data.data.sfZhlcp;
+      this.sfYcxsycp = data.data.sfYcxsycp;
+      this.sfFjtjspcp = data.data.sfFjtjspcp;
+      this.sms = data.data.sms;
+      this.bgqk = data.data.bgqk;
+      this.bgrq = data.data.bgrq;
+      this.bglsjl = data.data.bglsjl;
+      this.qtnr = data.data.qtnr;
+      this.bz = data.data.bz;
+      this.xhgglj = data.data.xhgglj;
+    },
+    downloadFile(url){
+      console.log(url)
+    }
+  },
+  mounted(){
+    this.ylqxJnyelcp()
+  }
+}
+</script>
+<style lang="scss" scoped>
+@import "@/assets/styles/utils.scss";
+::v-deep .el-descriptions__body {
+  .labelClassName{
+    background-color: #F7FAFC;
+    width: vw(246);
+    font-size: vw(16);
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #6A6C6F;
+  }
+  .contentClassName{
+    font-size: vw(16);
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #292F38;
+    .my--file {
+      display: flex;
+      flex-direction: column;
+      width: 95%;
+    }
+  }
+  .fileBox {
+    margin-top: 8px;
+    display: flex;
+    color: #333;
+    cursor: pointer;
+    & > span {
+      font-size: 14px;
+    }
+    .file-icon {
+      color: #02d1a6;
+      margin-left: 40px;
+    }
+  }
+}
+</style>

src/views/firmContent/drugInfo/index.vue

@@ -3,9 +3,9 @@
     <div class="drugInfo-top">
       <div class="top-left">
         <div class="drug-name">
-          <span>药品通用名称：</span>
+          <span v-if="isYppzwh">药品通用名称：</span>
-          <!-- <span class="Name">{{ 暂无 }}</span> -->
+          <span v-else>产品名称：</span>
-          <span class="Name">暂无</span>
+          <span class="Name">{{ name }}</span>
         </div>
         <div class="drug-tag">
           <span v-for="item in tags" :key="item.id">{{ item.name }}</span>
@@ -111,6 +111,9 @@ export default {
       goback:true,
       id:null,
       token:null,
+      isYppzwh:false,
+      isHzp:false,
+      isTsHzp:false,
     }
   },
   components:{
@@ -158,7 +161,37 @@ export default {
       let windowHeight = window.innerHeight;
       let relativeHeight = windowHeight - height.top - 10
       this.drugExitStyle.height = relativeHeight + 'px'
-    }
+    },
+    // 药品
+    async getVRdgYpwhGxwz(res){
+      let data = await this.$api.productDetails.vRdgYpwhGxwz(res);
+      this.name = data.data.yptymc;
+    },
+    // 医疗器械
+    async ylqxJnyelcp(res){
+      let data = await this.$api.productDetails.ylqxJnyelcp(res); 
+      this.name = data.data.cpmc;
+    },
+    // 国产化妆品
+    async getGccp(res){
+      let data = await this.$api.productDetails.gccp(res); 
+      this.name = data.data.mc;
+    },
+    // 国产特殊化妆品
+    async gctshzp(res){
+      let data = await this.$api.productDetails.gctshzp(res); 
+      this.name = data.data.cpmc;
+    },
+    // 进口化妆品
+    async jkcp(res) {
+      let data = await this.$api.productDetails.jkcp(res); 
+      this.name = data.data.mc;
+    },
+    // 进口特殊化妆品
+    async jktshzp(res){
+      let data = await this.$api.productDetails.gccp(res); 
+      this.name = data.data.cpmc;
+    },
   },
   // watch: {
   //   $route: {
@@ -202,10 +235,37 @@ export default {
     // this.row = this.$route.params.row;
     let search = window.location.search.slice(1);
     let params = search.split('&');
-    if (params[0].includes('b')) {
+    let paramsLabel = params[2].split('=')[0]
-      this.id = params[0].split('=')[1]
+    this.id = params[0].split('=')[1];
-      this.token = params[1].split('=')[1]
+    this.token = params[1].split('=')[1];
+    if (paramsLabel == 'yppzwh') {
+      this.isYppzwh = true;
+      this.getVRdgYpwhGxwz(params[2].split('=')[1]);
+    } else if(paramsLabel == 'qxzczh') {
+      this.ylqxJnyelcp(params[2].split('=')[1]);
+    } else if(paramsLabel == 'bah') {
+      // 判断是哪种化妆品
+      let cosmeticsType = params[3].split('=')[1];
+      if(cosmeticsType == '1') {
+        // 国产化妆品
+        this.getGccp(params[2].split('=')[1]);
+      } else if(cosmeticsType == '3') {
+        // 进口化妆品
+        this.jkcp(params[2].split('=')[1]);
+      }
+    } else if(paramsLabel == 'zczh') {
+      // 判断是哪种特殊化妆品
+      let cosmeticsType = params[3].split('=')[1];
+      if(cosmeticsType == '2') {
+        // 国产特殊化妆品
+        this.gctshzp(params[2].split('=')[1]);
+      } else if(cosmeticsType == '4') {
+        // 进口特殊化妆品
+        this.jktshzp(params[2].split('=')[1]);
       }
+    }
+
+    // 判断是用⌈ 返回 ⌋ 还是用⌈ X ⌋ 用来返回上一级
     if(this.id == '1') {
       this.goback = true;
     } else {

src/views/firmContent/index.vue

@@ -1,342 +0,0 @@
-<template>
-  <div class="affair">
-    <div class="affair-title">
-      <img src="@/assets/images/home/location.png" alt="" />
-      <p style="margin: 0 20px 0 0"><span>企业门户 / </span>企业中心</p>
-      <el-dropdown
-        size="mini"
-        split-button
-        type="primary"
-        trigger="click"
-        @command="handleCommand"
-      >
-        {{ TestName }}
-        <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item
-            :command="item"
-            v-for="(item, index) in TestLise"
-            :key="index"
-            >{{ item.businessDomainName }}</el-dropdown-item
-          >
-        </el-dropdown-menu>
-      </el-dropdown>
-    </div>
-    <div class="affair-main">
-      <div class="main-left" v-if="num">
-        <div
-          v-for="(name, index) in typeName"
-          class="left-tabs"
-          :class="active == index ? 'active-tabs' : ''"
-          @click="activeTabs(index, name)"
-          :key="index"
-        >
-          <span>{{ name }}</span>
-        </div>
-      </div>
-      <div class="main-right">
-        <router-view></router-view>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import TestLise from "@/utils/TestList.js";
-export default {
-  name: "firmContent",
-  data() {
-    return {
-      activeName: "first",
-      active: 0,
-      toPath: [],
-      num: true,
-      typeName: [],
-      componentsRoute: "firmInfo",
-
-      // 测试切换企业
-      TestName: "测试切换企业",
-      TestLise: TestLise,
-    };
-  },
-  methods: {
-    activeTabs(id, name) {
-      this.active = id;
-      /*
-      * 由于此页面有监听路由变化，点击切换左侧tabs时会监听到就会重新调取getFrimType()会导致给localStorage存储的currentFrimTypeName重新赋值，
-      * 导致子页面显示不正确tabs切换了，currentFrimTypeName被重新赋值存储typeName的第【0】项，子页面的内容不会发生改变
-      * 所以如果触发此事件⌈ activeTabs() ⌋说明该企业的经营类型肯定不止一个，所以localStorage存储的currentFrimTypeNameIsClick就是用来记录切换企业
-      * 的经营类型了在此方法里⌈ activeTabs() ⌋又对localStorage存储的currentFrimTypeName进行了最新点击的赋值，路由传参query带的typeName
-      * 发生了变化路由监听会继续调用getFrimType()方法 此时localStorage存储的currentFrimTypeNameIsClick为true⌈ 字符串 ⌋所以getFrimType()方法
-      * 里对localStorage存储的currentFrimTypeNameIsClick进行了判断不会对localStorage存储的currentFrimTypeName重新赋值为typeName的第【0】项，
-      * 子页面内容就会发生变化了
-      */ 
-      // 同一个路由传递参数变化才能监听到路由的变化继而进行内容的切换
-      this.$router.push({ name: "firmInfo", query: { typeName: name } });
-      // 存储当前点击的经营类型
-      localStorage.setItem("currentFrimTypeName", JSON.stringify(name));
-      // 记录是否点击过tabs切换
-      localStorage.setItem("currentFrimTypeNameIsClick", true);
-    },
-    getFrimType(type) {
-      if (type.includes("化妆品生产")) {
-        // 化妆品生产
-        this.typeName.push("化妆品生产");
-      }
-      if (type.includes("药品上市许可持有人")) {
-        // 药品上市许可持有人
-        this.typeName.push("药品上市许可持有人");
-      }
-      if (type.includes("药品生产企业")) {
-        // 药品生产
-        this.typeName.push("药品生产");
-      }
-      if (type.includes("医疗机构制剂室")) {
-        // 制剂室
-        this.typeName.push("制剂室");
-      }
-      if (type.includes("药品批发企业")) {
-        // 药品经营
-        this.typeName.push("药品经营");
-      }
-      if (type.includes("药品零售连锁总部")) {
-        // 药品经营
-        this.typeName.push("药品经营");
-      }
-      if (type.includes("器械生产")) {
-        // 器械生产
-        this.typeName.push("器械生产");
-      }
-      if (type.includes("GCP机构")) {
-        // 临床试验
-        this.typeName.push("临床试验");
-      }
-      // 存储数组类型  企业的经营类型
-      localStorage.setItem("typeName", JSON.stringify(this.typeName));
-      // 判断是否点击过切换企业经营类型，点击过就不重置存储的currentFrimTypeName
-      if (localStorage.getItem("currentFrimTypeNameIsClick") !== 'true') {
-        // 存储默认第一项的经营类型  ⌈ 字符串类型 ⌋
-        localStorage.setItem("currentFrimTypeName",JSON.stringify(this.typeName[0]));
-      }
-    },
-    async getData() {
-      let frimInfo = JSON.parse(localStorage.getItem("frimCenterInfo"));
-      // 将该企业的经营类型转成数组类型
-      let businessDomainName = frimInfo.businessDomainName.split(",");
-      // 判断该企业的经营类型是否超过一种如果超过一种显示侧边切换tabs
-      if (businessDomainName.length > 1) {
-        this.num = true;
-      } else {
-        this.num = false;
-      }
-      // 将该企业的所有经营方式添加到一个数组中 并存储第一种经营方式
-      this.getFrimType(businessDomainName);
-
-      // let getAllTypeCount = await this.$api.frimCenter.getAllTypeCount();
-      // let six = {
-      //   "pageNum": 1,
-      //   "pageSize": 10,
-      //   "licenseCode": frimInfo.uniscid,
-      //   type: frimInfo.businessDomainName
-      // }
-
-      // let licenseRecord = await this.$api.frimCenter.licenseRecord(six);
-      // console.log("3",getAllTypeCount);
-      // console.log("6",licenseRecord);
-    },
-    handleCommand(command) {
-      console.log(command)
-      localStorage.setItem("frimCenterInfo",JSON.stringify(command))
-      localStorage.setItem("currentFrimTypeNameIsClick",false)
-      this.$router.push({name:'basicInfo'})
-      location.reload();
-    },
-  },
-  async mounted() {
-    // let frimInfo = JSON.parse(localStorage.getItem("loginName"));
-    // let data = {
-    //   "corpName": "",
-    //   "uniscid": "",
-    //   "location": "",
-    //   "enterpriseStatusId": "",
-    //   "licenseCode": "",
-    //   "type": [],
-    //   "startDate": "",
-    //   "endDate": "",
-    //   "pageNum": 1,
-    //   "pageSize": 10
-    // }
-    // let info = await this.$api.frimCenter.getEnterpriseLicenseByPage(data);
-    // localStorage.setItem('frimCenterInfo',JSON.stringify(info.result.list[3]))
-    // this.$nextTick(()=>{
-    //   let businessDomainName = info.result.list[3].businessDomainName.split(',');
-    //   if(businessDomainName.length > 1){
-    //     this.num = true;
-    //   }
-    // })
-    // this.getFrimType(businessDomainName)
-    // let businessLicense = await this.$api.frimCenter.businessLicense(info.result.list[0].uniscid);
-    // let getAllTypeCount = await this.$api.frimCenter.getAllTypeCount();
-    // let four = {
-    //   "pageNum": 1,
-    //   "pageSize": 10,
-    //   "uniscid": info.result.list[0].uniscid,
-    //   "type": info.result.list[0].businessDomainName
-    // }
-    // let six = {
-    //   "pageNum": 1,
-    //   "pageSize": 10,
-    //   "licenseCode": info.result.list[3].uniscid,
-    //   type: info.result.list[3].businessDomainName
-    // }
-    // let getEnterpriseLicenseList = await this.$api.frimCenter.getEnterpriseLicenseList(four);
-    // let xkxx = await this.$api.frimCenter.licenseInformation({'licenseCode':info.result.list[0].xkzbh,'type':info.result.list[0].businessDomainName});
-    // let xkxx = await this.$api.frimCenter.licenseInformation(info.result.list[0].xkzbh,info.result.list[0].businessDomainName);
-    // let licenseRecord = await this.$api.frimCenter.licenseRecord(six);
-    // console.log("1",info);
-    // console.log("2",businessLicense);     // 头部的 企业信息  目前极创企业的数据是空的
-    // console.log("3",getAllTypeCount);
-    // console.log("4",getEnterpriseLicenseList);
-    // console.log("5",xkxx);
-    // console.log("6",licenseRecord);
-  },
-  async created() {
-    this.getData();
-    this.TestName = JSON.parse(
-      localStorage.getItem("frimCenterInfo")
-    ).businessDomainName;
-  },
-  watch: {
-    $route: {
-      handler(to, from) {
-        // console.log('firmContent的路由监听',to)
-        // console.log(to.path);
-        if (JSON.parse(localStorage.getItem("currentFrimTypeName"))) {
-          let arr = JSON.parse(localStorage.getItem("typeName"));
-          // 遍历该企业的所有经营类型，上方的左侧tabs是遍历该数组，根据数组里的经营方式是否等于存储的当前点击的经营方式切换选中状态
-          arr.map((item, index) => {
-            if (
-              item == JSON.parse(localStorage.getItem("currentFrimTypeName"))
-            ) {
-              this.active = index;
-            }
-          });
-        }
-      },
-      immediate: true, //第一次就执行
-    },
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import "@/assets/styles/utils.scss";
-p {
-  margin: 0;
-}
-
-// $bg-height: vh(60);
-.affair {
-  padding: vh(12) vw(18) 0 vw(18);
-  // min-height: calc(100vh - $bg-height / 1080 * 100vh);
-  // height: 100%;
-  background-image: url("../../assets/images/home/banner.png");
-  background-size: 100% 100%;
-  .affair-title {
-    padding: 0 0 vh(10) vw(51);
-    display: flex;
-    align-items: center;
-    img {
-      width: (16);
-      height: vh(18);
-      margin-right: vw(10);
-    }
-    p {
-      font-size: 14px;
-      font-family: Microsoft YaHei;
-      font-weight: 400;
-      color: #8e8e8e;
-      line-height: 17px;
-      span {
-        color: #292f38;
-      }
-    }
-  }
-  .affair-main {
-    display: flex;
-    // justify-content: flex-end;
-    min-height: 90vh;
-
-    .main-left {
-      visibility: visible;
-      display: flex;
-      flex-direction: column;
-      // height: vh(430);
-      margin-top: vh(9);
-
-      .left-tabs {
-        // width: vw(40);
-        // height: vh(113);
-        text-align: center;
-        padding: vh(25) vw(15);
-        background: url("../../assets/images/home/default-bg.png") no-repeat;
-        background-size: 100% 100%;
-        cursor: pointer;
-        margin: 0;
-
-        span {
-          // display: inline-block;
-          font-size: vw(16);
-          // width: vw(20);
-          // height: vh(200);
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          color: #8d8d8d;
-          /*文字居中*/
-
-          /*文字竖排*/
-          writing-mode: vertical-lr; /*从左向右 从右向左是 writing-mode: vertical-rl;*/
-          writing-mode: tb-lr; /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
-        }
-      }
-      .active-tabs {
-        background: url("../../assets/images/home/active-bg.png") no-repeat;
-        background-size: 100% 100%;
-        span {
-          font-size: vw(16);
-          font-family: Source Han Sans CN;
-          font-weight: 500;
-          color: #ffffff;
-          text-shadow: 0px 2px 6px rgba(15, 88, 209, 0.77);
-        }
-      }
-    }
-    .main-right {
-      flex: 1;
-      min-height: 90vh;
-      ::v-deep .el-tabs__nav-scroll {
-        padding: vh(5) 0 vh(5) vw(23);
-      }
-      ::v-deep .el-tabs__item {
-        font-size: vw(16);
-        font-family: Source Han Sans CN;
-        font-weight: 500;
-        color: #8e8e8e;
-      }
-      ::v-deep .is-active {
-        color: #292f38;
-        font-size: vw(17);
-        font-family: Source Han Sans CN;
-        font-weight: bold;
-      }
-      ::v-deep .el-tabs__active-bar {
-        height: vh(5);
-        border-radius: vw(50);
-        // width: vw(42) !important;
-        bottom: vh(-5);
-      }
-      ::v-deep .el-tabs__nav-wrap::after {
-        background-color: #edeef0;
-        height: vh(1.5);
-      }
-    }
-  }
-}
-</style>