Commit 9945ba49 by caoyanzhi

update: 菜单接口

parent d6264d37
<template> <template>
<el-menu class="aside-menu-box" :default-openeds="menuList.map(el => el.menuCode)"> <el-menu class="aside-menu-box" :default-openeds="menuList.map(el => el.menuCode)">
<el-submenu class="aside-menu-list" v-for="el in menuList" :index="el.menuCode" :key="el.menuCode"> <el-submenu class="aside-menu-list" v-for="el in getMenuList" :index="el.menuCode" :key="el.menuCode">
<div class="aside-menu-list-title" slot="title"> <div class="aside-menu-list-title" slot="title">
<i :class="['menu-icon iconfont-hb3', el.iconUrl]"></i> <i :class="['menu-icon iconfont-hb3', el.iconUrl]"></i>
<span>{{ el.menuName }}</span> <span>{{ el.menuName }}</span>
...@@ -22,6 +22,16 @@ export default { ...@@ -22,6 +22,16 @@ export default {
}, },
activedCode: String activedCode: String
}, },
computed: {
getMenuList() {
return this.menuList.filter(el => {
if (el.hasRight && el.isShow && Array.isArray(el.childList)) {
el.childList = el.childList.filter(item => item.hasRight && item.isShow);
}
return el.hasRight && el.isShow;
});
}
},
methods: { methods: {
toPage(menu) { toPage(menu) {
if (this.activedCode == menu.menuCode) return; if (this.activedCode == menu.menuCode) return;
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="main-menu-box"> <div class="main-menu-box">
<div class="main-menu"> <div class="main-menu">
<img class="main-menu-logo" src="@/assets/logo-layout.png" alt="" @click="toIndex" /> <img class="main-menu-logo" src="@/assets/logo-layout.png" alt="" @click="toIndex" />
<div v-for="el in menuList.filter(el => el.hasRight == 1 && el.isShow == 1)" :key="el.menuCode" :class="['main-menu-item', { actived: activedCode == el.menuCode }]" @click="toPage(el)"> <div v-for="el in getMenuList" :key="el.menuCode" :class="['main-menu-item', { actived: activedCode == el.menuCode }]" @click="toPage(el)">
{{ el.menuName }} {{ el.menuName }}
</div> </div>
</div> </div>
...@@ -29,6 +29,11 @@ export default { ...@@ -29,6 +29,11 @@ export default {
}, },
activedCode: String activedCode: String
}, },
computed: {
getMenuList() {
return this.menuList.filter(el => el.hasRight && el.isShow);
}
},
methods: { methods: {
toIndex() { toIndex() {
this.$router.push('/'); this.$router.push('/');
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment