From 5ff3cf55bc673c0f70fa7024f5974a2052a0f8af Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期三, 19 六月 2024 16:33:58 +0800 Subject: [PATCH] # --- pages/home/home.vue | 319 ++++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 279 insertions(+), 40 deletions(-) diff --git a/pages/home/home.vue b/pages/home/home.vue index 7d852b2..de1596e 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,48 +19,172 @@ export default { data() { return { - elements: [ + baseUrl: '', + token: '', + icon: '', + elements: [], + project: 'tzsk', + elements2: [ { - title: '缁勬墭鍏ュ簱', + title: 'AGV缁勬墭', + name: 'AGVPakin', + color: 'blue', + // cuIcon: 'pullup', + url: `/tzsk/AGV/AGVPakin` + }, + { + title: 'AGV鐩樼偣/鎷f枡', + name: 'AGVPick', + color: 'cyan', + // cuIcon: 'pullup', + url: `/tzsk/AGV/AGVPick` + }, + + { + 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: 'AGV瀹瑰櫒绂诲満', + name: 'AGVContainerMove', + color: 'cyan', + // cuIcon: 'pullup', + url: '/tzsk/AGV/AGVContainerMove' + }, + { + title: 'AGV鏉$爜', + name: 'AGVCode', + color: 'cyan', + // cuIcon: 'pullup', + url: '/tzsk/AGV/AGVCode' + }, + { + title: '骞冲簱缁勬墭鍏ュ簱', name: 'pakin', color: 'cyan', - cuIcon: 'pullup', - url: '/pakin/pakin' + // cuIcon: 'pullup', + url: '/tzsk/pakin/pakin2' }, { - title: '璁㈠崟鍏ュ簱', - name: 'orderPakin', - color: 'blue', - cuIcon: 'pullup', - url: '/order/orderPakin' + title: '鍥涢」缁勬墭鍏ュ簱', + name: 'pakin', + color: 'cyan', + // cuIcon: 'pullup', + url: '/tzsk/pakin/pakin3' }, { - title: '鎵撳嵃', - name: 'print', - color: 'purple', - cuIcon: 'text', - url: '/print/print' + title: '骞冲簱缁勬墭涓婃灦', + name: 'PutOn', + color: 'cyan', + // cuIcon: 'pullup', + url: '/tzsk/order/orderPutOn' + }, + { + title: '鍑哄簱鎷i��', + name: 'checkOut', + color: 'cyan', + // cuIcon: 'pullup', + url: '/tzsk/pakin/checkOut' }, { 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: 'orderPakin', + color: 'red', + cuIcon: 'pullup', + url: '/order/orderPakin' + }, + + + { + title: '璁㈠崟鎷h揣', + name: 'orderPick', + color: 'cyan', + // cuIcon: 'pullup', + url: '/tzsk/order/orderPick' + }, + { + title: '鎵樼洏瑙g粦', + name: 'untie', + color: 'cyan', + // cuIcon: 'pullup', + url: '/tzsk/pakin/untie' + }, + { + title: '骞冲簱绉诲簱', + name: 'locChange', + color: 'cyan', + // cuIcon: 'pullup', + url: '/tzsk/pakin/locChage' + }, + { + title: '骞冲簱鎷h揣', + name: 'locChange', + color: 'cyan', + // cuIcon: 'pullup', + url: '/tzsk/pakin/locPick' + }, + { + title: '涓存椂鍏ュ簱', + name: 'pakin', + color: 'cyan', + cuIcon: 'pullup', + url: '/pakin/pakin2' + }, + + { + title: '鍐嶆鎷f枡', + name: 'changePallet', + color: 'green', + cuIcon: 'order', + url: '/pakin/pickAgain' + }, + + + { + title: '缁勬墭涓婃灦', + name: 'putOn', + color: 'orange', + cuIcon: 'pullup', + url: '/pakin/putOn' + }, + + { title: '搴撳瓨鏌ヨ', name: 'stockQuery', - color: 'brown', + color: 'green', cuIcon: 'check', - url: '/stock/stockQuery' + url: `/tzsk/stock/stockQuery` }, { title: '鐩樼偣', @@ -68,12 +193,13 @@ cuIcon: 'post', url: '/stock/stockCheck' }, + { - title: '鍟嗗搧鍒楄〃', - name: 'matList', - color: 'orange', - cuIcon: 'post', - url: '/mat/matList' + title: '鎹㈡澘缁戝畾', + name: 'changePallet', + color: 'green', + cuIcon: 'order', + url: '/stock/changePallet' }, { title: '琛ヨ揣', @@ -90,15 +216,127 @@ url: '/pakin/piking' }, { + title: '鎵撳嵃', + name: 'print', + color: 'purple', + cuIcon: 'text', + url: '/print/print' + }, + { + title: '鍟嗗搧鎵撳嵃', + name: 'matList', + color: 'orange', + cuIcon: 'post', + url: '/mat/matList' + }, + { title: '閫�鍑虹櫥褰�', name: 'logOut', color: 'grey', cuIcon: 'exit', url: '/login/logOut' }, - + ], + colorList: ['cyan','blue','purple','mauve','pink','brown','red','orange','yellow','olive','olive','grey' ] }; + }, + onShow() { + this.baseUrl = uni.getStorageSync('baseUrl'); + this.token = uni.getStorageSync('token'); + this.project = uni.getStorageSync('project') + this.getAuth() + this.backGroundRepeat() + }, + methods: { + backGroundRepeat() { + let len = this.colorList.length + let i = 0 + for (let k in this.elements2) { + if (i == len) { + i = 0 + } + this.elements2[k].color = this.colorList[i] + i++ + } + }, + getAuth() { + let that = this + uni.request({ + url: that.baseUrl + '/menu/pda/auth', + data: {}, + header: { 'token': uni.getStorageSync('token') }, + method: 'POST', + success(res) { + console.log(res); + if (res.statusCode === 404) { + that.elements = that.elements2 + return + } + 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: `/${that.project}${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 +345,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