+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/firmContent/drugInfo/index.vue b/src/views/firmContent/drugInfo/index.vue
index bdc086a..1749d98 100644
--- a/src/views/firmContent/drugInfo/index.vue
+++ b/src/views/firmContent/drugInfo/index.vue
@@ -27,49 +27,145 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 共0条，显示0条
+
+
+
+
+
-
-
+
+
![]()
基本信息
-
+
+
+
+
+
diff --git a/src/views/firmContent/drugInfo/zhongyaobiangeng/adverseReaction.vue b/src/views/firmContent/drugInfo/zhongyaobiangeng/adverseReaction.vue
index f3c52b2..31c5a5f 100644
--- a/src/views/firmContent/drugInfo/zhongyaobiangeng/adverseReaction.vue
+++ b/src/views/firmContent/drugInfo/zhongyaobiangeng/adverseReaction.vue
@@ -39,6 +39,8 @@
+
+
![]()
基本信息
-
@@ -120,6 +216,14 @@ import zhaohui from "./zhaohui/PZchouyang.vue";
import zhongyao from "./zhongyao/drugBasicInfo";
import zhongyaobiangeng from "./zhongyaobiangeng/adverseReaction";
+// 临床试验
+import linchuangshiyanbeian from "./linchuangshiyanbeian/adverseReaction";
+// 多列
+import duolie from "./duolie/adverseReaction";
+// 特殊化妆品
+import teshuhuazhuang from "./teshuhuazhuang/drugBasicInfo";
+
+
@@ -144,8 +248,11 @@ export default {
value: "-",
code: "",
name: "",
- type: ""
+ type: "",
+ cpib: ""
},
+ title: "",
+ datalist: []
};
},
components: {
@@ -154,7 +261,10 @@ export default {
adverseReaction,
zhaohui,
zhongyao,
- zhongyaobiangeng
+ zhongyaobiangeng,
+ linchuangshiyanbeian,
+ duolie,
+ teshuhuazhuang
},
methods: {
gohuaxianga() {
@@ -191,14 +301,18 @@ export default {
this.pruduct.code = e.code;
this.pruduct.name = e.name;
this.pruduct.type = e.type;
+ // 医疗器械第几类
+ this.pruduct.cpib = e.cpib;
+ console.log(e, 8888);
},
goBack() {
this.$router.go(-1);
},
// tabs切换
- actionTab(id) {
+ actionTab(id, event) {
this.action = id;
+ this.nodeTab(event)
if (id == 1) {
this.currentComponent = "basicInfo";
// this.$router.push({ name:'drugBasicInfo' })
@@ -223,6 +337,11 @@ export default {
this.getHeight();
});
// this.$router.push({ name:'adverseReaction' })
+ } else if (id == 5) {
+ this.currentComponent = "linchuangshiyanbeian"
+ this.$nextTick(() => {
+ this.getHeight();
+ });
} else if (id == 6) {
this.currentComponent = "zhongyao";
this.$nextTick(() => {
@@ -235,6 +354,92 @@ export default {
this.getHeight();
});
// this.$router.push({ name:'adverseReaction' })
+ } else if (id == 8) {
+ this.currentComponent = "duolie";
+ this.title = '产品审评信息'
+ this.datalist = ['受理号', '审评报告编号', "申请事项", "是否为创新特别审查", "是否为优先审批申请", "签发日期"]
+ this.$nextTick(() => {
+ this.getHeight();
+ });
+ // this.$router.push({ name:'adverseReaction' })
+ } else if (id == 9) {
+ this.currentComponent = "duolie";
+ this.title = '产品受理信息'
+ this.datalist = ['受理号', '临床评价路径', "临床试验机构名称", "受理日期", "受理单位", "受理人"]
+ this.$nextTick(() => {
+ this.getHeight();
+ });
+ // this.$router.push({ name:'adverseReaction' })
+ } else if (id == 10) {
+ this.currentComponent = "duolie";
+ this.title = '产品注册体系核查'
+ this.datalist = ['受理号', '体系核查受理号', "核查地址", "核查开始日期 ", "核查结束日期", "签发日期"]
+ this.$nextTick(() => {
+ this.getHeight();
+ });
+ // this.$router.push({ name:'adverseReaction' })
+ } else if (id == 11) {
+ this.currentComponent = "duolie";
+ this.title = '产品注册检验信息'
+ this.datalist = ['受理号', '检验报告编号', "样品名称", "型号规格", "检验类别", "申请人姓名", "生产单位", "检验日期"]
+ this.$nextTick(() => {
+ this.getHeight();
+ });
+ // this.$router.push({ name:'adverseReaction' })
+ } else if (id == 12) {
+ this.currentComponent = "duolie";
+ this.title = '注册证文件信息'
+ this.datalist = ['受理号', '审批部门', "批准日期", "生效日期", "有效期至"]
+ this.$nextTick(() => {
+ this.getHeight();
+ });
+ // this.$router.push({ name:'adverseReaction' })
+ } else if (id == 13) {
+ this.currentComponent = "duolie";
+ this.title = '变更注册文件信息'
+ this.datalist = ['受理号', '注册证编号', "产品名称", "审批部门", "批准日期"]
+ this.$nextTick(() => {
+ this.getHeight();
+ });
+ // this.$router.push({ name:'adverseReaction' })
+ } else if (id == 14) {
+ this.currentComponent = "duolie";
+ this.title = '临床试验监督抽查信息'
+ this.datalist = ['任务编号', '任务类型', "任务接收时间", "临床试验备案号", "核查开始日期", "核查结束日期"]
+ this.$nextTick(() => {
+ this.getHeight();
+ });
+ // this.$router.push({ name:'adverseReaction' })
+ } else if (id == 15) {
+ this.currentComponent = "duolie";
+ this.title = '检验报告信息'
+ this.datalist = ['检验项目', '检验项目指标']
+ this.$nextTick(() => {
+ this.getHeight();
+ });
+ // this.$router.push({ name:'adverseReaction' })
+ } else if (id == 16) {
+ this.currentComponent = "duolie";
+ this.title = '注册变更信息'
+ this.datalist = ['产品名称', '有效期', '注册证号']
+ this.$nextTick(() => {
+ this.getHeight();
+ });
+ // this.$router.push({ name:'adverseReaction' })
+ } else if (id == 17) {
+ this.currentComponent = "duolie";
+ this.title = '年度报告信息'
+ this.datalist = ['年份', '产品中文名称', '备案编号', '企业名称']
+ this.$nextTick(() => {
+ this.getHeight();
+ });
+ // this.$router.push({ name:'adverseReaction' })
+ } else if (id == 18) {
+ this.currentComponent = "teshuhuazhuang";
+ this.$nextTick(() => {
+ this.getHeight();
+ });
+ // this.$router.push({ name:'adverseReaction' })
}
},
getHeight() {
@@ -253,6 +458,32 @@ export default {
let data = await this.$api.productDetails.ylqxJnyelcp(res);
this.name = data.data.cpmc;
},
+ // 获取tab
+ nodeTab(event) {
+ // var rect = this.$refs.tabs.getBoundingClientRect();
+ // var rects = document.querySelector(".content-tabs")
+ var rect = event.target.getBoundingClientRect();
+
+ var viewportWidth = window.innerWidth;
+
+ let left = Math.floor(rect.left)
+ let right = Math.floor(rect.right + 50)
+ let width = Math.floor(rect.width + 100)
+
+ console.log(left);
+ console.log(right);
+ console.log(viewportWidth);
+ if (left < 40) {
+ console.log("当前元素左边超出可视窗口");
+ this.$refs.tabs.scrollLeft -= width; // 将滚动条往左移动100px
+ } else if (right > viewportWidth) {
+ console.log("当前元素右边超出可视窗口");
+ this.$refs.tabs.scrollLeft += width; // 将滚动条往左移动100px
+
+ } else {
+ console.log("当前元素未超出可视窗口");
+ }
+ }
},
// watch: {
// $route: {
@@ -296,6 +527,11 @@ export default {
b: this.id,
token: this.token,
};
+ case "duolie":
+ return {
+ title: this.title,
+ datalist: this.datalist,
+ };
default:
return {
b: 5,
@@ -409,6 +645,7 @@ export default {
.tabs {
width: 100%;
+ overflow-y: auto;
display: flex;
border-bottom: vw(1) solid #dbe0e8;
@@ -420,6 +657,7 @@ export default {
border-bottom: none;
margin-right: vw(9);
cursor: pointer;
+ white-space: nowrap;
&:last-child {
margin-right: 0;
@@ -474,13 +712,14 @@ export default {
}
.el-button--small {
- font-size: vb(14) ;
+ font-size: vb(14);
}
}
-::v-deep .isbuttom{
+
+::v-deep .isbuttom {
.el-button--medium {
- font-size: vb(16) ;
+ font-size: vb(16);
}
-}
+}
diff --git a/src/views/firmContent/drugInfo/linchuangshiyanbeian/adverseReaction.vue b/src/views/firmContent/drugInfo/linchuangshiyanbeian/adverseReaction.vue
new file mode 100644
index 0000000..a48eab4
--- /dev/null
+++ b/src/views/firmContent/drugInfo/linchuangshiyanbeian/adverseReaction.vue
@@ -0,0 +1,251 @@
+
+
+ ![]()
+ 品种抽样
+
+
+ ![]()
+ 不良反应
+
+
+ ![]()
+ 召回信息
+
+
+
![]()
变更记录
-
- ![]()
+ ![]()
- 品种抽样
+ 临床实验备案信息
-
- ![]()
+ ![]()
- 不良反应
+ 产品审评信息
-
- ![]()
+ ![]()
- 召回信息
+ 产品受理信息
+
+
+ ![]()
+ 产品注册体系核查
+
+
+ ![]()
+ 产品注册检验信息
+
+
+ ![]()
+ 注册证文件信息
+
+
+ ![]()
+ 变更注册文件信息
+
+
+ ![]()
+ 临床试验监督抽查信息
+
+
+ ![]()
+ 检验报告
+
+
+ ![]()
+ 信息变更
+
+
+ ![]()
+ 年度报告
+
+
+ ![]()
+ 产品名称命名依据
+
+
+
+
+
+
diff --git a/src/views/firmContent/drugInfo/teshuhuazhuang/drugBasicInfo.vue b/src/views/firmContent/drugInfo/teshuhuazhuang/drugBasicInfo.vue
new file mode 100644
index 0000000..b1bf1f5
--- /dev/null
+++ b/src/views/firmContent/drugInfo/teshuhuazhuang/drugBasicInfo.vue
@@ -0,0 +1,155 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 共0条，显示0条
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/firmContent/drugInfo/teshuhuazhuang/qxBasicInfo/index.vue b/src/views/firmContent/drugInfo/teshuhuazhuang/qxBasicInfo/index.vue
new file mode 100644
index 0000000..982b322
--- /dev/null
+++ b/src/views/firmContent/drugInfo/teshuhuazhuang/qxBasicInfo/index.vue
@@ -0,0 +1,28 @@
+
+