|
|
|
@ -12,7 +12,11 @@ |
|
|
|
</svg> |
|
|
|
<span>{{ menu.name }}</span> |
|
|
|
</template> |
|
|
|
<sub-menu v-for="item in menu.children" :key="item.id" :menu="item"></sub-menu> |
|
|
|
<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"> |
|
|
|
@ -24,28 +28,33 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import SubMenu from './main-sidebar-sub-menu' |
|
|
|
import SubMenu from "./main-sidebar-sub-menu"; |
|
|
|
export default { |
|
|
|
name: 'sub-menu', |
|
|
|
name: "sub-menu", |
|
|
|
props: { |
|
|
|
menu: { |
|
|
|
type: Object, |
|
|
|
required: true |
|
|
|
} |
|
|
|
required: true, |
|
|
|
}, |
|
|
|
}, |
|
|
|
components: { |
|
|
|
SubMenu |
|
|
|
SubMenu, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 通过menuId与动态(菜单)路由进行匹配跳转至指定路由 |
|
|
|
gotoRouteHandle(menuId) { |
|
|
|
var route = window.SITE_CONFIG['dynamicMenuRoutes'].filter( |
|
|
|
var route = window.SITE_CONFIG["dynamicMenuRoutes"].filter( |
|
|
|
(item) => item.meta.menuId === menuId |
|
|
|
)[0] |
|
|
|
)[0]; |
|
|
|
if (route) { |
|
|
|
console.log(route); |
|
|
|
if (route.meta.iframeURL.endsWith("【blank】")) { |
|
|
|
window.open(route.meta.iframeURL.slice(0, -7)); |
|
|
|
} else { |
|
|
|
this.$router.push({ name: route.name }) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|