| | |
| | | <!-- 二级侧边栏 --> |
| | | <el-aside width="200px" class="aside"> |
| | | <el-scrollbar> |
| | | <el-menu class="el-menu-vertical" :default-active="$route.path"> |
| | | <el-menu class="el-menu-vertical" :default-active="$route.path" |
| | | |
| | | > |
| | | <div v-for="item in asideList" :key="item.name"> |
| | | <span class="AsideBarTitle">{{item.name}}</span> |
| | | <el-menu-item v-for="child in item.children" :key="child.name" :index="child.index" class="firstMenu" |
| | |
| | | </el-aside> |
| | | </div> |
| | | </template> |
| | | |
| | | |
| | | <script> |
| | | export default { |
| | | data() { |
| | |
| | | { |
| | | name: "基础设置", index: '/home/system/base', children: [ |
| | | { |
| | | name: '用户管理', index: '/home/system/userList', |
| | | name: '用户管理', index: '/home/system/user', |
| | | }, |
| | | { |
| | | name: '新增用户', index: '/home/system/createUser' |
| | | name:'角色管理', index:'/home/system/role', |
| | | }, |
| | | { |
| | | name:'权限管理',index:'/home/system/authority', |
| | | }, |
| | | { |
| | | name:'部门管理',index:'/home/system/department', |
| | | } |
| | | ] |
| | | }, |
| | | { name: "平台设置", index: "/home/system/plateform", children: [] }, |
| | | { name: "平台设置", index: "/home/system/plateform", children: [ |
| | | { |
| | | name:'门户设置',index:'/home/system/portalSetting' |
| | | }, |
| | | { |
| | | name:'第三方接口管理',index:'/home/system/otherInterface' |
| | | } |
| | | ] }, |
| | | ], |
| | | } |
| | | ], |
| | |
| | | this.asideList = null; |
| | | menu.forEach(item => { |
| | | if (path.indexOf(item.name) !== -1) { |
| | | console.log(item.children); |
| | | that.asideList = item.children; |
| | | } |
| | | }) |
| | | console.log(this.asideList); |
| | | }, |
| | | Jump(path) { |
| | | this.$router.push(path); |
| | |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | | |
| | | <style lang="scss" scpoed> |
| | | .icon-padding { |
| | | padding-right: 10px; |
| | |
| | | top: 0; |
| | | left: 0; |
| | | z-index: 999; |
| | | box-shadow: 0 -5px 5px #0ff inset; |
| | | // box-shadow: 0 -5px 5px #0ff inset; |
| | | } |
| | | |
| | | .el-scrollbar { |
| | |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | </style> |