You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.0 KiB
49 lines
1.0 KiB
<template>
|
|
<aside
|
|
:class="['aui-sidebar', `aui-sidebar--${$store.state.sidebarLayoutSkin}`]"
|
|
>
|
|
<div class="aui-sidebar__inner">
|
|
<el-menu
|
|
:default-active="$store.state.sidebarMenuActiveName"
|
|
:collapse="$store.state.sidebarFold"
|
|
:unique-opened="true"
|
|
:collapseTransition="false"
|
|
class="aui-sidebar__menu"
|
|
>
|
|
<sub-menu
|
|
v-for="menu in $store.state.sidebarActiveSubMenuList"
|
|
:key="menu.id"
|
|
:menu="menu"
|
|
/>
|
|
</el-menu>
|
|
</div>
|
|
</aside>
|
|
</template>
|
|
|
|
<script>
|
|
import SubMenu from './main-sidebar-sub-menu'
|
|
|
|
export default {
|
|
data() {
|
|
return {}
|
|
},
|
|
components: {
|
|
SubMenu
|
|
},
|
|
computed: {
|
|
userType() {
|
|
return localStorage.getItem('userType')
|
|
}
|
|
},
|
|
created() {
|
|
this.$store.state.sidebarMenuList = window.SITE_CONFIG['menuList']
|
|
console.log(this.$store.state.sidebarMenuList)
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
.el-menu--collapse .el-submenu__title span,
|
|
.el-menu--collapse .el-menu-item span {
|
|
display: none;
|
|
}
|
|
</style>
|
|
|