| | |
|---|
| | | </el-submenu> |
|---|
| | | |
|---|
| | | </el-menu> |
|---|
| | | <el-empty v-if="this.menus===null||this.menus===undefined||this.menus.length===0" :image-size="130" description="没有侧栏菜单"></el-empty> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import {getMenuTreeByRole} from "@/api/menus/index" |
|---|
| | | export default { |
|---|
| | | name: "AppSidebar", |
|---|
| | | props: {}, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | menus:[] |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | watch: {}, |
|---|
| | |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | getMenuTreeByRole(){ |
|---|
| | | getMenuTreeByRole().then((res)=>{ |
|---|
| | | res.data.list.map((item)=>{ |
|---|
| | | if(item.systemType===4){ |
|---|
| | | this.menus=item.menus |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | this.menus=this.$store.state.menus.menus |
|---|
| | | }, |
|---|
| | | // 监听路由 |
|---|
| | | initNavMenu() { |
|---|
| | |
|---|
| | | <!-- Add "scoped" attribute to limit CSS to this component only --> |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | @import "./index.scss"; |
|---|
| | | ::v-deep .el-empty{ |
|---|
| | | .el-empty__description{ |
|---|
| | | p{ |
|---|
| | | color: #dddd; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
