基本信息

src/api/productPortrayal/index.js

@@ -9,4 +9,11 @@ export default {
       params
     });
   },
+  findInfoByReq(params){
+    return request({
+      url: "/ggfw-api/pharmaceuticals/largeScreen/findInfoByReq",
+      method: "get",
+      params
+    });
+  },
 };

src/views/bigpage/bigcomponents/Basicbox.vue

@@ -2,7 +2,7 @@
 <template>
     <div class="Basic-box">
         <div class="Basic-box-item" v-for="(item, index) in BasicList" :key="index">
-            <div>{{ item.name }}</div>
+            <div>{{ item.nameTitle }}</div>
             <div class="item-value">{{ item.value }}</div>
         </div>
     </div>
@@ -16,47 +16,62 @@ export default {
         return {
             BasicList: [],
             ypList: [
-                { name: "药品通用名称:", value: "复方枸杞子胶囊" },
-                { name: "药品分类:", value: "中药" },
-                { name: "剂型:", value: "胶囊剂" },
-                { name: "规格:", value: "每粒0.5克" },
-                { name: "批准文号:", value: "国标批准文号B25818818" },
-                { name: "批准文号期限:", value: "2023-06-08" },
-                { name: "上市许可证持有人:", value: "沈阳xx药业股份有限公司" },
-                { name: "生产企业:", value: "复方枸杞子胶囊" },
-                { name: "执行标准:", value: "复方枸杞子胶囊" },
+                { nameTitle: "药品通用名称:", value: "", type:'name' },
+                { nameTitle: "药品分类:", value: "", type:'type'  },
+                { nameTitle: "剂型:", value: "", type:'jx' },
+                { nameTitle: "规格:", value: "", type:'modelSpecifications' },
+                { nameTitle: "批准文号:", value: "", type:'bah' },
+                { nameTitle: "批准文号期限:", value: "", type:'pzwhyxq' },
+                { nameTitle: "上市许可证持有人:", value: "", type:'ssxkcyr' },
+                { nameTitle: "生产企业:", value: "", type:'scqy' },
+                { nameTitle: "执行标准:", value: "", type:'zxbz' },
             ],
             ylqxList: [
-                { name: "产品名称:", value: "复方枸杞子胶囊" },
-                { name: "产品类型:", value: "中药" },
-                { name: "管理类别:", value: "胶囊剂" },
-                { name: "型号规格:", value: "每粒0.5克" },
-                { name: "备案编号:", value: "国标批准文号B25818818" },
-                { name: "备案人名称:", value: "2023-06-08" },
-                { name: "产品有效期:", value: "沈阳xx药业股份有限公司" },
-                { name: "结构特征:", value: "复方枸杞子胶囊" },
-                { name: "境内进口:", value: "复方枸杞子胶囊" },
-                { name: "生产地址:", value: "复方枸杞子胶囊" },
-                { name: "生产标准:", value: "复方枸杞子胶囊" },
+                { nameTitle: "产品名称:", value: "", type:'name' },
+                { nameTitle: "产品类型:", value: "", type:'type' },
+                { nameTitle: "管理类别:", value: "", type:'gllb' },
+                { nameTitle: "型号规格:", value: "", type:'modelSpecifications' },
+                { nameTitle: "备案编号:", value: "", type:'bah' },
+                { nameTitle: "备案人名称:", value: "", type:'barmc' },
+                { nameTitle: "产品有效期:", value: "", type:'cpyxq' },
+                { nameTitle: "结构特征:", value: "", type:'jgtz' },
+                { nameTitle: "境内进口:", value: "", type:'jnjk' },
+                { nameTitle: "生产地址:", value: "", type:'scdz' },
+                { nameTitle: "生产标准:", value: "", type:'scbz' },
             ],
             hzpList: [
-                { name: "产品名称:", value: "复方枸杞子胶囊" },
-                { name: "产品类型:", value: "中药" },
-                { name: "型号规格:", value: "胶囊剂" },
-                { name: "备案编号:", value: "每粒0.5克" },
-                { name: "备案人名称:", value: "国标批准文号B25818818" },
-                { name: "产品有效期:", value: "2023-06-08" },
-                { name: "境内进口:", value: "沈阳xx药业股份有限公司" },
-                { name: "生产地址:", value: "复方枸杞子胶囊" },
-                { name: "生产标准:", value: "复方枸杞子胶囊" },
+                { nameTitle: "产品名称:", value: "", type:'name' },
+                { nameTitle: "产品类型:", value: "", type:'type' },
+                { nameTitle: "型号规格:", value: "", type:'modelSpecifications' },
+                { nameTitle: "备案编号:", value: "", type:'bah' },
+                { nameTitle: "备案人名称:", value: "", type:'barmc' },
+                { nameTitle: "产品有效期:", value: "", type:'cpyxq' },
+                { nameTitle: "境内进口:", value: "", type:'jnjk' },
+                { nameTitle: "生产地址:", value: "", type:'scdz' },
+                { nameTitle: "生产标准:", value: "", type:'scbz' },
             ]
         }
     },
     created() { },
     mounted() {
-        
+        let type = this.$route.query.type;
+        type == 1 ? this.BasicList = this.ypList : type == 2 ? this.BasicList = this.ylqxList : this.BasicList = this.hzpList;
+        this.getInfo({type,code:this.$route.query.code})
+    },
+    methods: {
+        async getInfo(name){
+            let data = await this.$api.productPortrayal.findInfoByReq(name);
+            // console.log(data.data);
+            // console.log(this.BasicList);
+            for(var key in data.data){
+                this.BasicList.map(item=>{
+                    if(item.type == key) {
+                        item.value = data.data[key];
+                    }
+                })
+            }
+        }
     },
-    methods: {},
     computed: {}
 }
 </script>

src/views/index.vue

@@ -80,11 +80,8 @@ export default {
       if(newValue){
         this.loading = true;
         this.dialog = true;
-        let data = await this.$api.productPortrayal.findByName({name:newValue});
-        if(data.code == 200) {
-          this.loading = false;
-          this.searchList = data.data;
-        }
+        // let a = this.throttle(this.getsearchList,500)
+        this.getsearchList(newValue);
       } else {
         this.dialog = false;
         this.searchList = [];
@@ -93,7 +90,7 @@ export default {
     }
   },
   created() { this.dataNow(1) },
-  mounted() { this.getData(1) },
+  mounted() { this.getDataInterval(1) },
   methods: {
     gotoBgpage() {
       if(this.input) {
@@ -107,7 +104,7 @@ export default {
         }
       }
     },
-    getData(index){
+    getDataInterval(index){
       setInterval(() => {
         this.dataNow(index)
       }, 1000);
@@ -152,7 +149,17 @@ export default {
       setTimeout(() => {
         this.dialog = false;
       }, 200);
-    }
+    },
+    async getsearchList(newValue){
+      let data = await this.$api.productPortrayal.findByName({name:newValue});
+      if(data.code == 200) {
+        this.loading = false;
+        this.searchList = data.data;
+        if(this.searchList.length < 1){
+          this.dialog = false;
+        }
+      }
+    },
   },
   computed: {}
 }