From 673f6596d6099c29445e80448169715374ccaf61 Mon Sep 17 00:00:00 2001 From: caill <815519168@qq.com> Date: Thu, 21 Mar 2024 10:45:53 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F=E4=BF=AE?= =?UTF-8?q?=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- common/style/layout.css | 146 +++++++++++++++++------- common/style/mixin.styl | 2 +- common/style/reset.css | 7 ++ components/NavBar.vue | 4 +- components/SearchBox.vue | 4 +- components/SearchBox1.vue | 4 +- components/SearchBoxMx.vue | 4 +- pages.json | 32 ++++++ pages/DispatchManage/RGVStatus.vue | 4 +- pages/DispatchManage/TaskManage.vue | 8 +- pages/ProductManage/SboProdProgress.vue | 2 +- pages/ProductManage/SlittingFeeding.vue | 73 ++++++------ pages/ProductManage/ZjOutStore.vue | 53 +++++---- pages/WarehouseManage/CheckDtl.vue | 113 +++--------------- pages/login/setup.vue | 2 +- static/image/search_bg.png | Bin 0 -> 4167 bytes utils/getData2.js | 115 ++++++++++--------- utils/mork2.js | 75 ++++++++++++ 18 files changed, 380 insertions(+), 268 deletions(-) create mode 100644 static/image/search_bg.png create mode 100644 utils/mork2.js diff --git a/common/style/layout.css b/common/style/layout.css index 0b956b3..fd83206 100644 --- a/common/style/layout.css +++ b/common/style/layout.css @@ -30,7 +30,7 @@ uni-button:after { color: #bbb; } .icon_eye_active { - color: #ff6a00; + color: #D7592F ; } .icon_unchecked { color: #fff; @@ -41,8 +41,8 @@ uni-button:after { border: 1rpx solid #bbb; } .icon_checked { - color: #ff6a00; - border: 1rpx solid #ff6a00; + color: #D7592F ; + border: 1rpx solid #D7592F ; } .icon_back { font-size: 52rpx; @@ -116,6 +116,11 @@ uni-button:after { border-radius: 24rpx; padding: 14rpx; margin-bottom: 20rpx; + box-shadow: 0px 3px 3px 0px rgba(160,160,160,0.20); +} +.zd_wrapper-1 { + padding: 0 14rpx; + border-radius: 0; } .filter_item { display: flex; @@ -154,7 +159,7 @@ uni-button:after { color: #323232; text-align: center; background-color: #fff; - border: 1px solid #ff6a00; + border: 1px solid #D7592F ; border-radius: 10rpx; margin-left: 30rpx; } @@ -167,6 +172,7 @@ uni-button:after { /* flex: 1; */ width: calc(100% - 170rpx); height: 80rpx; + line-height: 80rpx; padding: 5rpx 0; margin-left: 30rpx; display: flex; @@ -184,8 +190,8 @@ uni-button:after { } .filter_input { width: 100%; - height: 70rpx; - line-height: 70rpx; + height: 80rpx; + line-height: 80rpx; border: 1px solid #dcdfe6; background-color: #fff; padding: 0 15rpx; @@ -196,6 +202,16 @@ uni-button:after { .filter_input_disabled { background-color: #eee; } +.filter_item-1 { + border-bottom: 2rpx solid #dcdfe6; +} +.filter_item-1 .filter_label { + text-align: auto; + text-align-last: auto; +} +.filter_item-1 .filter_input, .filter_item-1 .uni-select { + border: 0 !important; +} .grid-wraper { width: 100%; @@ -209,8 +225,10 @@ uni-button:after { table-layout: fixed; min-width: 100%; border-collapse: separate; - border-spacing: 0; - border: 0; + -webkit-border-horizontal-spacing: 0px; + -webkit-border-vertical-spacing: 10rpx; + padding-bottom: 8rpx; + background-color: #f5f5f5; } .slide_new table td, .slide_new table th { box-sizing: border-box; @@ -219,13 +237,13 @@ uni-button:after { text-overflow: ellipsis; white-space: nowrap; padding: 0 20rpx; - border-bottom: 10rpx solid #f5f5f5; text-align: center; } .slide_new table td:first-child, .slide_new table th:first-child{ position: sticky; left: 0; z-index: 101; + box-shadow: 3px 0px 3px 0px rgba(160,160,160,0.20); } .slide_new table thead tr th { position: sticky; @@ -246,8 +264,24 @@ uni-button:after { color: #323232; background: #fff; } +.slide_new table thead tr th.fontcol1,.slide_new table tbody tr td.fontcol1 { + color: #4e6ef2; + font-weight: bold; +} .slide_new table tbody tr.checked td { - background-color: #fef6e4; + border-top: 1px solid #D7592F; + border-bottom: 1px solid #D7592F; +} +.slide_new table tbody tr.checked td:first-child { + border-left: 1px solid #D7592F; + border-top-left-radius: 8rpx; + border-bottom-left-radius: 8rpx; +} +.slide_new table tbody tr.checked td:last-child { + border-right: 1px solid #D7592F; + border-top-right-radius: 8rpx; + border-bottom-right-radius: 8rpx; + } /** 提交栏 **/ @@ -268,16 +302,16 @@ uni-button:after { .submit-button { font-size: 30rpx; line-height: 62rpx; - color: #ff6a00; + color: #D7592F ; text-align: center; letter-spacing: 1rpx; padding: 0 22rpx; background-color: #fff; - border: 1px solid #ff6a00; + border: 1px solid #D7592F ; margin: 0 40rpx 10rpx 0; border-radius: 30rpx; } -.submit-bar_new { +.submitbar { position: fixed; bottom: 0; left: 0; @@ -287,54 +321,83 @@ uni-button:after { padding: 10rpx 0; box-shadow: 0 0 20rpx 0 rgba(160,160,160,0.7); } -.submit-button_new { +.btn-submit { + padding: 0; font-size: 30rpx; line-height: 62rpx; - color: #ff6a00; - padding: 0; - text-align: center; + border-radius: 10rpx; +} +.btn-default { + color: #D7592F ; background-color: #fff; - border: 1px solid #ff6a00; - border-radius: 30rpx; + border: 1px solid #D7592F ; } -.btn-disabled, .submit-button[disabled] { - background-color: #c9c9c9; - border: 1px solid #c9c9c9; +.btn-success { color: #fff; + border: 1px solid #D7592F ; + background-color: #D7592F ; +} +.btn-info { + color: #fff; + border: 1px solid #c9c9c9; + background-color: #c9c9c9; +} +.btn-disabled, .submit-button[disabled]:not([type]) { + color: #fff; + border: 1px solid #c9c9c9; + background-color: #c9c9c9; +} +uni-button[disabled]:not([type]) { + color: #fff; + border: 1px solid #c9c9c9; + background-color: #c9c9c9; } - /** 下拉框 */ .uni-select__selector { z-index: 300 !important; } /** 弹窗 */ +.popshow { + transform: translateY(0); +} +.pophide { + transform: translateY(100%); +} .msg_wrapper { position: fixed; - top: 0; + top: auto; bottom: 0; left: 0; - right: 0; - text-align: center; - z-index: 201; - display: flex; - justify-content: center; - align-items: center; + width: 100%; + height: calc(100% - var(--status-bar-height) - 72rpx); + padding: 14rpx; + background-color: #f6f6f6; + box-shadow: 0 -8px 16px 0 rgba(28,31,33,.1); + border-top-left-radius: 20rpx; + border-top-right-radius: 20rpx; + z-index: 301; + transition: all .3s; } .msg_wrapper_1 { text-align: left; } - -.msg_box { - width: 90%; - padding: 20rpx; - background-color: #fff; - border-radius: 4px; - border: 1px solid #ebeef5; - box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); - backface-visibility: hidden; +.pop-line { + width: 10%; + height: 8rpx; + margin: 0 auto 14rpx auto; + background-color: #d4d4d4; + border-radius: 8rpx; +} +.msg_content { + width: 100%; + height: calc(100% - 22rpx); + margin-bottom: 86rpx; + overflow-y: scroll; +} +.msg_box { + width: 100%; } - .msg_mask { position: fixed; top: 0; @@ -343,9 +406,8 @@ uni-button:after { height: 100%; opacity: .7; background: #000; - z-index: 200; + z-index: 300; } - .msg_btns { width: 100%; max-width: 300px; diff --git a/common/style/mixin.styl b/common/style/mixin.styl index f564d40..86ef090 100644 --- a/common/style/mixin.styl +++ b/common/style/mixin.styl @@ -1,4 +1,4 @@ -$red = #ff6a00 +$red = #D7592F $green = #6CBE8B $yellow = #E9B451 $blue = #6798ef diff --git a/common/style/reset.css b/common/style/reset.css index 0890ca5..8e116f0 100644 --- a/common/style/reset.css +++ b/common/style/reset.css @@ -123,4 +123,11 @@ input[type="button"], input[type="submit"], input[type="search"], input[type="re } .zd-col-1 { width: 4.16667% +} +.letter-30 { + letter-spacing: 30rpx; + text-indent: 30rpx; +} +.h-50 { + height: 50% !important; } \ No newline at end of file diff --git a/components/NavBar.vue b/components/NavBar.vue index a03af93..0f4c46e 100644 --- a/components/NavBar.vue +++ b/components/NavBar.vue @@ -2,7 +2,7 @@ {{title}} - + @@ -22,7 +22,7 @@ type: Boolean, default: false }, - show1: { + show: { type: Boolean, default: true } diff --git a/components/SearchBox.vue b/components/SearchBox.vue index e0d75fc..273229b 100644 --- a/components/SearchBox.vue +++ b/components/SearchBox.vue @@ -129,14 +129,14 @@ @import '../common/style/mixin.styl'; .search_wraper position relative - _wh(100%, 70rpx) + _wh(100%, 80rpx) .search_input padding-right: 160rpx; .buttons_wraper position absolute top 0 right 10rpx - _wh(auto, 70rpx) + _wh(auto, 80rpx) _fj(flex-end) .icon_scan_active color $red diff --git a/components/SearchBox1.vue b/components/SearchBox1.vue index 63134f7..95be93d 100644 --- a/components/SearchBox1.vue +++ b/components/SearchBox1.vue @@ -99,12 +99,12 @@ @import '../common/style/mixin.styl'; .search_wraper position relative - _wh(100%, 70rpx) + _wh(100%, 80rpx) .search_input padding-right: 160rpx; .buttons_wraper position absolute top 0 right 0 - _wh(auto, 70rpx) + _wh(auto, 80rpx) diff --git a/components/SearchBoxMx.vue b/components/SearchBoxMx.vue index 6b0a818..22f124b 100644 --- a/components/SearchBoxMx.vue +++ b/components/SearchBoxMx.vue @@ -74,14 +74,14 @@ @import '../common/style/mixin.styl'; .search_wraper position relative - _wh(100%, 70rpx) + _wh(100%, 80rpx) .search_input padding-right: 160rpx; .buttons_wraper position absolute top 0 right 10rpx - _wh(auto, 70rpx) + _wh(auto, 80rpx) _fj(flex-end) .icon_scan_active color $red diff --git a/pages.json b/pages.json index 1ebae9a..3fcb9de 100644 --- a/pages.json +++ b/pages.json @@ -254,6 +254,38 @@ "navigationStyle": "custom" } } + ,{ + "path" : "pages/SecondPhase/EmptyVehicleInStore", + "style" : + { + "navigationStyle": "custom" + } + + } + ,{ + "path" : "pages/SecondPhase/EmptyBoxInStore", + "style" : + { + "navigationStyle": "custom" + } + + } + ,{ + "path" : "pages/SecondPhase/DeliveryUnbind", + "style" : + { + "navigationStyle": "custom" + } + + } + ,{ + "path" : "pages/SecondPhase/DeliveryUnbindConfirm", + "style" : + { + "navigationStyle": "custom" + } + + } ], "globalStyle": { // "pageOrientation": "landscape", diff --git a/pages/DispatchManage/RGVStatus.vue b/pages/DispatchManage/RGVStatus.vue index 11fed4e..e1cae77 100644 --- a/pages/DispatchManage/RGVStatus.vue +++ b/pages/DispatchManage/RGVStatus.vue @@ -35,8 +35,8 @@ - - + + diff --git a/pages/DispatchManage/TaskManage.vue b/pages/DispatchManage/TaskManage.vue index 689dcd0..a4d1ed1 100644 --- a/pages/DispatchManage/TaskManage.vue +++ b/pages/DispatchManage/TaskManage.vue @@ -53,10 +53,10 @@ - - - - + + + + diff --git a/pages/ProductManage/SboProdProgress.vue b/pages/ProductManage/SboProdProgress.vue index d49e0fc..e576553 100644 --- a/pages/ProductManage/SboProdProgress.vue +++ b/pages/ProductManage/SboProdProgress.vue @@ -152,7 +152,7 @@ .slide_new table td:nth-child(1), .slide_new table th:nth-child(1) box-shadow 1px 0 2px rgba(0,0,0,.12) .bgred td - background-color #ff6a00 + background-color #D7592F color #ffffff .bgyellow td background-color #E9B451 diff --git a/pages/ProductManage/SlittingFeeding.vue b/pages/ProductManage/SlittingFeeding.vue index 8954f9a..83a4855 100644 --- a/pages/ProductManage/SlittingFeeding.vue +++ b/pages/ProductManage/SlittingFeeding.vue @@ -76,44 +76,47 @@ - - - - - - + + + + + + - - - - 起点 - - + + + + + + 起点 + + + + + + 母卷号 + + + + + + 终点 + + + - - 母卷号 - - - - - - 终点 - - - - - - - - + + + + diff --git a/pages/ProductManage/ZjOutStore.vue b/pages/ProductManage/ZjOutStore.vue index 8ac9d23..03e6812 100644 --- a/pages/ProductManage/ZjOutStore.vue +++ b/pages/ProductManage/ZjOutStore.vue @@ -80,31 +80,40 @@ - - - - - + + + + + - - - - 区域 - - + + + + + + 区域 + + + + + + + + 缓存点位 + + + + + + + + - - 缓存点位 - - - - 查询 - - - - - + + + + diff --git a/pages/WarehouseManage/CheckDtl.vue b/pages/WarehouseManage/CheckDtl.vue index 20531e9..976c44e 100644 --- a/pages/WarehouseManage/CheckDtl.vue +++ b/pages/WarehouseManage/CheckDtl.vue @@ -75,27 +75,30 @@ - + - - - + + + - - - - 备注 - - + + + + + + 备注 + + + - - - + + + - + @@ -240,86 +243,4 @@ // // left 89rpx // // z-index 102 // // box-shadow 1px 0 2px rgba(0,0,0,.12) - .msg_wrapper - position fixed - top 0 - bottom 0 - left 0 - right 0 - text-align center - z-index 10000 - &::after - content "" - display inline-block - height 100% - width 0 - vertical-align middle - .msg_box - display inline-block - width calc(100% - 30rpx) - padding 30rpx - vertical-align middle - background-color #fff - border-radius 8rpx - border 1px solid #ebeef5 - font-size 36rpx - box-shadow 0 2px 12px 0 rgb(0 0 0 / 10%) - text-align left - overflow hidden - backface-visibility hidden - .buttonbox - width 100px - height 30px - margin-top 20px - margin 0 auto - .mask - position fixed - top 0 - left 0 - width 100% - height 100% - opacity .6 - background #000 - z-index 9999 - .msg_item - display flex - justify-content: space-between - align-items: center - width 100% - height 80rpx - line-height 80rpx - margin 0 auto - margin-bottom 14rpx - .label_item - display inline-block - width 180rpx - font-size 32rpx - line-height inherit - color #606266 - .from_item - display inline-block - width calc(100% - 200rpx) - line-height inherit - .msg_input - width 100% - height 80rpx - padding 0 30rpx - border-radius 4px - border 1px solid #DCDFE6 - font-size 28rpx - line-height 80rpx - color #606266 - .msg_btns - width 600rpx - height 70rpx - line-height 70rpx - margin 40rpx auto 0 - display flex - justify-content: center - align-items: center - .submit-bar - justify-content space-around - .submit-button - margin-left 20rpx - margin-right 20rpx diff --git a/pages/login/setup.vue b/pages/login/setup.vue index 1aa37df..4065472 100644 --- a/pages/login/setup.vue +++ b/pages/login/setup.vue @@ -1,6 +1,6 @@