From c9c263dc43ad90f95f24a036cee9e6b47afb596c Mon Sep 17 00:00:00 2001 From: skyouc Date: 星期六, 21 十二月 2024 18:44:20 +0800 Subject: [PATCH] 新建盐城德森项目 --- pages/home/home.vue | 438 ++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 290 insertions(+), 148 deletions(-) diff --git a/pages/home/home.vue b/pages/home/home.vue index ee3942a..ab9a213 100644 --- a/pages/home/home.vue +++ b/pages/home/home.vue @@ -1,149 +1,291 @@ -<template> - <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"> - <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 { - elements: [ - { - title: '缁勬墭鍏ュ簱', - name: 'pakin', - color: 'cyan', - cuIcon: 'list', - url: '/pakin/pakin' - }, - { - title: '璁㈠崟鍏ュ簱', - name: 'orderPakin', - color: 'blue', - cuIcon: 'list', - url: '/order/orderPakin' - }, - { - title: '鎵撳嵃', - name: 'print', - color: 'purple', - cuIcon: 'list', - url: '/print/print' - }, - { - title: '璁㈠崟涓婃灦', - name: 'orderPutOn', - color: 'mauve', - cuIcon: 'list', - url: '/order/orderPutOn' - }, - { - title: '璁㈠崟涓嬫灦', - name: 'orderPutDown', - color: 'pink', - cuIcon: 'list', - url: '/order/orderPutDown' - }, - { - title: '閫�鍑虹櫥褰�', - name: 'logOut', - color: 'grey', - cuIcon: 'exit', - url: '/login/logOut' - }, - - ], - }; - } - } -</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; - } +<template> + <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"> + <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: '/pakin/pakin' + }, + // { + // title: '鍐嶆鎷f枡', + // name: 'changePallet', + // color: 'green', + // cuIcon: 'order', + // url: '/pakin/pickAgain' + // }, + { + 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() + }, + 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> + +<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