|
|
@ -8,10 +8,7 @@ |
|
|
|
popper-append-to-body |
|
|
|
> |
|
|
|
<template slot="title"> |
|
|
|
<svg |
|
|
|
class="icon-svg aui-sidebar__menu-icon" |
|
|
|
aria-hidden="true" |
|
|
|
> |
|
|
|
<svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true"> |
|
|
|
<use :xlink:href="`#${menu.icon}`" /> |
|
|
|
</svg> |
|
|
|
<span :title="menu.name">{{ menu.name }}</span> |
|
|
@ -24,7 +21,12 @@ |
|
|
|
:menu="item" |
|
|
|
></sub-menu> |
|
|
|
</el-submenu> |
|
|
|
<el-menu-item v-else :index="menu.id" @click="gotoRouteHandle(menu.id)"> |
|
|
|
<el-menu-item |
|
|
|
:class="{ 'activeTow': menu.id == $store.state.LevelTowMenuActiveName }" |
|
|
|
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> |
|
|
@ -64,6 +66,7 @@ export default { |
|
|
|
this.$router.push({ name: route.name }); |
|
|
|
} |
|
|
|
} |
|
|
|
this.$store.state.LevelTowMenuActiveName = menuId |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
@ -75,4 +78,17 @@ export default { |
|
|
|
/deep/ .el-menu-item { |
|
|
|
@include toe; |
|
|
|
} |
|
|
|
.activeTow{ |
|
|
|
background-color: #ecf4fe; |
|
|
|
} |
|
|
|
.activeTow::after{ |
|
|
|
display: inline-block; |
|
|
|
content: ''; |
|
|
|
background-color: #0056d6; |
|
|
|
width: 2px; |
|
|
|
height: 48px; |
|
|
|
position: absolute; |
|
|
|
right: 3px; |
|
|
|
top: 0; |
|
|
|
} |
|
|
|
</style> |
|
|
|