suzhou-jichuang-lanhai
/
LiaoningYaopinIframe
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

化妆品

Browse Source
duhanyu
杜函宇 2 years ago
parent 12dc20b476
commit 5905dc1d06
6 changed files with 542 additions and 356 deletions
Show Stats Download Patch File Download Diff File

31
src/api/cosmetics/index.js
Unescape View File

@ -0,0 +1,31 @@
import request from "@/utils/request";
export default {
//根据备案号查询单条国产化妆品数据
getChina1(e) {
return request({
url: `/pharmaceuticals/gccp/${e}`,
method: "get",
})
},
//通过注册证号查询单条国产特殊化妆品
getChinaSpecial(e) {
return request({
url: `pharmaceuticals/gctshzp/${e}`,
method: "get",
})
},
//根据备案号查询进口化妆品数据
getInlet(e) {
return request({
url: `/pharmaceuticals/jkcp/${e}`,
method: "get",
})
},
//通过注册证号查询单条进口特殊化妆品数据
getInletSpecial(e) {
return request({
url: `/pharmaceuticals/jktshzp/${e}`,
method: "get",
})
},
}

3
src/api/index.js
Unescape View File

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

1
src/utils/request.js
Unescape View File

@ -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) {

4
src/views/firmContent/components/descriptions/index.vue
Unescape View File

@ -51,7 +51,11 @@ export default {
},
methods:{
},
created() {
},
}
</script>
<style lang="scss" scoped>
@import "@/assets/styles/utils.scss";

853
src/views/firmContent/drugInfo/drugBasicInfo/drugBasicInfo.vue
Unescape View File

@ -1,377 +1,528 @@
<template>
<div class="drugBasicInfo">
<block-header title="基本信息">
<my-descriptions :descriptions="descriptionsFour"></my-descriptions>
<block-header title="基本信息" style="min-height: 300px;">
<div v-loading="loading">
<my-descriptions :descriptions="list"></my-descriptions>
</div>
</block-header>
</div>
</template>
<script>
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
import myDescriptions from "@/views/firmContent/components/descriptions/index.vue"
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue";
import myDescriptions from "@/views/firmContent/components/descriptions/index.vue";
export default {
data() {
return {
loading: true,
list: [],
// 药品
descriptions:[
{
id:1,
label:'药品通用名称',
value:'布洛芬胶囊'
},{
id:2,
label:'药品英文名称',
value:'xxxxxxxxxxxxxxxxx'
},{
id:3,
label:'商品名',
value:'-'
},{
id:4,
label:'药品分类',
value:'化学药品'
},{
id:5,
label:'剂型',
value:'胶囊剂'
},{
id:6,
label:'规格',
value:'0.2克'
},{
id:7,
label:'包装规格',
value:'-'
},{
id:8,
label:'批准日期',
value:'2023-04-11'
},{
id:9,
label:'药品批准文号',
value:'国药准字号H20059811'
},{
id:10,
label:'批准文号有限期',
value:'2028-04-10'
},{
id:11,
label:'原批准文号',
value:'国药准字号H20059811'
},{
id:12,
label:'原注册证号',
value:'-'
},{
id:13,
label:'上市许可持有人',
value:'xxxxx有限公司'
},{
id:14,
label:'上市许可持有人英文',
value:'-'
},{
id:15,
label:'上市许可持有人地址',
value:'-'
},{
id:16,
label:'上市许可持有人地址英文',
value:'-'
},{
id:17,
label:'生产单位',
value:'-'
},{
id:18,
label:'生产地址',
value:'xxxxx有限公司'
},{
id:19,
label:'药品编码',
value:'-'
},{
id:20,
label:'药品编码备注',
value:'86901005000050'
},{
id:21,
label:'生产厂商（中文）',
value:'-'
},{
id:22,
label:'生产厂商名称（英文）',
value:'-'
},{
id:23,
label:'厂商地址（中文）',
value:'-'
},{
id:24,
label:'厂商地址（英文）',
value:'-'
},{
id:25,
label:'生产厂商所在国/地区（中文）',
value:'-'
},{
id:26,
label:'生产厂商所在国/地区（英文）',
value:'-'
},{
id:27,
label:'公司名称（中文）',
value:'-'
},{
id:28,
label:'公司名称（英文）',
value:'-'
},{
id:29,
label:'公司地址（中文）',
value:'-'
},{
id:30,
label:'公司地址（英文）',
value:'-'
},{
id:31,
label:'公司所在国/地区（中文）',
value:'-'
},{
id:32,
label:'公司所在国/地区（英文）',
value:'-'
},{
id:33,
label:'分包装批准文号',
value:'-'
},{
id:34,
label:'分包装文号批准日期',
value:'-'
},{
id:35,
label:'分包装批准文号有效期',
value:'-'
},{
id:36,
label:'分包装企业名称',
value:'-'
},{
id:37,
label:'分包装企业地址',
value:'-',
span:2
}
descriptions: [
{
id: 1,
label: "药品通用名称",
value: "布洛芬胶囊",
},
{
id: 2,
label: "药品英文名称",
value: "xxxxxxxxxxxxxxxxx",
},
{
id: 3,
label: "商品名",
value: "-",
},
{
id: 4,
label: "药品分类",
value: "化学药品",
},
{
id: 5,
label: "剂型",
value: "胶囊剂",
},
{
id: 6,
label: "规格",
value: "0.2克",
},
{
id: 7,
label: "包装规格",
value: "-",
},
{
id: 8,
label: "批准日期",
value: "2023-04-11",
},
{
id: 9,
label: "药品批准文号",
value: "国药准字号H20059811",
},
{
id: 10,
label: "批准文号有限期",
value: "2028-04-10",
},
{
id: 11,
label: "原批准文号",
value: "国药准字号H20059811",
},
{
id: 12,
label: "原注册证号",
value: "-",
},
{
id: 13,
label: "上市许可持有人",
value: "xxxxx有限公司",
},
{
id: 14,
label: "上市许可持有人英文",
value: "-",
},
{
id: 15,
label: "上市许可持有人地址",
value: "-",
},
{
id: 16,
label: "上市许可持有人地址英文",
value: "-",
},
{
id: 17,
label: "生产单位",
value: "-",
},
{
id: 18,
label: "生产地址",
value: "xxxxx有限公司",
},
{
id: 19,
label: "药品编码",
value: "-",
},
{
id: 20,
label: "药品编码备注",
value: "86901005000050",
},
{
id: 21,
label: "生产厂商（中文）",
value: "-",
},
{
id: 22,
label: "生产厂商名称（英文）",
value: "-",
},
{
id: 23,
label: "厂商地址（中文）",
value: "-",
},
{
id: 24,
label: "厂商地址（英文）",
value: "-",
},
{
id: 25,
label: "生产厂商所在国/地区（中文）",
value: "-",
},
{
id: 26,
label: "生产厂商所在国/地区（英文）",
value: "-",
},
{
id: 27,
label: "公司名称（中文）",
value: "-",
},
{
id: 28,
label: "公司名称（英文）",
value: "-",
},
{
id: 29,
label: "公司地址（中文）",
value: "-",
},
{
id: 30,
label: "公司地址（英文）",
value: "-",
},
{
id: 31,
label: "公司所在国/地区（中文）",
value: "-",
},
{
id: 32,
label: "公司所在国/地区（英文）",
value: "-",
},
{
id: 33,
label: "分包装批准文号",
value: "-",
},
{
id: 34,
label: "分包装文号批准日期",
value: "-",
},
{
id: 35,
label: "分包装批准文号有效期",
value: "-",
},
{
id: 36,
label: "分包装企业名称",
value: "-",
},
{
id: 37,
label: "分包装企业地址",
value: "-",
span: 2,
},
],
// 国产化妆品
descriptionsTwo:[
{
id:1,
label:'产品名称',
value:'美芝钰修护调理乳（500ml）'
},{
id:2,
label:'备案人名称',
value:'沈阳市坤美惜美容用品有限公司'
},{
id:3,
label:'备案人住所地址',
value:'沈阳市和平区浑河站街105号'
},{
id:4,
label:'备案编码',
value:'辽G妆网备字2015001103'
},{
id:5,
label:'备案日期',
value:'2015/9/18'
},{
id:6,
label:'生产企业名称',
value:'沈阳市坤美惜美容用品有限公司'
},{
id:7,
label:'生产企业地址',
value:'沈阳市和平区浑河站街105号'
},{
id:8,
label:'生产许可证',
value:'辽妆20160041'
},{
id:9,
label:'备注',
value:'-'
},{
id:10,
label:'公示状态',
value:'已注销'
descriptionsTwo: [
{
id: 1,
label: "产品名称",
value: "",
data: "mc",
},
{
id: 2,
label: "备案人名称",
value: "",
data: "",
},
{
id: 3,
label: "备案人住所地址",
value: "",
data: "",
},
{
id: 4,
label: "备案编码",
value: "",
data: "bah",
},
{
id: 5,
label: "备案日期",
value: "",
data: "sj",
},
{
id: 6,
label: "生产企业名称",
value: "",
data: "qy",
},
{
id: 7,
label: "生产企业地址",
value: "",
data: "",
},
{
id: 8,
label: "生产许可证",
value: "",
data: "",
},
{
id: 9,
label: "备注",
value: "",
data: "",
},
{
id: 10,
label: "公示状态",
value: "",
data: "",
},
],
// 进口化妆品
descriptionsThree:[
{
id:1,
label:'产品名称（中文）',
value:'健母宝经典修护精华液'
},{
id:2,
label:'产品名称（英文）',
value:'GEMMOVE QUEEN RECOVERY SERUM'
},{
id:3,
label:'备案编号',
value:'国妆网备进字（辽）2019000024'
},{
id:4,
label:'备案日期',
value:'2019-4-23'
},{
id:5,
label:'备案人（中文）',
value:'健玛韩国有限公司'
},{
id:6,
label:'备案人（英文）',
value:'GEMMA KOREA CO.,LTD'
},{
id:7,
label:'备案人住所地址',
value:'2nd floor ，34，Dangsan-ro，Yeongdeungpo-gu，Seoul，Republic of Korea'
},{
id:8,
label:'所在国家/地区',
value:'韩国'
},{
id:9,
label:'企业名称',
value:'健玛韩国有限公司'
},{
id:10,
label:'企业地址',
value:'2nd floor ，34，Dangsan-ro，Yeongdeungpo-gu，Seoul，Republic of Korea'
},{
id:11,
label:'生产地址',
value:'-'
},{
id:12,
label:'境内责任人名称',
value:'沈阳健玛财拿商贸有限公司'
},{
id:13,
label:'境内责任人地址',
value:'辽宁省沈阳市和平区南京北街272号北约客置地广场2706号'
},{
id:14,
label:'进口省份',
value:'-'
},{
id:15,
label:'备注',
value:'原产地：韩国'
},{
id:16,
label:'公示状态',
value:'-'
descriptionsThree: [
{
id: 1,
label: "产品名称（中文）",
value: "",
data: "mc",
},
{
id: 2,
label: "产品名称（英文）",
value: "",
},
{
id: 3,
label: "备案编号",
value: "",
data: "bah",
},
{
id: 4,
label: "备案日期",
value: "",
data: "sj",
},
{
id: 5,
label: "备案人（中文）",
value: "",
},
{
id: 6,
label: "备案人（英文）",
value: "",
},
{
id: 7,
label: "备案人住所地址",
value: "",
data: "dz",
},
{
id: 8,
label: "所在国家/地区",
value: "",
data: "dq",
},
{
id: 9,
label: "企业名称",
value: "",
data: "qy",
},
{
id: 10,
label: "企业地址",
value: "",
data: "",
},
{
id: 11,
label: "生产地址",
value: "",
data: "",
},
{
id: 12,
label: "境内责任人名称",
value: "",
data: "",
},
{
id: 13,
label: "境内责任人地址",
value: "",
data: "",
},
{
id: 14,
label: "进口省份",
value: "",
data: "",
},
{
id: 15,
label: "备注",
value: "",
data: "",
},
{
id: 16,
label: "公示状态",
value: "",
data: "",
},
],
// 特殊化妆品
descriptionsFour:[
{
id:1,
label:'产品名称（中文）',
value:'兰嘉斯美白面膜'
},{
id:2,
label:'产品名称（英文）',
value:'-'
},{
id:3,
label:'产品类型',
value:'祛斑类'
},{
id:4,
label:'注册人住所地址',
value:'广州市花都区新雅街华兴工业区东升路11号'
},{
id:5,
label:'注册人所在国（地区）',
value:'-'
},{
id:6,
label:'境内责任人名称',
value:'-'
},{
id:7,
label:'境内责任人住所地址',
value:'-'
},{
id:8,
label:'生产信息',
value:'-'
},{
id:9,
label:'注册证号',
value:'国妆特字（G20203001）'
},{
id:10,
label:'批准日期',
value:'2020-12-18'
},{
id:11,
label:'注册证有效期至',
value:'2024-12-17'
},{
id:12,
label:'备注',
value:'国家药品监督管理局为组织对本产品所称功效进行审核，本批件不作为对产品所称功效的认可'
},{
id:13,
label:'产品的执行标准',
value:'-'
},{
id:14,
label:'状态',
value:'历史批件'
}
descriptionsFour: [
{
id: 1,
label: "产品名称（中文）",
value: "",
data:'cpmc',
},
{
id: 2,
label: "产品名称（英文）",
value: "",
data:'',
},
{
id: 3,
label: "产品类型",
value: "",
data:'',
},
{
id: 4,
label: "注册人住所地址",
value: "",
data:'',
},
{
id: 5,
label: "注册人所在国（地区）",
value: "",
data:'sf',
},
{
id: 6,
label: "境内责任人名称",
value: "",
data:'jnzrr',
},
{
id: 7,
label: "境内责任人住所地址",
value: "",
data:'',
},
{
id: 8,
label: "生产信息",
value: "",
data:'',
},
{
id: 9,
label: "注册证号",
value: "",
data:'zczh',
},
{
id: 10,
label: "批准日期",
value: "",
data:'pzrq',
},
{
id: 11,
label: "注册证有效期至",
value: "",
data:'',
},
{
id: 12,
label: "备注",
value: "",
data:'',
},
{
id: 13,
label: "产品的执行标准",
value: "-",
data:'',
},
{
id: 14,
label: "状态",
value: "",
data:'',
},
],
// drugBasicInfoStyle:{
// height:''
// }
id:null,
token:null,
}
};
},
components:{blockHeader,myDescriptions},
props:['transinformation'],
mounted(){
let search = window.location.search.slice(1);
let params = search.split('&');
console.log(params)
if (params[0].includes('b')) {
this.id = params[0].split('=')[1]
this.token = params[1].split('=')[1]
}
if(this.id == '1') {
this.goback = true;
} else {
this.goback = false;
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;
});
console.log(obj);
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);
}
}
},
methods:{
mounted() {},
methods: {
//国产化妆品单条数据
async chinaData(e) {
this.loading = true;
let msg1 = await this.$api.cosmetics.getChina1(e);
this.list = this.filter(msg1.data, this.descriptionsTwo);
this.loading = false;
},
//国产特殊化妆品单条数据
async specialChina(e) {
this.loading = true;
let msg1 = await this.$api.cosmetics.getChinaSpecial(e);
this.list = this.filter(msg1.data, this.descriptionsFour);
this.loading = false;
},
//进口化妆品单条数据
async importData(e) {
this.loading = true;
let msg1 = await this.$api.cosmetics.getInlet(e);
this.list = this.filter(msg1.data, this.descriptionsThree);
this.loading = false;
},
//进口特殊化妆品单条数据
async specialImport(e) {
this.loading = true;
let msg1 = await this.$api.cosmetics.getInletSpecial(e);
this.list = this.filter(msg1.data, this.descriptionsFour);
this.loading = false;
},
//处理数据
filter(A, B) {
for (let key in A) {
B.forEach((values, index) => {
if (values.data === key) {
B[index].value = A[key];
}
});
}
return B;
},
},
// 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";

6
src/views/firmContent/drugInfo/index.vue
Unescape View File

@ -72,9 +72,9 @@
</div>
</template>
<script>
import basicInfo from "./drugBasicInfo/drugBasicInfo.vue"
import PZchouyang from "./PZchouyang/PZchouyang.vue"
import adverseReaction from "./adverseReaction/adverseReaction.vue"
import basicInfo from "./drugBasicInfo/drugBasicInfo"
import PZchouyang from "./PZchouyang/PZchouyang"
import adverseReaction from "./adverseReaction/adverseReaction"
export default {
data() {
return {

Write Preview
Loading…
Cancel
Save