From c9acd9b2ed040ec25a4ce670a980c63e63392e84 Mon Sep 17 00:00:00 2001 From: caill <815519168@qq.com> Date: Thu, 22 Feb 2024 09:03:21 +0800 Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E3=80=81=E5=AF=BC=E8=88=AA?= =?UTF-8?q?=E9=A1=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- App.vue | 2 +- common/style/layout.css | 260 +++++++++++++++++++++++++++++++--------- common/style/reset.css | 99 +++++++++++++++ pages.json | 4 +- pages/home/home.vue | 185 ++++++++++++---------------- pages/login/login.vue | 51 ++++---- 6 files changed, 399 insertions(+), 202 deletions(-) diff --git a/App.vue b/App.vue index 3d97b1b..f6ef8a2 100644 --- a/App.vue +++ b/App.vue @@ -3,7 +3,7 @@ onLaunch: function() { // #ifdef APP-PLUS plus.screen.lockOrientation('portrait-primary'); - plus.navigator.setFullscreen(true); + // plus.navigator.setFullscreen(true); // #endif }, onHide: function() { diff --git a/common/style/layout.css b/common/style/layout.css index e003df6..4bb5315 100644 --- a/common/style/layout.css +++ b/common/style/layout.css @@ -1,10 +1,9 @@ page { - background-color: #f6f6f6 !important; + background-color: #f2f5fa !important; min-height: 100% !important; height: 100% !important; } uni-page-body { - background-color: #f6f6f6 !important; min-height: 100% !important; height: 100% !important; } @@ -44,6 +43,19 @@ uni-button:after { color: #ff6a00; border: 1rpx solid #ff6a00; } +.icon_choosed { + position: absolute; + bottom: 0; + right: 0; + padding: 4rpx 10rpx; + line-height: 20rpx; + font-size: 20rpx; + color: #fff; + border: 1rpx solid #ff6a00; + background-color: #ff6a00; + border-top-left-radius: 10rpx; + border-bottom-right-radius: 10rpx; +} .icon_back { font-size: 52rpx; line-height: 52rpx; @@ -86,17 +98,36 @@ uni-button:after { line-height: 48rpx; } .cancel_icon::before { - content: "\e6dc"; + content: "\e6db"; } .cancel_icon { display: block; - width: 100rpx; - height: 100rpx; - font-size: 50rpx; - color: #fff; - line-height: 100rpx; + width: 60rpx; + height: 60rpx; + font-size: 40rpx; + color: #000; + line-height: 60rpx; text-align: center; - background-color: #E9B451; + border: 1px solid #999; + border-radius: 50%; + transform: rotate(-90deg); +} +.icon_start_point { + width: 46rpx; + height: 46rpx; + font-size: 26rpx; + line-height: 46rpx; + background-color: #ff6a00; + color: #fff; + border-radius: 50%; +} +.icon_vdash_line { + width: 46rpx; + height: 26rpx; + font-size: 26rpx; + line-height: 26rpx; + text-align: center; + color: #ff6a00; } /** 内容 */ @@ -105,17 +136,22 @@ uni-button:after { height: 100%; } .zd_content { + position: relative; + top: calc(var(--status-bar-height) + 72rpx); width: 100%; height: auto; - padding: 92rpx 15rpx 82rpx 14rpx; + padding: 20rpx 14rpx 140rpx 14rpx; + /* background: linear-gradient(to bottom, #ff6400 0%, #fee4d7 30%, #f6f6f6 100%) */ + background-color: #f6f6f6; } .zd_wrapper { width: 100%; height: auto; background-color: #fff; border-radius: 24rpx; - padding: 14rpx; + padding: 22rpx 14rpx; margin-bottom: 20rpx; + box-shadow: 0 4rpx 10rpx 2rpx rgba(0,0,0,.1); } .filter_item { display: flex; @@ -139,6 +175,7 @@ uni-button:after { line-height: 80rpx; font-size: 28rpx; color: #323232; + font-weight: bold; text-align:justify; text-align-last: justify; text-justify: inter-ideograph;/*兼容ie*/ @@ -180,7 +217,6 @@ uni-button:after { line-height: 30rpx; font-size: 28rpx; color: #606266; - margin-left: 10rpx; } .filter_input { width: 100%; @@ -193,17 +229,6 @@ uni-button:after { color: #606266; border-radius: 10rpx; } -.filter_textarea { - width: 100%; - height: 210rpx; - line-height: 70rpx; - border: 1px solid #dcdfe6; - background-color: #fff; - padding: 0 15rpx; - font-size: 28rpx; - color: #606266; - border-radius: 10rpx; -} .filter_input_disabled { background-color: #eee; } @@ -258,7 +283,8 @@ uni-button:after { background: #fff; } .slide_new table tbody tr.checked td { - background-color: #fef6e4; + background-color: #f2f2f2; + color: #000 } /** 提交栏 **/ @@ -273,25 +299,97 @@ uni-button:after { width: 100%; z-index: 200; background-color: #fff; - padding-top: 10rpx; + padding-top: 20rpx; + box-shadow: 0 0 20rpx 0 rgba(160,160,160,0.7); +} +.submit-bar_new { + display: flex; + justify-content: space-between; + align-items: center; + position: fixed; + bottom: 0; + left: 0; + width: 100%; + z-index: 200; + background-color: #fff; + padding: 14rpx; box-shadow: 0 0 20rpx 0 rgba(160,160,160,0.7); } .submit-button { - font-size: 30rpx; - line-height: 62rpx; + font-size: 34rpx; + line-height: 88rpx; color: #ff6a00; text-align: center; letter-spacing: 1rpx; padding: 0 22rpx; background-color: #fff; border: 1px solid #ff6a00; - margin: 0 40rpx 10rpx 0; - border-radius: 30rpx; + margin: 0 40rpx 20rpx 0; + border-radius: 10rpx; +} +.submit-button_new { + /* width: 35%; */ + font-size: 34rpx; + line-height: 88rpx; + color: #fff; + text-align: center; + letter-spacing: 1rpx; + padding: 0; + background-color: #ff6a00; + border-radius: 10rpx; +} +.submit-more { + width: 20%; + font-size: 34rpx; + line-height: 34rpx; + padding: 27rpx 10rpx; + color: #000; + text-align: center; + background-color: #fff } .btn-disabled, .submit-button[disabled] { - background-color: #c9c9c9; - border: 1px solid #c9c9c9; - color: #fff; + background-color: #c9c9c9 !important; + border: 1px solid #c9c9c9 !important; + color: #fff !important; +} +.more_btns_wraper { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + z-index: 201; + padding: 0 20rpx 20rpx; + transition: all .3s; +} +.more-button { + font-size: 34rpx; + line-height: 88rpx; + color: #ff6a00; + text-align: center; + border-radius: 0; + background-color: transparent; +} +.more_btns_items .btn-disabled, .more_btns_items .submit-button_new[disabled] { + color: #c9c9c9; + border: none; +} +.more-button:last-child { + border-bottom: none; +} +.more_btns_cancle { + margin-top: 20rpx; + width: 100%; + font-size: 34rpx; + line-height: 88rpx; + color: #000; + text-align: center; + background-color: #fff; + border-radius: 20rpx; +} +.more_btns_items{ + width: 100%; + border-radius: 20rpx; + background-color: #fff; } /** 下拉框 */ @@ -300,32 +398,28 @@ uni-button:after { } /** 弹窗 */ +.popshow { + transform: translateY(0); +} +.pophide { + transform: translateY(100%); +} .msg_wrapper { position: fixed; - top: 0; bottom: 0; left: 0; - right: 0; - text-align: center; - z-index: 201; - display: flex; - justify-content: center; - align-items: center; -} -.msg_wrapper_1 { - text-align: left; -} - -.msg_box { - width: 90%; - padding: 20rpx; + width: 100%; + padding: 60rpx 28rpx; background-color: #fff; - border-radius: 4px; - border: 1px solid #ebeef5; - box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); - backface-visibility: hidden; + 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_box { + width: 100%; } - .msg_mask { position: fixed; top: 0; @@ -334,19 +428,29 @@ uni-button:after { height: 100%; opacity: .7; background: #000; - z-index: 200; + z-index: 300; } - .msg_btns { width: 100%; - max-width: 300px; margin: 40rpx auto 0; - display: flex; - justify-content: space-between; - align-items: center; } .msg_btn { - border-radius: 10rpx; + font-size: 34rpx; + line-height: 78rpx; + color: #fff; + background-color: #ff6a00; + border: 1rpx solid #ff6a00; + border-radius: 44rpx; + box-shadow: 0 8rpx 18rpx 0 rgba(0,0,0,.2); +} +.msg_btn_cancle { + background-color: #fff; + border: 1rpx solid #ff6a00; + font-size: 34rpx; + line-height: 78rpx; + border-radius: 44rpx; + color: #000; + box-shadow: 0 8rpx 18rpx 0 rgba(0,0,0,.2); } .msg_btn:disabled { background-color: #c9c9c9; @@ -367,4 +471,42 @@ uni-button:after { .layout-t tr.checked td .sin_input { color: #8a8a8a; border: 1px solid #ffffff; +} + +.flow_wrapper { + width: 100%; + background-color: #fff; + border-radius: 24rpx; + padding: 22rpx 20rpx; + margin-bottom: 20rpx; + box-shadow: 0 4rpx 10rpx 2rpx rgba(0,0,0,.1); +} +.font-size-1 { + font-size: 30rpx; + line-height: 54rpx; + color: #ff6a00; +} +.font-size-2 { + font-size: 30rpx; + line-height: 54rpx; + color: #000; +} +.flow_start_item { + position: relative; + background-color: #f3f3f3; + border: 1rpx solid #f3f3f3; + border-radius: 10rpx; +} +.flow_start_item_checked { + position: relative; + background-color: #fff; + border: 1rpx solid #ff6a00; +} +.flow_icon_item_1 { + width: 46rpx; + height: 56rpx; +} +.flow_icon_item_2 { + width: 46rpx; + height: 26rpx; } \ No newline at end of file diff --git a/common/style/reset.css b/common/style/reset.css index 8355389..4273edf 100644 --- a/common/style/reset.css +++ b/common/style/reset.css @@ -40,4 +40,103 @@ input[type="button"], input[type="submit"], input[type="search"], input[type="re overflow: hidden; text-overflow: ellipsis; white-space: nowrap; +} +.flexcol { + flex-direction: column; +} +.flexstart { + align-items: flex-start !important; +} +.jcflexstart { + justify-content: flex-start !important; +} + +.zd-row { + display: flex; + justify-content: space-between; + align-items: center; +} +.zd-col-24 { + width: 100%; +} +.zd-col-23 { + width: 95.83333% +} +.zd-col-22 { + width: 91.66667% +} +.zd-col-21 { + width: 87.5% +} +.zd-col-20 { + width: 83.33333% +} +.zd-col-19 { + width: 79.16667% +} +.zd-col-18 { + width: 75% +} +.zd-col-17 { + width: 70.83333% +} +.zd-col-16 { + width: 66.66667% +} +.zd-col-15 { + width: 62.5% +} +.zd-col-14 { + width: 58.33333% +} +.zd-col-13 { + width: 54.16667% +} +.zd-col-12 { + width: 50%; +} +.zd-col-11 { + width: 45.83333% +} +.zd-col-10 { + width: 41.66667% +} +.zd-col-9 { + width: 37.5% +} +.zd-col-8 { + width: 33.33333% +} +.zd-col-7 { + width: 29.16667% +} +.zd-col-6 { + width: 25% +} +.zd-col-5 { + width: 20.83333% +} +.zd-col-4 { + width: 16.66667% +} +.zd-col-3 { + width: 12.5% +} +.zd-col-2 { + width: 8.33333% +} +.zd-col-1 { + width: 4.16667% +} +.mgb10 { + margin-bottom: 10rpx; +} +.pdl20 { + padding-left: 20rpx; +} +.pdr20 { + padding-right: 20rpx; +} +.pdr10 { + padding-right: 10rpx; } \ No newline at end of file diff --git a/pages.json b/pages.json index 2329e27..c0b0cbd 100644 --- a/pages.json +++ b/pages.json @@ -131,8 +131,8 @@ ], "globalStyle": { // "pageOrientation": "landscape", - "navigationBarTextStyle": "white", - "navigationBarTitleText": "uni-app", + "navigationBarTextStyle": "black", + "navigationBarTitleText": "", "navigationBarBackgroundColor": "#d7592f", "backgroundColor": "#ffffff" }, diff --git a/pages/home/home.vue b/pages/home/home.vue index 797bd30..90d515e 100644 --- a/pages/home/home.vue +++ b/pages/home/home.vue @@ -1,35 +1,31 @@ @@ -39,59 +35,35 @@ data() { return { userName: '', - // menuList: [ - // {menu_id: '1', icon: 'RF01', name: '设备点检', path: '/pages/modules/equip-inspection', sonTree: []}, - // {menu_id: '2', icon: 'RF02', name: '设备操作', path: '/pages/modules/equip-operate', sonTree: []}, - // {menu_id: '3', icon: 'RF03', name: '人工分拣', path: '', sonTree: [ - // {menu_id: '1', name: '分拣排产', path: '/pages/modules/sort-schedue'}, - // {menu_id: '2', name: '剩料入库', path: '/pages/modules/surplus-mater-instore'}, - // {menu_id: '3', name: '托盘绑定', path: '/pages/modules/pallet-bind'}, - // {menu_id: '4', name: '包装入库', path: '/pages/modules/package-instore'}, - // ]}, - // {menu_id: '4', icon: 'RF05', name: '人工组盘', path: '/pages/modules/man-group', sonTree: []}, - // {menu_id: '5', icon: 'RF06', name: '混碾搬运', path: '/pages/modules/hunnian-carry', sonTree: []}, - // {menu_id: '6', icon: 'RF07', name: '强制静置', path: '/pages/modules/forced-rest', sonTree: []} - // ], menuList: [ - {menu_id: '1', icon: 'RF06', name: '混碾搬运', path: '/pages/modules/hunnian-carry', sonTree: []}, - {menu_id: '2', icon: 'RF07', name: '强制静置', path: '/pages/modules/forced-rest', sonTree: []}, - {menu_id: '3', icon: 'RF01', name: '设备点检', path: '/pages/modules/equip-inspection', sonTree: []}, - {menu_id: '4', icon: 'RF05', name: '人工组盘', path: '/pages/modules/man-group', sonTree: []}, - {menu_id: '5', icon: 'RF09', name: '人工分拣', path: '', sonTree: [ - {menu_id: '1', name: '分拣排产', path: '/pages/modules/sort-schedue'}, - {menu_id: '2', name: '剩料入库', path: '/pages/modules/surplus-mater-instore'}, - {menu_id: '3', name: '托盘绑定', path: '/pages/modules/pallet-bind'}, - {menu_id: '4', name: '包装入库', path: '/pages/modules/package-instore'}, - {menu_id: '5', name: '呼叫满料', path: '/pages/modules/call-full-mater'}, - {menu_id: '6', name: '呼叫木盘', path: '/pages/modules/call-mupan'}, - {menu_id: '7', name: '空盘入库', path: '/pages/modules/empty-instore'} + {id: '1', name: '人工组盘', sonTree: [ + {menu_id: '1', icon: 'RF01', name: '人工组盘', path: '/pages/manage/man-group-disk'} ]}, - {menu_id: '6', icon: 'RF10', name: '压机搬运', path: '/pages/modules/press-carry', sonTree: []}, - {menu_id: '7', icon: 'RF08', name: '货架盘点', path: '/pages/modules/shelf-check', sonTree: []}, - {menu_id: '8', icon: 'RF02', name: '混碾操作', path: '/pages/modules/hunnian-operate', sonTree: []} + {id: '2', name: '原材料库', sonTree: [ + {menu_id: '1', icon: 'RF02', name: '入库', path: '/pages/manage/in-storage'}, + {menu_id: '2', icon: 'RF03', name: '出库', path: '/pages/manage/out-storage'} + ]}, + {id: '3', name: '任务流转', sonTree: [ + {menu_id: '1', icon: 'RF04', name: '任务流转', path: '/pages/manage/task-flow'} + ]} ], show: false, secM: [] }; }, created () { + this.$store.dispatch('setPublicObj', '') if (this.$store.getters.userInfo) { this.userName = JSON.parse(this.$store.getters.userInfo).username } }, methods: { - toPage1 (e) { - if (e.sonTree.length > 0) { - this.show = true - this.secM = e.sonTree - } else { - let url = e.path - uni.redirectTo({ - url: url - }) - } + async _authority () { + let res = await authority() + this.menuList = [...res.sonTree] + }, - toPage2 (e) { + toPage (e) { let url = e.path uni.redirectTo({ url: url @@ -109,19 +81,32 @@ diff --git a/pages/login/login.vue b/pages/login/login.vue index 0477dc8..984935b 100644 --- a/pages/login/login.vue +++ b/pages/login/login.vue @@ -1,7 +1,7 @@