|
|
|
@ -1,27 +1,25 @@ |
|
|
|
<template> |
|
|
|
<el-submenu v-if="menu.children && menu.children.length >= 1" |
|
|
|
:index="menu.id" |
|
|
|
:popper-append-to-body="false"> |
|
|
|
<template slot="title"> |
|
|
|
<svg class="icon-svg aui-sidebar__menu-icon" |
|
|
|
aria-hidden="true"> |
|
|
|
<use :xlink:href="`#${menu.icon}`"></use> |
|
|
|
<div v-if="menu.showFlag"> |
|
|
|
<el-submenu |
|
|
|
v-if="menu.children && menu.children.length >= 1" |
|
|
|
:index="menu.id" |
|
|
|
:popper-append-to-body="false" |
|
|
|
> |
|
|
|
<template slot="title"> |
|
|
|
<svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true"> |
|
|
|
<use :xlink:href="`#${menu.icon}`" /> |
|
|
|
</svg> |
|
|
|
<span>{{ menu.name }}</span> |
|
|
|
</template> |
|
|
|
<sub-menu v-for="item in menu.children" :key="item.id" :menu="item"></sub-menu> |
|
|
|
</el-submenu> |
|
|
|
<el-menu-item v-else :index="menu.id" @click="gotoRouteHandle(menu.id)"> |
|
|
|
<svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true"> |
|
|
|
<use :xlink:href="`#${menu.icon}`" /> |
|
|
|
</svg> |
|
|
|
<span>{{ menu.name }}</span> |
|
|
|
</template> |
|
|
|
<sub-menu v-for="item in menu.children" |
|
|
|
:key="item.id" |
|
|
|
:menu="item"></sub-menu> |
|
|
|
</el-submenu> |
|
|
|
<el-menu-item v-else |
|
|
|
:index="menu.id" |
|
|
|
@click="gotoRouteHandle(menu.id)"> |
|
|
|
<svg class="icon-svg aui-sidebar__menu-icon" |
|
|
|
aria-hidden="true"> |
|
|
|
<use :xlink:href="`#${menu.icon}`"></use> |
|
|
|
</svg> |
|
|
|
<span>{{ menu.name }}</span> |
|
|
|
</el-menu-item> |
|
|
|
</el-menu-item> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
@ -40,7 +38,9 @@ export default { |
|
|
|
methods: { |
|
|
|
// 通过menuId与动态(菜单)路由进行匹配跳转至指定路由 |
|
|
|
gotoRouteHandle (menuId) { |
|
|
|
var route = window.SITE_CONFIG['dynamicMenuRoutes'].filter(item => item.meta.menuId === menuId)[0] |
|
|
|
var route = window.SITE_CONFIG['dynamicMenuRoutes'].filter( |
|
|
|
(item) => item.meta.menuId === menuId |
|
|
|
)[0] |
|
|
|
if (route) { |
|
|
|
this.$router.push({ name: route.name }) |
|
|
|
} |
|
|
|
|