From 0da6ffc479eceef01478c6aaf6621fe293e3f7c3 Mon Sep 17 00:00:00 2001 From: lxl <lixuliang_hd@126.com> Date: 星期三, 26 十月 2022 09:53:19 +0800 Subject: [PATCH] 菜单 --- src/components/navMenu.vue | 47 +++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 43 insertions(+), 4 deletions(-) diff --git a/src/components/navMenu.vue b/src/components/navMenu.vue index 830cf14..e502d4d 100644 --- a/src/components/navMenu.vue +++ b/src/components/navMenu.vue @@ -37,7 +37,7 @@ import { logout } from "@/api/api"; import { removeToken, getToken } from "@/utils/auth"; import customElMenu from "../components/customElMenu.vue"; -import { queryMenuTree, updateMenuTree, queryMaxId } from "../api/api"; +import { queryMenuTree, getPerms } from "../api/api"; export default { name: "navMenu", @@ -66,8 +66,22 @@ }, mounted() { this.getMenuTree(); + this.getUserPerms(); }, - computed: {}, + computed: { + // 鎴戜滑浣跨敤璁$畻灞炴�ф潵鑾峰彇鍒板綋鍓嶇偣鍑荤殑鑿滃崟鐨勮矾鐢辫矾寰勶紝鐒跺悗璁剧疆default-active涓殑鍊� + // 浣垮緱鑿滃崟鍦ㄨ浇鍏ユ椂灏辫兘瀵瑰簲楂樹寒 + // activeIndex() { + // const route = this.$route; + // const { meta, path } = route; + // // if set path, the sidebar will highlight the path you set + // // 鍙互鍦ㄨ矾鐢遍厤缃枃浠朵腑璁剧疆鑷畾涔夌殑璺敱璺緞鍒癿eta.activeMenu灞炴�т腑锛屾潵鎺у埗鑿滃崟鑷畾涔夐珮浜樉绀� + // if (meta.activeMenu) { + // return meta.activeMenu; + // } + // return path; + // }, + }, methods: { getMenuTree() { //鑾峰彇鐩綍鏍戞渶澶D锛屾柊寤鸿妭鐐逛娇鐢� @@ -78,7 +92,10 @@ queryMenuTree().then((res) => { if (res.code == 200) { if (res.result.length != 0) { - this.menuList = this.treeData(res.result); + let menuLists = res.result.filter((value) => { + return value.type == 1; + }); + this.menuList = this.treeData(menuLists); } else { alert("鏆傛棤鑿滃崟鏍忔暟鎹�"); } @@ -147,6 +164,14 @@ } }, handleselect(index, indexPath) { + if (Window.ws != null) { + Window.ws.close(); + Window.ws.onclose = () => { + console.log("鏈嶅姟鍣ㄥ叧闂�"); + }; + Window.ws = null; + } + if (index.indexOf("http") != -1) { this.$router.push("/databaseMonitoring"); this.$store.commit("getIframe", index); @@ -154,12 +179,26 @@ this.$router.push(index); } }, + getUserPerms() { + getPerms().then((res) => { + this.$commit("getPermsEntity", res.result); + }); + }, }, watch: { $route() { - this.activeIndex = this.$route.path; + let str = this.$route.path; + if (str[0] == "/") { + this.activeIndex = str.slice(1); + } }, }, + created() { + let str = this.$route.path; + if (str[0] == "/") { + this.activeIndex = str.slice(1); + } + }, }; </script> <style lang="less" scoped> -- Gitblit v1.9.3