From 5aa3a9bdd9001e53f245efd40b0d39263caa4bfc Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期六, 19 十一月 2022 17:27:53 +0800 Subject: [PATCH] 数据管理页面添加,修改 --- src/components/navMenu.vue | 63 +++++++++++++++++++------------ 1 files changed, 38 insertions(+), 25 deletions(-) diff --git a/src/components/navMenu.vue b/src/components/navMenu.vue index 72dd61a..0d4895a 100644 --- a/src/components/navMenu.vue +++ b/src/components/navMenu.vue @@ -57,7 +57,7 @@ import { logout } from '@/api/api'; import { removeToken, getToken } from '@/utils/auth'; import customElMenu from '../components/customElMenu.vue'; -import { queryMenuTree, getPerms } from '../api/api'; +import { queryMenuTree } from '../api/api'; import colorChange from '../views/maintenance/colorChange.vue'; export default { name: 'navMenu', @@ -91,37 +91,43 @@ label: '鏁版嵁璐ㄦ', class: 'm1', checkClass: 'm11', + url: '', }, { label: '鏁版嵁浜ゆ崲', class: 'm2', checkClass: 'm21', + url: '', }, { label: '鏁版嵁绠$悊', class: 'm3', checkClass: 'm31', + url: '', }, { label: '鏈嶅姟绠$悊', class: 'm4', checkClass: 'm41', + url: '', }, { label: '缁煎悎灞曠ず', class: 'm5', checkClass: 'm51', + url: '', }, { label: '杩愮淮绠$悊', class: 'm6', checkClass: 'm61', + url: '', }, ], }; }, + created() {}, mounted() { - this.getUserPerms(); this.getMenuTree(); }, computed: { @@ -152,29 +158,41 @@ }, //榧犳爣绉诲叆鑿滃崟浜嬩欢 setMenuMove(index, item) { + this.$router.push(item.url); this.changeSelectStyle = index; }, - getMenuTree() { + async getMenuTree() { //鑾峰彇鐩綍鏍戞渶澶D锛屾柊寤鸿妭鐐逛娇鐢� // queryMaxId().then((res) => { // this.id = res.data; // }); - // 鑾峰彇鐩綍鏍戞暟鎹� - queryMenuTree().then((res) => { - if (res.code == 200) { - if (res.result.length != 0) { - let menuLists = res.result.filter((value) => { - return value.pid == 1; - }); - // console.log(menuLists); - this.menuList = menuLists; - } else { - alert('鏆傛棤鑿滃崟鏍忔暟鎹�'); - } + // + + const data = await queryMenuTree(); + var that = this; + if (data.code == 200) { + if (data.result.length != 0) { + let menuLists = data.result.filter((value) => { + return value.pid == 1; + }); + + that.menuList = menuLists; + that.setMenuTree(menuLists); } else { - console.log('鎺ュ彛鎶ラ敊'); + alert('鏆傛棤鑿滃崟鏍忔暟鎹�'); } - }); + } + }, + setMenuTree(res) { + console.log(res); + for (var i = 0; i < res.length; i++) { + for (var j = 0; j < this.listMenu.length; j++) { + if (this.listMenu[j].label == res[i].cnName) { + this.listMenu[j].url = res[i].perms; + } + } + } + console.log(this.listMenu); }, treeData(source) { let cloneData = JSON.parse(JSON.stringify(source)); // 瀵规簮鏁版嵁娣卞害鍏嬮殕 @@ -253,11 +271,6 @@ this.$router.push(index); } }, - getUserPerms() { - getPerms().then((res) => { - if (res.code == 200) this.$store.commit('getPermsEntity', res.result); - }); - }, }, watch: { $route() { @@ -287,9 +300,9 @@ .logo { width: 80px; height: 80px; - margin-left: 30px; - margin-top: 33px; - background: url('../assets/img/鍥惧眰 34.png') no-repeat 100% 100%; + // margin-left: 30px; + // margin-top: 33px; + // background: url('../assets/img/鍥惧眰 34.png') no-repeat 100% 100%; } // .rightWrapper { // width: 70%; -- Gitblit v1.9.3