<template>
|
<div class="sidebar-container">
|
<div class="scrollbar-wrapper">
|
<page-nav :menus="permitMenu"></page-nav>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { isHasPermit } from "@/assets/js/tools";
|
import getPageMenu from "@/assets/js/tools/getPageMenu";
|
import {
|
APIGetPageMenu
|
} from '@/layout/js/api';
|
import PageNav from "./PageNav";
|
|
export default {
|
components: { PageNav },
|
data() {
|
return {
|
menus: [],
|
};
|
},
|
methods: {
|
getPageMenu() {
|
APIGetPageMenu()
|
.then((res) => {
|
let rs = res.data;
|
let data = [];
|
if (rs.code == 1) {
|
data = rs.data;
|
}
|
this.menus = getPageMenu();
|
this.changeMenus(this.menus, data);
|
})
|
.catch((error) => {
|
this.menus = getPageMenu();
|
console.log(error);
|
});
|
},
|
changeMenus(menus, list) {
|
menus.forEach((menu) => {
|
let item = "";
|
for (let i = 0; i < list.length; i++) {
|
if (menu.id == list[i].id) {
|
item = list[i];
|
break;
|
}
|
}
|
if (item && item.childrens) {
|
item.childrens.forEach((children) => {
|
for (let i = 0; i < menu.childrens.length; i++) {
|
let item2 = menu.childrens[i];
|
if (item2.id == children.id) {
|
item2.enableduse = children.enableduse;
|
break;
|
}
|
}
|
});
|
}
|
});
|
},
|
},
|
computed: {
|
permitMenu() {
|
let permits = this.$store.state.user.permits;
|
|
let menus = this.menus.map((item) => {
|
let tmp = {
|
label: item.label,
|
name: item.name,
|
src: item.src,
|
icon: item.icon,
|
noChild: item.noChild ? true : false,
|
enableduse: item.enableduse,
|
closable: item.closable,
|
};
|
if (!tmp.noChild) {
|
tmp.childrens = item.childrens.filter((child) => {
|
if (child.permitName) {
|
// return !0 || isHasPermit(child.permitName, permits);
|
return isHasPermit(child.permitName, permits);
|
} else {
|
return true;
|
}
|
});
|
}
|
return tmp;
|
});
|
return menus.filter((item) => {
|
return item.noChild || item.childrens.length > 0;
|
});
|
},
|
},
|
mounted() {
|
this.getPageMenu();
|
},
|
};
|
</script>
|
|
<style scoped></style>
|
