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 @@
-
-
-
-
- {{userName}}
- 欢迎进入瑞泰马钢手持系统!
-
-
-
- 退出
-
-
-
-
@@ -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 @@
欢迎来到
- 瑞泰马钢手持系统!
+ 信丰天能手持系统!
@@ -18,14 +18,12 @@
升级版本
-
v{{version}}