From fdfc2c66434bdacdd539f228b51a33c8d15e71d5 Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期六, 20 四月 2024 12:32:15 +0800
Subject: [PATCH] #
---
pages/home/home.vue | 274 ++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 200 insertions(+), 74 deletions(-)
diff --git a/pages/home/home.vue b/pages/home/home.vue
index 6ebdd2d..e502616 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/component/' + item.name" 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,68 +19,192 @@
export default {
data() {
return {
- elements: [{
- title: '鎿嶄綔鏉�',
- name: 'bar',
- color: 'purple',
- cuIcon: 'vipcard'
- },
+ baseUrl: '',
+ token: '',
+ icon: '',
+ elements: [],
+ elements2: [
{
- title: '瀵艰埅鏍� ',
- name: 'nav',
- color: 'mauve',
- cuIcon: 'formfill'
- },
- {
- title: '鍒楄〃',
- name: 'list',
- color: 'pink',
- cuIcon: 'list'
- },
- {
- title: '鍗＄墖',
- name: 'card',
- color: 'brown',
- cuIcon: 'newsfill'
- },
- {
- title: '琛ㄥ崟',
- name: 'form',
- color: 'red',
- cuIcon: 'formfill'
- },
- {
- title: '鏃堕棿杞�',
- name: 'timeline',
- color: 'orange',
- cuIcon: 'timefill'
- },
- {
- title: '鑱婂ぉ',
- name: 'chat',
- color: 'green',
- cuIcon: 'messagefill'
- },
- {
- title: '杞挱',
- name: 'swiper',
- color: 'olive',
- cuIcon: 'album'
- },
- {
- title: '妯℃�佹',
- name: 'modal',
- color: 'grey',
- cuIcon: 'squarecheckfill'
- },
- {
- title: '姝ラ鏉�',
- name: 'steps',
+ title: '缁勬墭鍏ュ簱',
+ name: 'pakin',
color: 'cyan',
- cuIcon: 'roundcheckfill'
- }
+ cuIcon: 'pullup',
+ url: '/pakin/pakin'
+ },
+ {
+ title: '鍐嶆鎷ｆ枡',
+ 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>
@@ -88,76 +213,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