李劲龙 2 years ago
commit 773ea3d626

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

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

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

Loading…
Cancel
Save