From f820b8faca47857b10796090b2101d91b06d4e9c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=8A=B2=E9=BE=99?= <2860996570@qq.com>
Date: Wed, 9 Aug 2023 15:59:37 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9=E4=BA=86bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/blockHeader/index.vue          | 120 +++++----
 .../components/descriptions/index.vue         |   3 +
 .../drugInfo/PZchouyang/PZchouyang.vue        |   7 +-
 .../drugInfo/drugBasicInfo/drugBasicInfo.vue  |   4 +-
 src/views/firmContent/drugInfo/index.vue      | 238 ++++++++++--------
 5 files changed, 219 insertions(+), 153 deletions(-)

diff --git a/src/views/firmContent/components/blockHeader/index.vue b/src/views/firmContent/components/blockHeader/index.vue
index 224a8c1..176882a 100644
--- a/src/views/firmContent/components/blockHeader/index.vue
+++ b/src/views/firmContent/components/blockHeader/index.vue
@@ -7,13 +7,32 @@
       </div>
       <div class="title--right" v-if="edit">
         <div class="anniu--btn--left">
-          <el-button type="primary" plain size="mini" class="informant-btn" @click="sendEdit(0)">
-            <img :src=" clickEdit ? require('@/assets/images/home/chongzhi@2x.png') :require('@/assets/images/home/edit@2x.png')" alt="" />
-            {{ clickEdit ? '重置':'编辑' }}
+          <el-button
+            type="primary"
+            plain
+            size="mini"
+            class="informant-btn"
+            @click="sendEdit(0)"
+          >
+            <img
+              :src="
+                clickEdit
+                  ? require('@/assets/images/home/chongzhi@2x.png')
+                  : require('@/assets/images/home/edit@2x.png')
+              "
+              alt=""
+            />
+            {{ clickEdit ? "重置" : "编辑" }}
           </el-button>
         </div>
         <div class="anniu--btn--right" v-if="clickEdit">
-          <el-button type="primary" plain size="mini" class="informant-btnTwo" @click="sendEdit(1)">
+          <el-button
+            type="primary"
+            plain
+            size="mini"
+            class="informant-btnTwo"
+            @click="sendEdit(1)"
+          >
             <img src="@/assets/images/home/baocun@2x.png" alt="" />
             保存
           </el-button>
@@ -27,43 +46,43 @@
 </template>
 <script>
 export default {
-  name:'blockHeader',
-  props:{
-    title:{
-      type:String,
-      required:true
+  name: "blockHeader",
+  props: {
+    title: {
+      type: String,
+      required: true,
+    },
+    edit: {
+      type: Boolean,
+      default: false,
     },
-    edit:{
-      type:Boolean,
-      default:false,
-    }
   },
   data() {
     return {
-      clickEdit:false,
-    }
+      clickEdit: false,
+    };
   },
-  methods:{
-    sendEdit(id){
-      if(id) {
+  methods: {
+    sendEdit(id) {
+      if (id) {
         // 保存按钮事件
-        this.$emit('btnClick',2);
+        this.$emit("btnClick", 2);
         this.clickEdit = false;
       } else {
         // 重置编辑按钮
-        if(this.clickEdit) {
+        if (this.clickEdit) {
           // 重置按钮事件
           // this.clickEdit = false;
-          this.$emit('btnClick',3);
+          this.$emit("btnClick", 3);
         } else {
           // 编辑按钮事件
           this.clickEdit = true;
-          this.$emit('btnClick',1);
+          this.$emit("btnClick", 1);
         }
       }
-    }
+    },
   },
-}
+};
 </script>
 <style lang="scss" scoped>
 @import "@/assets/styles/utils.scss";
@@ -78,14 +97,14 @@ export default {
       .line {
         width: vw(4);
         height: vh(22);
-        background: #1E80EB;
+        background: #1e80eb;
         margin-right: vw(9);
       }
       .title {
         font-size: vw(16);
         font-family: Source Han Sans CN;
         font-weight: bold;
-        color: #1E80EB;
+        color: #1e80eb;
       }
     }
     .title--right {
@@ -94,28 +113,28 @@ export default {
 
       .anniu--btn--left {
         ::v-deep .informant-btn {
-            width: vw(84);
-            height: vh(40);
-            background: #e4effd;
-            border: vw(1) solid #1E80EB;
-            border-radius: vw(4);
-            line-height: vh(33);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            background-color: #fff;
-            img {
-              width: vw(13);
-              margin-right: vw(5);
-            }
-            span {
-              display: inline-block;
-              font-size: vw(14);
-              font-family: Source Han Sans CN;
-              font-weight: 400;
-              color: #1E80EB;
-            }
+          width: vw(84);
+          height: vh(40);
+          background: #e4effd;
+          border: vw(1) solid #1e80eb;
+          border-radius: vw(4);
+          line-height: vh(33);
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          background-color: #fff;
+          img {
+            width: vw(13);
+            margin-right: vw(5);
+          }
+          span {
+            display: inline-block;
+            font-size: vw(14);
+            font-family: Source Han Sans CN;
+            font-weight: 400;
+            color: #1e80eb;
           }
+        }
       }
       .anniu--btn--right {
         margin-left: vw(10);
@@ -123,13 +142,13 @@ export default {
           width: vw(84);
           height: vh(40);
           background: #e4effd;
-          border: vw(1) solid #1E80EB;
+          border: vw(1) solid #1e80eb;
           border-radius: vw(4);
           line-height: vh(33);
           display: flex;
           justify-content: center;
           align-items: center;
-          background-color: #1E80EB;
+          background-color: #1e80eb;
           img {
             width: vw(13);
             margin-right: vw(5);
@@ -149,4 +168,7 @@ export default {
     margin-top: vh(24);
   }
 }
+::v-deep .el-descriptions--mini.is-bordered .el-descriptions-item__cell {
+  padding: vh(15) vw(10);
+}
 </style>
diff --git a/src/views/firmContent/components/descriptions/index.vue b/src/views/firmContent/components/descriptions/index.vue
index 2fa72df..0345dfe 100644
--- a/src/views/firmContent/components/descriptions/index.vue
+++ b/src/views/firmContent/components/descriptions/index.vue
@@ -119,4 +119,7 @@ export default {
     }
   }
 }
+::v-deep .el-descriptions--mini.is-bordered .el-descriptions-item__cell{
+  padding: vh(15) vw(10);
+}
 </style>
diff --git a/src/views/firmContent/drugInfo/PZchouyang/PZchouyang.vue b/src/views/firmContent/drugInfo/PZchouyang/PZchouyang.vue
index 71b3734..a476bd7 100644
--- a/src/views/firmContent/drugInfo/PZchouyang/PZchouyang.vue
+++ b/src/views/firmContent/drugInfo/PZchouyang/PZchouyang.vue
@@ -545,13 +545,14 @@ export default {
         this.form1.cybh = this.name;
         this.form1.size = 10;
         this.form1.current = 1;
-        this.listyp()
+        this.listyp();
       } else if (this.urlA.type == "3") {
       }
     },
     reset() {
       this.name = "";
       this.value = "";
+      this.listyp();
     },
     getPagination(e) {
       this.form1.current = e.page;
@@ -686,7 +687,7 @@ export default {
       justify-content: center;
     }
     .informant-btn {
-      padding: 12px 30px;
+      padding: vw(13) vh(10);
       width: vw(44);
       height: vh(20);
       background: #e4effd;
@@ -706,7 +707,7 @@ export default {
     }
     ::v-deep .el-table td {
       height: vh(40);
-      padding: 0;
+      padding: vh(10);
       font-size: vw(14);
       font-weight: 400;
       color: #292f38;
diff --git a/src/views/firmContent/drugInfo/drugBasicInfo/drugBasicInfo.vue b/src/views/firmContent/drugInfo/drugBasicInfo/drugBasicInfo.vue
index f2fbb21..7bf2bcf 100644
--- a/src/views/firmContent/drugInfo/drugBasicInfo/drugBasicInfo.vue
+++ b/src/views/firmContent/drugInfo/drugBasicInfo/drugBasicInfo.vue
@@ -125,7 +125,7 @@
                 <i class="el-icon-s-marketing"></i>
               </span>
               <div>A项目检验报告.doc</div>
-              <div class="file-icon"  @click="uploadBG">
+              <div class="file-icon" @click="uploadBG">
                 <!-- cpjsyqlj -->
                 <i class="el-icon-download"></i>
                 下载
@@ -931,7 +931,7 @@ export default {
     }
   }
 }
-::v-deep .el-descriptions--mini.is-bordered .el-descriptions-item__cell{
+::v-deep .el-descriptions--medium.is-bordered .el-descriptions-item__cell {
   padding: vh(15) vw(10);
 }
 </style>
diff --git a/src/views/firmContent/drugInfo/index.vue b/src/views/firmContent/drugInfo/index.vue
index 9d5ab79..5f6a595 100644
--- a/src/views/firmContent/drugInfo/index.vue
+++ b/src/views/firmContent/drugInfo/index.vue
@@ -3,31 +3,65 @@
     <div class="drugInfo-top">
       <div class="top-left">
         <div class="drug-name">
-          <span>{{ pruduct.key  }} ：</span>
+          <span>{{ pruduct.key }} ：</span>
           <!-- <span class="Name">{{ 暂无 }}</span> -->
-          <span class="Name">{{ pruduct.value || '暂无' }}</span>
+          <span class="Name">{{ pruduct.value || "暂无" }}</span>
         </div>
         <div class="drug-tag">
           <span v-for="item in tags" :key="item.id">{{ item.name }}</span>
         </div>
       </div>
       <div>
-        <el-button  type="primary" plain  @click="goBack">返回</el-button>
+        <el-button type="primary" plain @click="goBack">返回</el-button>
       </div>
     </div>
     <div class="drugInfo-bottom">
       <div class="content-tabs">
         <div class="tabs">
-          <div class="tab" @click="actionTab(1)" :class="action == 1 ? 'actionTab':''">
-            <img :class="action !== 1 ? 'actionImage' : ''" :src="action == 1 ? `${require('@/assets/images/home/icon1-1@2x.png')}`:`${require('@/assets/images/home/icon1-2@2x.png')}`" alt="">
+          <div
+            class="tab"
+            @click="actionTab(1)"
+            :class="action == 1 ? 'actionTab' : ''"
+          >
+            <img
+              :class="action !== 1 ? 'actionImage' : ''"
+              :src="
+                action == 1
+                  ? `${require('@/assets/images/home/icon1-1@2x.png')}`
+                  : `${require('@/assets/images/home/icon1-2@2x.png')}`
+              "
+              alt=""
+            />
             <span>基本信息</span>
           </div>
-          <div class="tab" @click="actionTab(2)" :class="action == 2 ? 'actionTab':''">
-            <img  :src="action == 2 ? `${require('@/assets/images/home/icon2-1@2x.png')}`:`${require('@/assets/images/home/icon2-2@2x.png')}`" alt="">
+          <div
+            class="tab"
+            @click="actionTab(2)"
+            :class="action == 2 ? 'actionTab' : ''"
+          >
+            <img
+              :src="
+                action == 2
+                  ? `${require('@/assets/images/home/icon2-1@2x.png')}`
+                  : `${require('@/assets/images/home/icon2-2@2x.png')}`
+              "
+              alt=""
+            />
             <span>品种抽样</span>
           </div>
-          <div class="tab" @click="actionTab(3)" :class="action == 3 ? 'actionTab':''">
-            <img  :src="action == 3 ? `${require('@/assets/images/home/icon5-1@2x.png')}`:`${require('@/assets/images/home/icon5-2@2x.png')}`" alt="">
+          <div
+            class="tab"
+            @click="actionTab(3)"
+            :class="action == 3 ? 'actionTab' : ''"
+          >
+            <img
+              :src="
+                action == 3
+                  ? `${require('@/assets/images/home/icon5-1@2x.png')}`
+                  : `${require('@/assets/images/home/icon5-2@2x.png')}`
+              "
+              alt=""
+            />
             <span>不良反应</span>
           </div>
         </div>
@@ -65,96 +99,101 @@
       </div> -->
       <div class="drug-exit" :style="drugExitStyle">
         <!-- <router-view></router-view> -->
-        <component :is="currentComponent" :transinformation="transinformation" @getCPName="getCPName"></component>
+        <component
+          :is="currentComponent"
+          :transinformation="transinformation"
+          @getCPName="getCPName"
+        ></component>
       </div>
     </div>
   </div>
 </template>
 <script>
-import basicInfo from "./drugBasicInfo/drugBasicInfo"
-import PZchouyang from "./PZchouyang/PZchouyang"
-import adverseReaction from "./adverseReaction/adverseReaction"
+import basicInfo from "./drugBasicInfo/drugBasicInfo";
+import PZchouyang from "./PZchouyang/PZchouyang";
+import adverseReaction from "./adverseReaction/adverseReaction";
 export default {
   data() {
     return {
-      row:{},
-      tags:[
+      row: {},
+      tags: [
         {
-          id:1,
-          name:'百年产品'
-        },{
-          id:2,
-          name:'疗效显著'
+          id: 1,
+          name: "百年产品",
+        },
+        {
+          id: 2,
+          name: "疗效显著",
         },
       ],
-      action:1,
-      currentComponent:'basicInfo',
-      drugExitStyle:{
-        height:'',
+      action: 1,
+      currentComponent: "basicInfo",
+      drugExitStyle: {
+        height: "",
       },
       // isOne:false,
-      id:null,
-      token:null,
+      id: null,
+      token: null,
       //产品名称
-      pruduct:{
-        key:'某某产品',
-        value:'-'
-      }
-    }
+      pruduct: {
+        key: "某某产品",
+        value: "-",
+      },
+    };
   },
-  components:{
+  components: {
     basicInfo,
     PZchouyang,
-    adverseReaction
+    adverseReaction,
   },
-  methods:{
+  methods: {
     //获取名称
-    getCPName(e){
-      this.pruduct.key = e.key
-      this.pruduct.value = e.value
+    getCPName(e) {
+      this.pruduct.key = e.key;
+      this.pruduct.value = e.value;
     },
-    goBack(){
-      this.$router.go(-1)
+    goBack() {
+      this.$router.go(-1);
     },
     // tabs切换
-    actionTab(id){
+    actionTab(id) {
       this.action = id;
-      if(id == 1) {
-        this.currentComponent = 'basicInfo'
+      if (id == 1) {
+        this.currentComponent = "basicInfo";
         // this.$router.push({ name:'drugBasicInfo' })
-        this.$nextTick(()=>{
+        this.$nextTick(() => {
           this.getHeight();
-        })
-      } else if(id == 2) {
-        this.currentComponent = 'PZchouyang'
-        this.$nextTick(()=>{
+        });
+      } else if (id == 2) {
+        this.currentComponent = "PZchouyang";
+        this.$nextTick(() => {
           this.getHeight();
-        })
+        });
         // this.$router.push({ name:'PZchouyang' })
-      } else if(id == 3) {
-        this.currentComponent = 'adverseReaction'
-        this.$nextTick(()=>{
+      } else if (id == 3) {
+        this.currentComponent = "adverseReaction";
+        this.$nextTick(() => {
           this.getHeight();
-        })
+        });
         // this.$router.push({ name:'adverseReaction' })
-      } 
+      }
     },
-    getHeight(){
-      let dom = document.getElementsByClassName('drug-exit');
+    getHeight() {
+      let dom = document.getElementsByClassName("drug-exit");
       let height = dom[0].getBoundingClientRect();
       let windowWidth = window.innerWidth;
       let windowHeight = window.innerHeight;
-      let relativeHeight = windowHeight - height.top - 10
-      this.drugExitStyle.height = relativeHeight + 'px'
+      let relativeHeight = windowHeight - height.top - 10;
+      this.drugExitStyle.height = relativeHeight + "px";
     },
-    async getVRdgYpwhGxwz(res){
+    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); 
+    async ylqxJnyelcp(res) {
+      let data = await this.$api.productDetails.ylqxJnyelcp(res);
       this.name = data.data.cpmc;
-    }
+    },
   },
   // watch: {
   //   $route: {
@@ -165,33 +204,33 @@ export default {
   //     immediate: true, //第一次就执行
   //   },
   // },
-  computed:{
-    transinformation(){
-      switch(this.currentComponent) {
-        case 'basicInfo':
+  computed: {
+    transinformation() {
+      switch (this.currentComponent) {
+        case "basicInfo":
           return {
-            b:this.id,
-            token:this.token,
-          }
-        case 'PZchouyang':
+            b: this.id,
+            token: this.token,
+          };
+        case "PZchouyang":
           return {
-            b:this.id,
-            token:this.token,
-          }
-        case 'adverseReaction':
+            b: this.id,
+            token: this.token,
+          };
+        case "adverseReaction":
           return {
-            b:this.id,
-            token:this.token,
-          }
+            b: this.id,
+            token: this.token,
+          };
         default:
           return {
-            b:4,
-            token:'暂无'
-          }
+            b: 4,
+            token: "暂无",
+          };
       }
-    }
+    },
   },
-  mounted(){
+  mounted() {
     // params刷新数据会丢失
     // console.log(this.$route.params)
     // this.row = JSON.parse(this.$route.params.row)
@@ -207,7 +246,6 @@ export default {
     // } else if(paramsLabel == 'qxzczh') {
     //   this.ylqxJnyelcp(params[2].split('=')[1]);
     // }
-
     // // 判断是用⌈ 返回 ⌋ 还是用⌈ X ⌋ 用来返回上一级
     // if(this.id == '1') {
     //   this.goback = true;
@@ -217,22 +255,22 @@ export default {
     // this.$nextTick(()=>{
     //   this.getHeight();
     // })
-  }
-}
+  },
+};
 </script>
 <style lang="scss" scoped>
 @import "@/assets/styles/utils.scss";
 .productinformation {
   width: 100%;
   height: 100%;
-  background: rgba(255,255,255,0.9);
-  box-shadow: 0px 0px vw(12) 0px rgba(194,212,226,0.64);
+  background: rgba(255, 255, 255, 0.9);
+  box-shadow: 0px 0px vw(12) 0px rgba(194, 212, 226, 0.64);
   border-radius: vw(10) vw(10) 0 0;
   .drugInfo-top {
     display: flex;
     justify-content: space-between;
     padding: vh(15) vw(25);
-    border-bottom: vw(1) solid #EDEEF0;
+    border-bottom: vw(1) solid #edeef0;
     .close {
       cursor: pointer;
     }
@@ -248,12 +286,12 @@ export default {
           font-size: vw(18);
           font-family: Source Han Sans CN;
           font-weight: 400;
-          color: #6A6C6F;
+          color: #6a6c6f;
         }
 
         .Name {
           // margin-left: ;
-          color: #292F38;
+          color: #292f38;
         }
       }
       .drug-tag {
@@ -267,19 +305,18 @@ export default {
           margin-right: vw(10);
           font-family: Source Han Sans CN;
           font-weight: 400;
-          color: #FFFFFF;
+          color: #ffffff;
           padding: vh(4) vw(13);
-          background-color: #66C691;
+          background-color: #66c691;
           border-radius: vw(2);
 
           &:nth-of-type(2) {
-            background-color: #EABB48;
+            background-color: #eabb48;
           }
           &:last-child {
             margin-right: 0;
           }
         }
-        
       }
     }
   }
@@ -290,9 +327,9 @@ export default {
       .tabs {
         width: 100%;
         display: flex;
-        border-bottom: vw(1) solid #DBE0E8;
+        border-bottom: vw(1) solid #dbe0e8;
         .tab {
-          border: vw(1) solid #DBE0E8;
+          border: vw(1) solid #dbe0e8;
           padding: vh(7) vw(22);
           display: flex;
           align-items: center;
@@ -300,7 +337,7 @@ export default {
           margin-right: vw(9);
           cursor: pointer;
 
-          &:last-child{
+          &:last-child {
             margin-right: 0;
           }
 
@@ -321,12 +358,12 @@ export default {
             font-size: vw(16);
             font-family: Source Han Sans CN;
             font-weight: 400;
-            color: #2F3742;
+            color: #2f3742;
           }
         }
         .actionTab {
-          background-color: #1E80EB;
-          
+          background-color: #1e80eb;
+
           span {
             color: #fff;
           }
@@ -340,5 +377,8 @@ export default {
       overflow-y: scroll;
     }
   }
+}
+::v-deep.pzChouyang .tables .el-table td{
+  
 }
 </style>