From c3df41a529cf00b5f50fbc7dbd4fba4df2902cbb Mon Sep 17 00:00:00 2001 From: Lvtf Date: Wed, 2 Aug 2023 13:18:48 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BA=A7=E5=93=81=E6=A1=A3=E6=A1=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/permission.js | 1 + src/router/index.js | 8 +- .../productsMsg/components/productInfo.vue | 35 ++ src/views/productsMsg/index.vue | 329 +++++++++++++++++- 4 files changed, 360 insertions(+), 13 deletions(-) create mode 100644 src/views/productsMsg/components/productInfo.vue diff --git a/src/permission.js b/src/permission.js index ab778d1..957cdb2 100644 --- a/src/permission.js +++ b/src/permission.js @@ -27,6 +27,7 @@ const whiteList = [ '/productsMsg/drugArchives', '/productsMsg/cosmeticsArchives', '/productsMsg/health', + '/productsMsg/productInfo', '/B/logout' ]; router.beforeEach((to, from, next) => { diff --git a/src/router/index.js b/src/router/index.js index 6098fd8..d4a6eac 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -116,7 +116,7 @@ export const constantRoutes = [ path: "drugArchives", name: "药品档案", icon: require("@/assets/images/tree4.svg"), - component: () => import("@/views/productsMsg/components/drugArchives.vue"), + component: () => import("@/views/productsMsg/index.vue"), meta: { title: "药品档案", icon: "netWork" }, }, { @@ -133,6 +133,12 @@ export const constantRoutes = [ component: () => import("@/views/productsMsg/components/health.vue"), meta: { title: "医疗器械档案", icon: "netWork" }, }, + { + path: "productInfo", + name: "productInfo", + component:() => import("@/views/productsMsg/components/productInfo.vue"), + meta: { title: "产品档案", icon: "netWork" }, + }, ] }, //可以按着若依的思路来写,把菜单全部都设置成一级路由，然后有下拉选择框的去进行区别判断设置成二级子路由 diff --git a/src/views/productsMsg/components/productInfo.vue b/src/views/productsMsg/components/productInfo.vue new file mode 100644 index 0000000..895f0c7 --- /dev/null +++ b/src/views/productsMsg/components/productInfo.vue @@ -0,0 +1,35 @@ + + + diff --git a/src/views/productsMsg/index.vue b/src/views/productsMsg/index.vue index 209aaf8..e606534 100644 --- a/src/views/productsMsg/index.vue +++ b/src/views/productsMsg/index.vue @@ -119,9 +119,119 @@ +
+ 重置 + 查询 +
+ + + +
+ + +
+
+ 导出 +
+
+
+ + + + + + + + + + + + + + + + + + +
+
@@ -148,10 +258,109 @@ checkList:[], checkListTwo:[], }, + tableData: [{ + date: '1', + name: '辽-xxxx', + type:"药品", + approvalNumber:"12421432143214321", + firmName:"XXX有限公司", + }, { + date: '2', + name: '辽-aaaa', + type:"医疗器械", + approvalNumber:"12421432143214321", + firmName:"XXX有限公司", + }, { + date: '3', + name: '辽-zzzz', + type:"化妆品", + approvalNumber:"12421432143214321", + firmName:"XXX有限公司", + }, { + date: '4', + name: '辽-qqqq', + type:"药品", + approvalNumber:"12421432143214321", + firmName:"XXX有限公司", + }, { + date: '5', + name: '辽-xxxx', + type:"医疗器械", + approvalNumber:"12421432143214321", + firmName:"XXX有限公司", + }, { + date: '6', + name: '辽-aaaa', + type:"化妆品", + approvalNumber:"12421432143214321", + firmName:"XXX有限公司", + }, { + date: '7', + name: '辽-zzzz', + type:"药品", + approvalNumber:"12421432143214321", + firmName:"XXX有限公司", + }, { + date: '8', + name: '辽-qqqq', + type:"医疗器械", + approvalNumber:"12421432143214321", + firmName:"XXX有限公司", + }, { + date: '9', + name: '辽-xxxx', + type:"化妆品", + approvalNumber:"12421432143214321", + firmName:"XXX有限公司", + }, { + date: '10', + name: '辽-aaaa', + type:"药品", + approvalNumber:"12421432143214321", + firmName:"XXX有限公司", + }], + tabsTwoStyle:{ + height:'' + }, + multipleSelection:[], + total:100, + currentPage:1, + pageSize:10, }; }, - mounted() {}, - methods: {}, + mounted() { + document.getElementsByClassName( + "el-pagination__jump" + )[0].childNodes[0].nodeValue = "跳至"; + this.$nextTick(()=>{ + let dom = document.getElementsByClassName('tabsTwo'); + let height = dom[0].getBoundingClientRect(); + // let windowWidth = window.innerWidth; + let windowHeight = window.innerHeight; + let relativeHeight = windowHeight - height.top + this.tabsTwoStyle.height = relativeHeight + 'px' + }) + }, + methods: { + handleSelectionChange(val){ + this.multipleSelection = val; + }, + currentChange(val){ + + }, + sizeChange(val){ + + }, + // 详情 + handleEdit(index,row){ + console.log(index) + this.$router.push({name:'productInfo'}) + }, + // 编辑 + handleView(index,row){ + + }, + }, }; @@ -162,7 +371,7 @@ display: flex; align-items: center; background: #f2f2f2; - padding: 10px; + // padding: 10px; & > div { flex: 1; height: 100%; @@ -189,13 +398,6 @@ background: #ffffff; } } - .middle-box { - margin: 10px; - } - - .main { - height: calc(100% - 40px); - } .right-content { background-color: #fff; ::v-deep .el-tabs__header{ @@ -217,12 +419,15 @@ } } .tabs { - background: rgba(255, 255, 255, 0.9); + background: #F2F2F2 ; box-shadow: 0px 0px 12px 0px rgba(194, 212, 226, 0.64); border-radius: vw(10); - min-height: 90vh; + min-height: 88vh; // padding-top: 3px; // padding-left: 15px; + ::v-deep .el-tabs { + background-color: #fff; + } } .screen { padding: 15px 0 26px 28px; @@ -263,6 +468,10 @@ .checkbox-group-name { width: 695px; } + .btn{ + width: 100%; + padding-left: 600px; + } .time-interval { display: flex; align-items: center; @@ -329,6 +538,102 @@ } } } + .tabsTwo { + margin: 10px 0; + overflow-y: scroll; + // padding: 10px 0; + padding-bottom: 20px; + background-color: #fff; + .daochu { + padding: 10px; + .btn { + display: flex; + justify-content: center; + width: 64px; + height: 32px; + background: #1E80EB; + border-radius: 4px 4px 4px 4px; + font-size: 14px; + font-family: MicrosoftYaHei-, MicrosoftYaHei; + font-weight: normal; + color: #FFFFFF; + line-height: 31px; + } + } + .mytable { + width: 99%; + margin: 0 auto; + ::v-deep .column-text-one { + text-align: center; + } + ::v-deep .el-table td { + height: 40px; + padding: 0; + } + ::v-deep .el-table th { + height: 40px; + padding: 0; + font-size: 14px; + font-family: Source Han Sans SC-Medium, Source Han Sans SC; + font-weight: bold; + color: #292f38; + line-height: 36px; + } + .button { + display: flex; + align-items: center; + .xiangqing { + height: 23px; + padding: 3px; + border-radius: 4px; + line-height: 20px; + display: flex; + justify-content: center; + align-items: center; + margin-right: 5px; + background: #EBF5FF; + border: 1px solid #A1CBF8; + ::v-deep span { + display: inline-block; + color: #0E7CF4; + } + } + .bianji { + height: 23px; + padding: 3px; + border-radius: 4px; + line-height: 20px; + display: flex; + justify-content: center; + align-items: center; + background: #FFEFE3; + border: 1px solid #FFC89F; + ::v-deep span { + display: inline-block; + color: #F88129; + } + } + } + } + .pagination { + margin-top: 17px; + display: flex; + align-items: center; + justify-content: space-between; + // padding-bottom: vh(20); + ::v-deep .el-pagination__jump { + margin: 0; + } + .custom { + font-size: 14px; + font-family: Source Han Sans CN-Regular, Source Han Sans CN; + font-weight: 400; + color: #292f38; + line-height: 18px; + } + } + } + .tabsTwo::-webkit-scrollbar {display:none} } }