From a228498d19c0d6a6fea7c21b5dc38a45844440fd Mon Sep 17 00:00:00 2001 From: wangweidong <850489345@qq.com> Date: Wed, 15 Oct 2025 16:42:36 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BB=93=E5=BA=93?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/Warehouse/Warehouse.vue | 75 ++++--- pages/Warehouse/procurement.vue | 193 +++++++++++++++++- static/index/warehouse/bg.png | Bin 627117 -> 577748 bytes static/index/warehouse/ku/rq0.png | Bin 0 -> 1037 bytes static/index/warehouse/ku/rq1.png | Bin 0 -> 1159 bytes static/index/warehouse/ku/rq2.png | Bin 0 -> 1221 bytes static/index/warehouse/ku/rq3.png | Bin 0 -> 1080 bytes static/index/warehouse/ku/rs0.png | Bin 0 -> 1058 bytes static/index/warehouse/ku/rs1.png | Bin 0 -> 1167 bytes static/index/warehouse/ku/rs2.png | Bin 0 -> 1208 bytes static/index/warehouse/ku/rs3.png | Bin 0 -> 1076 bytes .../Cart/{Cart10.png => Cart010.png} | Bin .../bound/{bound10.png => bound010.png} | Bin .../bound/{bound11.png => bound011.png} | Bin static/index/warehouse/procurement/sh.png | Bin 0 -> 5513 bytes static/index/warehouse/y0.png | Bin 3445 -> 2900 bytes static/index/warehouse/y1.png | Bin 6177 -> 1020 bytes 17 files changed, 233 insertions(+), 35 deletions(-) create mode 100644 static/index/warehouse/ku/rq0.png create mode 100644 static/index/warehouse/ku/rq1.png create mode 100644 static/index/warehouse/ku/rq2.png create mode 100644 static/index/warehouse/ku/rq3.png create mode 100644 static/index/warehouse/ku/rs0.png create mode 100644 static/index/warehouse/ku/rs1.png create mode 100644 static/index/warehouse/ku/rs2.png create mode 100644 static/index/warehouse/ku/rs3.png rename static/index/warehouse/procurement/Cart/{Cart10.png => Cart010.png} (100%) rename static/index/warehouse/procurement/bound/{bound10.png => bound010.png} (100%) rename static/index/warehouse/procurement/bound/{bound11.png => bound011.png} (100%) create mode 100644 static/index/warehouse/procurement/sh.png diff --git a/pages/Warehouse/Warehouse.vue b/pages/Warehouse/Warehouse.vue index 84344bf..61cedee 100644 --- a/pages/Warehouse/Warehouse.vue +++ b/pages/Warehouse/Warehouse.vue @@ -26,8 +26,9 @@ - {{v}} + + {{v}} @@ -38,7 +39,10 @@ {{v}} + :class="beblue === i ? 'click-box-target' : 'click-box'"> + + {{v}} + @@ -197,7 +201,7 @@ } .operationbtn { - width: 20vw; + width: 22vw; height: 10vw; position: absolute; right: 1.5vw; @@ -207,7 +211,7 @@ flex-wrap: wrap; >view { - width: 9vw; + width: 10vw; height: 4vw; border-radius: 1vw; border: 2rpx solid #D9DADC; @@ -220,6 +224,11 @@ margin: 0 0.3vw; transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.25s ease; -webkit-tap-highlight-color: transparent; + image{ + width: 1.6vw; + height: 1.6vw; + margin-right: .2vw; + } } .click-box { @@ -228,7 +237,10 @@ } .click-box-target { - color: transparent; + background: #FFFFFF; + box-shadow: 0px 0px 3vw 0px rgba(12,102,209,0.33) inset; + // box-shadow: 0rpx 0rpx 3vw 0rpx rgba(38,137,255,0.44) inset; + color: rgba(108, 132, 160, 1) !important; animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1); transform-origin: center center; } @@ -387,8 +399,8 @@ } .annotation1 { - top: 20.5vw; - left: 19vw; + top: 21.5vw; + left: 19.5vw; } .annotation2 { @@ -397,22 +409,22 @@ } .annotation3 { - top: 23vw; - left: 50vw; + top: 24vw; + left: 49.3vw; } .annotation4 { - top: 17vw; - left: 68vw; + top: 18vw; + left: 70vw; } .annotation5 { - top: 32vw; + top: 34vw; left: 74vw; } .annotation6 { - top: 23vw; + top: 24vw; right: 6vw; } @@ -426,28 +438,29 @@ >view { position: relative; - - &:nth-child(1) { - width: 7vw; - height: 2vw; - background: #F2F3F7; - box-shadow: 0rpx 0rpx 0rpx 0rpx rgba(182, 186, 196, 0.35); - border: 2rpx solid #FFFFFF; - font-weight: 400; - font-size: 1.3vw; - color: #333333; - display: flex; - align-items: center; - justify-content: center; - z-index: 3; - } - + &:nth-child(2) { - width: 4vw; - height: 2vw; + width: 6.5vw; + height: 3.2vw; z-index: 2; margin: -2rpx auto 0; z-index: 2; + display: flex; + align-items: center; + justify-content: center; + image{ + position: absolute; + top: 0; + left: 0; + } + text{ + position: relative; + font-weight: 400; + font-size: 1.1vw; + color: #fff; + z-index: 3; + margin-top: -0.5vw; + } } &:nth-child(3) { diff --git a/pages/Warehouse/procurement.vue b/pages/Warehouse/procurement.vue index 17f278c..772af0c 100644 --- a/pages/Warehouse/procurement.vue +++ b/pages/Warehouse/procurement.vue @@ -86,10 +86,34 @@ ['中医中药','生活用品','医疗用品','医疗器械','耗材用品','食材用品','生活用品', '中医中药','生活用品','医疗用品','医疗器械','耗材用品','食材用品','生活用品']" @click="typescroll(1,i)"> - {{v}} + + + + {{v}} + + + + + + + + + + + {{v.name}} + + + + + + + 检索 + + @@ -142,6 +166,93 @@ break; } } + // 通用的生成函数 + function genPaths(base, prefix, count, ext = 'png', startIndex = 0, pad = false) { + return Array.from({ length: count }, (_, i) => { + const idx = pad + ? String(i + startIndex).padStart(2, '0') + : i + startIndex + return `${base}/${prefix}${idx}.${ext}` + }) + } + const anmidex = ref(-1) + const admiclick = (i:number)=>{ + anmidex.value = i; + } + const animArray = ref([ + { + url: genPaths( + '/static/index/warehouse/procurement/store', + 'store0', + 8, // 张数 + 'png', + 1, // 起始索引为 1 + false // 不补零 + ), + name:'库存预警', + imgurl:'/static/index/warehouse/procurement/store/store01.png' + }, + { + url: genPaths( + '/static/index/warehouse/procurement/procure', + 'procure0', + 7, // 张数 + 'png', + 1, // 起始索引为 1 + false // 不补零 + ), + name:'采 购', + imgurl:'/static/index/warehouse/procurement/procure/procure01.png' + }, + { + url: genPaths( + '/static/index/warehouse/procurement/Purchase', + 'Purchase0', + 9, // 张数 + 'png', + 1, // 起始索引为 1 + false // 不补零 + ), + name:'采购单', + imgurl:'/static/index/warehouse/procurement/Purchase/Purchase01.png' + }, + { + url: genPaths( + '/static/index/warehouse/procurement/details', + 'details0', + 7, // 张数 + 'png', + 1, // 起始索引为 1 + false // 不补零 + ), + name:'物料详情', + imgurl:'/static/index/warehouse/procurement/details/details01.png' + }, + { + url: genPaths( + '/static/index/warehouse/procurement/bound', + 'bound0', + 11, // 张数 + 'png', + 1, // 起始索引为 1 + false // 不补零 + ), + name:'出入库', + imgurl:'/static/index/warehouse/procurement/bound/bound01.png' + }, + { + url: genPaths( + '/static/index/warehouse/procurement/Cart', + 'Cart0', + 10, // 张数 + 'png', + 1, // 起始索引为 1 + false // 不补零 + ), + name:'购物车', + imgurl:'/static/index/warehouse/procurement/Cart/Cart01.png' + } + ])