优化

src/App.vue

@@ -5,6 +5,7 @@
 </template>
 
 <script>
+import { Message } from "element-ui";
 export default {
   name: "App",
   metaInfo() {
@@ -20,31 +21,29 @@ export default {
     };
   },
   mounted() {
-    setTimeout(async () => {
-   let Authentication = await this.$api.login.frimLogin();
-      localStorage.setItem(
-        "Authentication",
-        Authentication.data.result.userToken
-      );
-}, 25200000);
-    //! 冒陈-permission request
-    /* 
-      /static/
-      /usr/share/nginx/html/ggfw
-
-      sudo mv ggfw.zip /usr/share/nginx/html/ggfw  在 MSSM-Dev 文件夹下 移动压缩包到 ggfw文件夹下
-
-      cd /usr/share/nginx/html/ggfw 移动到文件夹下
-
-      unzip ggfw.zip -d .  解压
-
-      rm ./ggfw.zip 删除当前目录下的压缩包 弹出确定删除 打 y 并回车
-      
-    */
-    /* 
-
-
-   */
+    // 获取地址栏参数
+    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;
+    });
+    if (obj.token) {
+      localStorage.setItem("MSSM-LIAONING__TOKEN", obj.token);
+    } else {
+      this.$alert("暂无token",'提示', {
+        confirmButtonText: "返回",
+        callback: (action) => {
+          this.$router.go(-1);
+        },
+      });
+    }
+    this.$store.commit("app/URLChange", obj);
   },
 };
 </script>
@@ -53,6 +52,7 @@ export default {
   width: 0 !important;
 }
 ::-webkit-scrollbar {
-  width: 0 !important;height: 0;
+  width: 0 !important;
+  height: 0;
 }
 </style>

src/api/cosmetics/index.js

@@ -34,5 +34,12 @@ export default {
             url: `/pharmaceuticals/vRdgYpwhGxwz/${e}`,
             method: "get",
         })
+    },
+    //通过注册证编号查询单条器械品种数据
+    getQiXie(e){
+        return request({
+            url: `/pharmaceuticals/ylqxJnyelcp/${e}`,
+            method: "get",
+        })
     }
 }

src/permission.js

@@ -13,125 +13,18 @@ NProgress.configure({ showSpinner: false });
 
 const whiteList = ["/login", "/register"];
 router.beforeEach(async (to, from, next) => {
-  if (to.name) NProgress.start();
-  // 这个判断是不行的，暂时先这样
-  // if(!localStorage.getItem("Authentication")) {
-  //   let Authentication = await API.login.frimLogin();
-  //   localStorage.setItem("Authentication", Authentication.data.result.userToken);
-  //   let data = {
-  //     "corpName": "",
-  //     "uniscid": "",              // 社会信用代码
-  //     "location": "",
-  //     "enterpriseStatusId": "",
-  //     "licenseCode": "",
-  //     "type": [],
-  //     "startDate": "",
-  //     "endDate": "",
-  //     "pageNum": 5,    //5
-  //     "pageSize": 10
-  //   }
-  //   let info = await API.frimCenter.getEnterpriseLicenseByPage(data);
-  //   localStorage.setItem('frimCenterInfo',JSON.stringify(info.result.list[7]))   //6
-  // }
-
-  let obj = {
-    entCode: "91320594MA1YXGLG8L",      // 社会信用代码
-    // entCode: "91211000055695073L",
-    entName: "苏州极创澜海科技有限公司",
-    idsextcorpAuth: "1",
-    idsextcreditID: "+f9KOHgG8vZ3SWg63fqKieE/7WaZUYR1",
-    idsextcreditType: "",
-    idsextjbrCreditID: "4xZNBCCEs1hSmqymq7jfZuE/7WaZUYR1",
-    idsextjbrtel: "/7AvIbKF3hhrYDZYpevYTQ==",
-    idsextrelNameAuth: "",
-    mobile: "",
-    relPerson: "韩斌斌",
-    score: "2",
-    token: "sso_username:60800920",
-    trueName: "吴顺杰",
-    userId: "60800920",
-    userName: "suzhoujichuang",
-  };
-  localStorage.setItem("loginName", JSON.stringify(obj));
-  localStorage.setItem("Ls-Token", obj.token);
-
-  if (localStorage.getItem("loginName")) {
-    // TODO 这里是临时的登录
-    if (
-      !localStorage.getItem("Authentication") ||
-      !localStorage.getItem("Ls-Token")
-    ) {
-      Cookies.set("logTime", Date.now());
-      // 现在token还没改，所以要登录一下那token
-      // 
-      let Authentication = await API.login.frimLogin();
-      localStorage.setItem(
-        "Authentication",
-        Authentication.data.result.userToken
-      );
-      //   localStorage.setItem(
-      //   "Authentication",
-      //   localStorage.getItem("MSSM-LIAONING__TOKEN")
-      // );
-      let data = {
-        corpName: "",
-        uniscid: JSON.parse(localStorage.getItem("loginName")).entCode, // 社会信用代码
-        location: "",
-        enterpriseStatusId: "",
-        licenseCode: "",
-        type: [],
-        startDate: "",
-        endDate: "",
-        pageNum: 1,
-        pageSize: 10,
-      };
-      let info = await API.frimCenter.getEnterpriseLicenseByPage(data);
-      localStorage.setItem(
-        "frimCenterInfo",
-        JSON.stringify(info.result.list[0])
-      ); //6
-      // 请求头区分登录--不是正式token
-      localStorage.setItem(
-        "Ls-Token",
-        JSON.parse(localStorage.getItem("loginName")).token
-      );
-    }
-    next();
+  let token = localStorage.getItem('MSSM-LIAONING__TOKEN')
+  if (token) {
+    next()
   } else {
-    localStorage.setItem("Login_index", "0");
-    const queryString = window.location.search; // 获取完整查询字符串，例如 "?name=John&age=30"
-    if (queryString == "" || queryString == undefined || queryString == null) {
-      // !本地使用
-      // let hrefa = process.env.VUE_APP_DAN_Dian;
-      // location.href = "https://dev-mssm-liaoning.imian.org.cn/ggfw-api/pharmaceuticals/singleSignOn/getSessionId";
-      // !外地使用
-      location.href = `${location.origin}${process.env.VUE_APP_URL}/pharmaceuticals/singleSignOn/getSessionId`;
-    }
-    const url = location.href;
-
-    const regex = /sessionId=([^#]+)/;
-    const matchResult = url.match(regex);
-    const queryStringtow = matchResult[1];
-    //  router.history.pending.query["sessionId"],
-    let result = await API.Zhaohui.getUserIfo({
-      sessionId: queryStringtow,
+    this.$alert("暂无token",'提示', {
+      confirmButtonText: "返回",
+      callback: (action) => {
+        this.$router.go(-1);
+      },
     });
-    if (result.code == 200) {
-      localStorage.setItem("loginName", JSON.stringify(result.data));
-
-      // let text = location.href;
-      // location.href = text.split("?")[0];
   }
-  }
-
-  if (to.path.split("/")[1] == "dw") {
-    next();
-  }
-  if (to.path.split("/")[1] == "no-top") {
-    next();
-  }
-});
-
+})
 router.afterEach(() => {
   NProgress.done();
 });

src/utils/request.js

@@ -34,7 +34,7 @@ service.interceptors.request.use(
     // 是否需要防止数据重复提交
     const isRepeatSubmit = (config.headers || {}).repeatSubmit === false;
     if (isToken) {
-      config.headers["Authentication"] = localStorage.getItem("Authentication");
+      config.headers["Authentication"] = localStorage.getItem("MSSM-LIAONING__TOKEN");
     }
     // get请求映射params参数
     if (config.method === "get" && config.params) {
@@ -83,7 +83,6 @@ service.interceptors.request.use(
     return config;
   },
   (error) => {
-    console.log(error);
     Promise.reject(error);
   }
 );
@@ -103,7 +102,6 @@ service.interceptors.response.use(
     ) {
       return res.data;
     }
-    console.log("454545", code);
     if (code === 401) {
       if (!isRelogin.show) {
         isRelogin.show = true;

src/views/firmContent/components/dialogTitle/index.vue

@@ -59,6 +59,9 @@ export default {
 <style lang="scss" scoped>
 @import "@/assets/styles/utils.scss";
 
+::v-deep .el-dialog__body{
+  margin-bottom:10px;
+}
 .dialog-slot {
   padding: 0;
   .closeClick {

src/views/firmContent/drugInfo/PZchouyang/PZchouyang.vue

@@ -1,5 +1,31 @@
 <template>
   <div class="pzChouyang">
+    <div class="drug-input">
+      <div class="inputs">
+        <div class="rank">
+          <div class="input--label">抽样级别：</div>
+          <el-select v-model="value" placeholder="请选择抽样级别">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </div>
+        <div class="number">
+          <div class="input--label">抽样编号：</div>
+          <div>
+            <el-input v-model="name" :placeholder="'请输入抽样编号'"></el-input>
+          </div>
+        </div>
+      </div>
+      <div class="search-btns">
+        <button class="reset" @click="reset">重置</button>
+        <button class="inquire" @click="inquire()">查询</button>
+      </div>
+    </div>
     <block-header title="查询结果">
       <div class="tables">
         <el-table
@@ -98,7 +124,11 @@
           </div>
         </div>
       </div>
-      <component :is="currentComponent" :descriptions="descriptions" :loading="load1"></component>
+      <component
+        :is="currentComponent"
+        :descriptions="descriptions"
+        :loading="load1"
+      ></component>
     </dialog-title>
     <!-- 省抽 -->
     <dialog-title
@@ -153,6 +183,18 @@ import { mapState } from "vuex";
 export default {
   data() {
     return {
+      value: "",
+      name: "",
+      options: [
+        {
+          value: 0,
+          label: "国抽",
+        },
+        {
+          value: 1,
+          label: "省抽",
+        },
+      ],
       tableData: [],
       loading: false,
       action: 1,
@@ -160,11 +202,13 @@ export default {
       // pzChouyangStyle:{
       //   height:''
       // }
-      total: 10,
+      total: 0,
       //药品的参数
       form1: {
         size: 10,
         current: 1,
+        //抽样编号
+        cybh: "",
       },
       //主键
       ids: "",
@@ -495,6 +539,20 @@ export default {
     this.getDAList();
   },
   methods: {
+    inquire() {
+      if (this.urlA.type == "1") {
+      } else if (this.urlA.type == "2") {
+        this.form1.cybh = this.name;
+        this.form1.size = 10;
+        this.form1.current = 1;
+        this.listyp()
+      } else if (this.urlA.type == "3") {
+      }
+    },
+    reset() {
+      this.name = "";
+      this.value = "";
+    },
     getPagination(e) {
       console.log(e);
       this.form1.current = e.page;
@@ -530,11 +588,11 @@ export default {
       let AA = this.$store.state.app.urlA;
       if (AA) {
         // 化妆品
-        if (AA.type == 1) {
-        } else if (AA.type == 2) {
+        if (AA.type == "1") {
+        } else if (AA.type == "2") {
           //药品
           this.listyp();
-        } else if (AA.type == 3) {
+        } else if (AA.type == "3") {
         }
       }
     },
@@ -569,12 +627,12 @@ export default {
       this.ids = row.id;
       console.log(this.ids);
       // 化妆品
-      if (this.urlA.type == 1) {
-      } else if (this.urlA.type == 2) {
+      if (this.urlA.type == "1") {
+      } else if (this.urlA.type == "2") {
         //药品要判断是国抽还是省抽
-        this.idData()
+        this.idData();
         this.$refs.xiangqingDialog.open(row);
-      } else if (this.urlA.type == 3) {
+      } else if (this.urlA.type == "3") {
       }
       // if (index == 1) {
       //   this.$refs.chouyangDialog.open(row);
@@ -753,4 +811,74 @@ export default {
     }
   }
 }
+.drug-input {
+  background: #f5f9fc;
+  padding: vh(40) vw(22);
+  display: flex;
+  align-items: center;
+  .inputs {
+    display: flex;
+    align-items: center;
+    .rank,
+    .number {
+      display: flex;
+      align-items: center;
+      .input--label {
+        font-size: vw(16);
+        font-family: Source Han Sans CN;
+        font-weight: 400;
+        color: #6a6c6f;
+      }
+      ::v-deep .el-input__inner {
+        width: vw(386);
+        height: vw(40);
+        border-radius: vw(2);
+      }
+      ::v-deep .el-select__caret::before {
+        line-height: vw(40);
+      }
+    }
+    .number {
+      margin-left: vw(39);
+    }
+  }
+  .search-btns {
+    margin-left: vw(40);
+    display: flex;
+    align-items: center;
+    .inquire {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border: none;
+      width: vw(64);
+      height: vh(40);
+      background: #1e80eb;
+      border-radius: vw(4);
+      font-size: vw(16);
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      color: #ffffff;
+      line-height: vh(50);
+      margin-left: vw(10);
+      cursor: pointer;
+    }
+    .reset {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: vw(64);
+      height: vh(40);
+      border: vw(1) solid #1e80eb;
+      border-radius: vw(4);
+      background-color: #fff;
+      font-size: vw(16);
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      color: #1e80eb;
+      line-height: vh(50);
+      cursor: pointer;
+    }
+  }
+}
 </style>

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

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

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>{{ pruduct.key  }} ：</span>
           <!-- <span class="Name">{{ 暂无 }}</span> -->
-          <span class="Name">暂无</span>
+          <span class="Name">{{ pruduct.value || '暂无' }}</span>
         </div>
         <div class="drug-tag">
           <span v-for="item in tags" :key="item.id">{{ item.name }}</span>
@@ -33,7 +33,7 @@
           </div>
         </div>
       </div>
-      <div class="drug-input" v-show="action == 2 || action == 3 ">
+      <!-- <div class="drug-input" v-show="action == 2 || action == 3 ">
         <div class="inputs">
           <div class="rank" v-show="action == 2">
             <div class="input--label">抽样级别：</div>
@@ -63,10 +63,10 @@
           <button class="reset" @click="reset">重置</button>
           <button class="inquire" @click="inquire(1)">查询</button>
         </div>
-      </div>
+      </div> -->
       <div class="drug-exit" :style="drugExitStyle">
         <!-- <router-view></router-view> -->
-        <component :is="currentComponent" :transinformation="transinformation"></component>
+        <component :is="currentComponent" :transinformation="transinformation" @getCPName="getCPName"></component>
       </div>
     </div>
   </div>
@@ -88,21 +88,7 @@ export default {
           name:'疗效显著'
         },
       ],
-      options:[
-        {
-          value:0,
-          label:'国抽'
-        },{
-          value:1,
-          label:'省抽'
-        },
-      ],
-      value:'',
       action:1,
-      // action == 3 报告编号 ⌈ 输入框绑定的值 ⌋
-      number:'',
-      // action == 2抽样编号/action == 3患者姓名  ⌈ 输入框绑定的值 ⌋
-      name:'',
       currentComponent:'basicInfo',
       drugExitStyle:{
         height:'',
@@ -111,6 +97,11 @@ export default {
       goback:true,
       id:null,
       token:null,
+      //产品名称
+      pruduct:{
+        key:'某某产品',
+        value:'-'
+      }
     }
   },
   components:{
@@ -119,6 +110,11 @@ export default {
     adverseReaction
   },
   methods:{
+    //获取名称
+    getCPName(e){
+      this.pruduct.key = e.key
+      this.pruduct.value = e.value
+    },
     goBack(){
       this.$router.go(-1)
     },
@@ -145,12 +141,6 @@ export default {
         // this.$router.push({ name:'adverseReaction' })
       } 
     },
-    inquire(){
-      // this.isOne = true;
-    },
-    reset(){
-      // this.isOne = false;
-    },
     getHeight(){
       let dom = document.getElementsByClassName('drug-exit');
       let height = dom[0].getBoundingClientRect();
@@ -330,75 +320,7 @@ export default {
         }
       }
     }
-    .drug-input {
-      background: #F5F9FC;
-      padding: vh(40) vw(22);
-      display: flex;
-      align-items: center;
-      .inputs {
-        display: flex;
-        align-items: center;
-        .rank , .number {
-          display: flex;
-          align-items: center;
-          .input--label {
-            font-size: vw(16);
-            font-family: Source Han Sans CN;
-            font-weight: 400;
-            color: #6A6C6F;
-          }
-          ::v-deep .el-input__inner {
-            width: vw(386);
-            height: vw(40);
-            border-radius: vw(2);
-          }
-          ::v-deep .el-select__caret::before {
-            line-height: vw(40);
-          }
-        }
-        .number {
-          margin-left: vw(39);
-        }
-      }
-      .search-btns {
-        margin-left: vw(40);
-        display: flex;
-        align-items: center;
-        .inquire {
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          border: none;
-          width: vw(64);
-          height: vh(40);
-          background: #1e80eb;
-          border-radius: vw(4);
-          font-size: vw(16);
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          color: #ffffff;
-          line-height: vh(50);
-          margin-left: vw(10);
-          cursor: pointer;
-        }
-        .reset {
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          width: vw(64);
-          height: vh(40);
-          border: vw(1) solid #1e80eb;
-          border-radius: vw(4);
-          background-color: #fff;
-          font-size: vw(16);
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          color: #1e80eb;
-          line-height: vh(50);
-          cursor: pointer;
-        }
-      }
-    }
+
     .drug-exit {
       margin-top: vh(25);
       padding-bottom: vw(20);