|
@@ -1,18 +1,36 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <el-menu style="border: 0;" :key="index" background-color="#266999" text-color="rgba(255, 255, 255, 1)"
|
|
|
- active-text-color="#ffd04b" :collapse="isCollapse" :collapse-transition="false" router mode="vertical"
|
|
|
- :unique-opened="true" v-for="(menu, index) in menus">
|
|
|
+ <el-menu
|
|
|
+ style="border: 0"
|
|
|
+ :key="index"
|
|
|
+ background-color="#266999"
|
|
|
+ text-color="rgba(255, 255, 255, 1)"
|
|
|
+ active-text-color="#ffd04b"
|
|
|
+ :collapse="isCollapse"
|
|
|
+ :collapse-transition="false"
|
|
|
+ router
|
|
|
+ mode="vertical"
|
|
|
+ :unique-opened="true"
|
|
|
+ v-for="(menu, index) in menus"
|
|
|
+ >
|
|
|
<el-submenu :index="String(index)" v-if="menu.submenus != null">
|
|
|
<template slot="title">
|
|
|
<el-image :src="menu.url"></el-image>
|
|
|
<span>{{ menu.name }}</span>
|
|
|
</template>
|
|
|
- <el-menu-item v-for="submenu in menu.submenus" :index="submenu.path" :key="submenu.path">
|
|
|
- <span style="margin-left:40px">{{ submenu.name }}</span>
|
|
|
+ <el-menu-item
|
|
|
+ v-for="submenu in menu.submenus"
|
|
|
+ :index="submenu.path"
|
|
|
+ :key="submenu.path"
|
|
|
+ >
|
|
|
+ <span style="margin-left: 40px">{{ submenu.name }}</span>
|
|
|
</el-menu-item>
|
|
|
</el-submenu>
|
|
|
- <el-menu-item v-if="menu.submenus == null" :key="menu.path" :index="menu.path">
|
|
|
+ <el-menu-item
|
|
|
+ v-if="menu.submenus == null"
|
|
|
+ :key="menu.path"
|
|
|
+ :index="menu.path"
|
|
|
+ >
|
|
|
<el-image :src="menu.url"></el-image>
|
|
|
<span slot="title">
|
|
|
{{ menu.name }}
|
|
@@ -21,15 +39,15 @@
|
|
|
</el-menu>
|
|
|
</div>
|
|
|
</template>
|
|
|
-
|
|
|
+
|
|
|
<script>
|
|
|
export default {
|
|
|
props: {
|
|
|
- isCollapse: Boolean
|
|
|
+ isCollapse: Boolean,
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- 'menus': [
|
|
|
+ menus: [
|
|
|
{
|
|
|
url: require("@/assets/images/userManagement@3x.png"),
|
|
|
name: "用户管理",
|
|
@@ -50,9 +68,9 @@ export default {
|
|
|
path: "/home/role",
|
|
|
},
|
|
|
{
|
|
|
- url: require('@/assets/images/systemConfiguration@3x.png'),
|
|
|
- name: '系统配置',
|
|
|
- path: '/home/system',
|
|
|
+ url: require("@/assets/images/systemConfiguration@3x.png"),
|
|
|
+ name: "系统配置",
|
|
|
+ path: "/home/system",
|
|
|
submenus: [
|
|
|
{
|
|
|
name: "策略配置",
|
|
@@ -127,11 +145,11 @@ export default {
|
|
|
],
|
|
|
},
|
|
|
],
|
|
|
- }
|
|
|
+ };
|
|
|
},
|
|
|
-}
|
|
|
+};
|
|
|
</script>
|
|
|
-
|
|
|
+
|
|
|
<style lang="less" scoped>
|
|
|
/deep/.el-submenu__icon-arrow {
|
|
|
display: none;
|
|
@@ -149,16 +167,15 @@ export default {
|
|
|
height: 30px;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
/deep/.el-menu-item-group__title {
|
|
|
padding: 0;
|
|
|
}
|
|
|
|
|
|
-.el-menu-item-group>.span {
|
|
|
+.el-menu-item-group > .span {
|
|
|
margin-left: 70px;
|
|
|
}
|
|
|
|
|
|
-/deep/.el-menu--inline> {
|
|
|
+/deep/.el-menu--inline > {
|
|
|
border: none;
|
|
|
text-align: -webkit-right;
|
|
|
}
|
|
@@ -174,4 +191,3 @@ export default {
|
|
|
padding: 0 40px;
|
|
|
}
|
|
|
</style>
|
|
|
-
|