From 679e5ee2d8792be7b5590e263f70b51bd3e78ea7 Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期一, 25 九月 2023 17:02:06 +0800 Subject: [PATCH] # --- pages/home/home.vue | 206 +++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 181 insertions(+), 25 deletions(-) diff --git a/pages/home/home.vue b/pages/home/home.vue index 7d852b2..aa139f8 100644 --- a/pages/home/home.vue +++ b/pages/home/home.vue @@ -2,8 +2,9 @@ <view> <scroll-view scroll-y class="page"> <view class="nav-list"> - <navigator hover-class='none' :url="'/pages' + item.url" class="nav-li" navigateTo :class="'bg-'+item.color" - :style="[{animation: 'show ' + ((index+1)*0.2+1) + 's 1'}]" v-for="(item,index) in elements" :key="index"> + <navigator hover-class='none' :url="'/pages' + item.url" class="nav-li" navigateTo + :class="'bg-'+item.color" :style="[{animation: 'show ' + ((index+1)*0.2+1) + 's 1'}]" + v-for="(item,index) in elements" :key="index"> <view class="nav-title">{{item.title}}</view> <view class="nav-name">{{item.name}}</view> <text :class="'cuIcon-' + item.cuIcon"></text> @@ -18,20 +19,87 @@ export default { data() { return { - elements: [ + baseUrl: '', + token: '', + icon: '', + elements: [], + elements2: [ + // { + // title: '缁勬墭鍏ュ簱', + // name: 'pakin', + // color: 'cyan', + // cuIcon: 'pullup', + // url: '/tzsk/pakin/pakin' + // }, + // { + // title: '缁勬墭涓婃灦', + // name: 'pakin', + // color: 'cyan', + // cuIcon: 'pullup', + // url: '/tzsk/order/orderPutOn' + // }, + // { + // title: '璁㈠崟鎷h揣', + // name: 'pakin', + // color: 'cyan', + // cuIcon: 'pullup', + // url: '/tzsk/order/orderPick' + // }, { - title: '缁勬墭鍏ュ簱', + title: '涓存椂鍏ュ簱', name: 'pakin', color: 'cyan', cuIcon: 'pullup', - url: '/pakin/pakin' + url: '/pakin/pakin2' + }, + { + title: '鍐嶆鎷f枡', + name: 'changePallet', + color: 'green', + cuIcon: 'order', + url: '/pakin/pickAgain' + }, + { + title: 'AGV缁勬墭', + name: 'AGVPakin', + color: 'blue', + cuIcon: 'pullup', + url: '/tzsk/AGV/AGVPakin' + }, + { + title: 'AGV涓婃灦缁戝畾', + name: 'AGVPakinBing', + color: 'mauve', + // cuIcon: 'pullup', + url: '/tzsk/AGV/AGVPakinBing' + }, + { + title: 'AGV鍚姩鍏ュ簱', + name: 'AGVStart', + color: 'pink', + // cuIcon: 'pullup', + url: '/tzsk/AGV/AGVStart' + }, + { + title: 'AGV涓婃灦缁勬墭', + name: 'AGVPakinOn', + color: 'brown', + // cuIcon: 'pullup', + url: '/tzsk/AGV/AGVPakinOn' }, { title: '璁㈠崟鍏ュ簱', name: 'orderPakin', - color: 'blue', + color: 'red', cuIcon: 'pullup', url: '/order/orderPakin' + }, + { + title: '缁勬墭涓婃灦', + name: 'putOn', + color: 'orange', + cuIcon: 'pullup', + url: '/pakin/putOn' }, { title: '鎵撳嵃', @@ -43,21 +111,21 @@ { title: '璁㈠崟涓婃灦', name: 'orderPutOn', - color: 'mauve', + color: 'yellow', cuIcon: 'pullup', url: '/order/orderPutOn' }, { title: '璁㈠崟涓嬫灦', name: 'orderPutDown', - color: 'pink', + color: 'olive', cuIcon: 'pulldown', url: '/order/orderPutDown' }, { title: '搴撳瓨鏌ヨ', name: 'stockQuery', - color: 'brown', + color: 'green', cuIcon: 'check', url: '/stock/stockQuery' }, @@ -69,7 +137,7 @@ url: '/stock/stockCheck' }, { - title: '鍟嗗搧鍒楄〃', + title: '鍟嗗搧鎵撳嵃', name: 'matList', color: 'orange', cuIcon: 'post', @@ -90,15 +158,102 @@ url: '/pakin/piking' }, { + title: '鎹㈡澘缁戝畾', + name: 'changePallet', + color: 'green', + cuIcon: 'order', + url: '/stock/changePallet' + }, + { title: '閫�鍑虹櫥褰�', name: 'logOut', color: 'grey', cuIcon: 'exit', url: '/login/logOut' }, - + ], + colorList: ['cyan','blue','mauve','pink','brown','red','orange','yellow','olive','olive','green','grey' ] }; + }, + onShow() { + this.baseUrl = uni.getStorageSync('baseUrl'); + this.token = uni.getStorageSync('token'); + this.getAuth() + }, + methods: { + getAuth() { + let that = this + uni.request({ + url: that.baseUrl + '/menu/pda/auth', + data: {}, + header: { 'token': uni.getStorageSync('token') }, + method: 'POST', + success(res) { + res = res.data + that.elements = [] + if (res.code === 200) { + if (res.data == undefined || res.data == null || res.data == "") { + that.elements = that.elements2 + return + } + for (var i = 0; i < res.data.length; i++) { + if (res.data.length < 0) { + break; + } + that.getIcon(res.data[i].title) + that.elements.unshift({ + title: res.data[i].name, + name: res.data[i].title, + color: that.colorList[i], + cuIcon: that.icon, + url: res.data[i].action + }) + } + that.elements.push({ + title: '閫�鍑虹櫥褰�', + name: 'logOut', + color: 'grey', + cuIcon: 'exit', + url: '/login/logOut' + }) + } else if (res.code === 403) { + uni.showToast({ + title: res.msg, + icon: "none", + position: 'top' + }) + setTimeout(() => { + uni.reLaunch({ + url: '../login/login' + }); + }, 1000); + } else if(res.status === 404) { + that.elements = that.elements2 + // uni.showToast({ + // title: '榛樿涓婚〉', + // icon: "none", + // position: 'top' + // }) + } else { + uni.showToast({ + title: res.msg, + icon: "none", + position: 'top' + }) + } + }, + fail(err) { + console.log(err); + } + }) + }, + getIcon(e) { + const ways = ['pakin','orderPakin','orderPutOn'] + if (ways.includes(e)) { + this.icon = 'pullup' + } + } } } </script> @@ -107,76 +262,77 @@ .page { height: 100vh; } + .bg-red { background-color: #e54d42; color: #ffffff; } - + .bg-orange { background-color: #f37b1d; color: #ffffff; } - + .bg-yellow { background-color: #fbbd08; color: #333333; } - + .bg-olive { background-color: #8dc63f; color: #ffffff; } - + .bg-green { background-color: #39b54a; color: #ffffff; } - + .bg-cyan { background-color: #1cbbb4; color: #ffffff; } - + .bg-blue { background-color: #0081ff; color: #ffffff; } - + .bg-purple { background-color: #6739b6; color: #ffffff; } - + .bg-mauve { background-color: #9c26b0; color: #ffffff; } - + .bg-pink { background-color: #e03997; color: #ffffff; } - + .bg-brown { background-color: #a5673f; color: #ffffff; } - + .bg-grey { background-color: #8799a3; color: #ffffff; } - + .bg-gray { background-color: #f0f0f0; color: #333333; } - + .bg-black { background-color: #333333; color: #ffffff; } - + .bg-white { background-color: #ffffff; color: #666666; -- Gitblit v1.9.1