From 12d5e958374114425dae7e530656a034e0c38b1a Mon Sep 17 00:00:00 2001 From: whycq <913841844@qq.com> Date: 星期五, 13 十月 2023 16:02:51 +0800 Subject: [PATCH] # --- pages/project/ps/home/home.vue | 372 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 369 insertions(+), 3 deletions(-) diff --git a/pages/project/ps/home/home.vue b/pages/project/ps/home/home.vue index c846dd9..daab551 100644 --- a/pages/project/ps/home/home.vue +++ b/pages/project/ps/home/home.vue @@ -1,13 +1,379 @@ <template> <view> - + <scroll-view scroll-y class="page"> + <view class="nav-list"> + <navigator hover-class='none' :url="'/pages/project' + 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> + </navigator> + </view> + <view class="cu-tabbar-height"></view> + </scroll-view> </view> </template> <script> - + export default { + data() { + return { + baseUrl: '', + token: '', + icon: '', + elements: [], + elements2: [ + { + title: '缁勬墭鍏ュ簱', + name: 'pakin', + color: 'cyan', + cuIcon: 'pullup', + url: '/ps/pakin/pakin' + }, + { + title: '鎵樼洏瑙g粦', + name: 'untie', + color: 'cyan', + cuIcon: 'pullup', + url: '/tzsk/pakin/untie' + }, + { + title: '缁勬墭涓婃灦', + name: 'pakin', + color: 'cyan', + cuIcon: 'pullup', + url: '/tzsk/order/orderPutOn' + }, + { + title: '璁㈠崟鎷h揣', + name: 'pakin', + color: 'cyan', + cuIcon: 'pullup', + url: '/tzsk/order/orderPick' + }, + { + title: '涓存椂鍏ュ簱', + name: 'pakin', + color: 'cyan', + cuIcon: 'pullup', + url: '/pakin/pakin2' + }, + { + title: 'AGV鐩樼偣/鎷f枡', + name: 'AGVPick', + color: 'cyan', + cuIcon: 'pullup', + url: '/tzsk/AGV/AGVPick' + }, + { + 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: 'AGV瀹瑰櫒绂诲満', + name: 'pakin', + color: 'cyan', + cuIcon: 'pullup', + url: '/tzsk/AGV/AGVContainerMove' + }, + { + title: '璁㈠崟鍏ュ簱', + name: 'orderPakin', + color: 'red', + cuIcon: 'pullup', + url: '/order/orderPakin' + }, + { + title: '缁勬墭涓婃灦', + name: 'putOn', + color: 'orange', + cuIcon: 'pullup', + url: '/pakin/putOn' + }, + { + title: '鎵撳嵃', + name: 'print', + color: 'purple', + cuIcon: 'text', + url: '/print/print' + }, + { + title: '璁㈠崟涓婃灦', + name: 'orderPutOn', + color: 'yellow', + cuIcon: 'pullup', + url: '/order/orderPutOn' + }, + { + title: '璁㈠崟涓嬫灦', + name: 'orderPutDown', + color: 'olive', + cuIcon: 'pulldown', + url: '/order/orderPutDown' + }, + { + title: '搴撳瓨鏌ヨ', + name: 'stockQuery', + color: 'green', + cuIcon: 'check', + url: '/stock/stockQuery' + }, + { + title: '鐩樼偣', + name: 'stockCheck', + color: 'red', + cuIcon: 'post', + url: '/stock/stockCheck' + }, + { + title: '鍟嗗搧鎵撳嵃', + name: 'matList', + color: 'orange', + cuIcon: 'post', + url: '/mat/matList' + }, + { + title: '琛ヨ揣', + name: 'restock', + color: 'yellow', + cuIcon: 'punch', + url: '/stock/restock' + }, + { + title: '杞叏鏉�', + name: 'piking', + color: 'olive', + cuIcon: 'order', + 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() + 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: 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); + that.elements = that.elements2 + } + }) + }, + getIcon(e) { + const ways = ['pakin','orderPakin','orderPutOn'] + if (ways.includes(e)) { + this.icon = 'pullup' + } + } + } + } </script> <style> - + .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; + } </style> \ No newline at end of file -- Gitblit v1.9.1