From aaad4b73bd2e0cfa19656653c2889d375cd66495 Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期日, 25 六月 2023 13:09:53 +0800 Subject: [PATCH] # --- pages/home/home.vue | 113 +++++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 94 insertions(+), 19 deletions(-) diff --git a/pages/home/home.vue b/pages/home/home.vue index 169ea59..8640219 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,8 +19,10 @@ export default { data() { return { - elements: [ - { + baseUrl: '', + token: '', + elements: [], + elements2: [{ title: '缁勬墭鍏ュ簱', name: 'pakin', color: 'cyan', @@ -103,9 +106,80 @@ 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.elements.unshift({ + title: res.data[i].name, + name: res.data[i].title, + color: that.colorList[i], + cuIcon: 'safe', + url: res.data[i].action + }) + } + that.elements.push({ + title: '閫�鍑虹櫥褰�', + name: 'logOut', + color: 'grey', + cuIcon: 'exit' + }) + } 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) { + uni.showToast({ + title: '404', + icon: "none", + position: 'top' + }) + } else { + uni.showToast({ + title: res.msg, + icon: "none", + position: 'top' + }) + } + }, + fail(err) { + console.log(err); + } + }) + }, } } </script> @@ -114,76 +188,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