sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

no message

Browse Source 
Former-commit-id: 3fb3864bd7dde71733cd6eb5306f7a0583fe924e
Former-commit-id: 40dee5ed0a8182e9e6d29d8f2ef4003b61f29a80
Former-commit-id: d3db5ce8a901006ee233a45afc4dfae5fca3cb5d
This commit is contained in:
liyang
2018-06-04 13:01:38 +08:00
parent acbaa2b287
commit d6391eb98b
3 changed files with 34 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/core/MainLayout/components/SideMenu/components/ddMenus.vue Normal file
View File

@@ -0,0 +1,30 @@
<template>
<div>
<el-menu-item v-if="menu.children === undefined" :index="menu.path">
<i :class="`fa fa-${menu.icon}`"></i>
<span slot="title">{{menu.title}}</span>
</el-menu-item>
<el-submenu v-else index="1">
<template slot="title">
<i :class="`fa fa-${menu.icon}`"></i>
<span slot="title">{{menu.title}}</span>
</template>
<el-menu-item :index="menu.path">
<i :class="`fa fa-${menu.icon}`"></i>
<span slot="title">{{menu.title}}</span>
</el-menu-item>
</el-submenu>
</div>
</template>
<script>
export default {
name: 'menus',
props: {
menu: {
require: false,
default: () => []
}
}
}
</script>

15
src/components/core/MainLayout/components/SideMenu/components/menus.vue
View File

@@ -1,15 +0,0 @@
<template>
</template>
<script>
export default {
name: 'menus',
props: {
menus: {
require: false,
default: () => []
}
}
}
</script>

44
src/components/core/MainLayout/components/SideMenu/index.vue
View File

@@ -4,45 +4,9 @@
:collapse="collapse"
:unique-opened="true"
:router="true">
<menus/>
<!-- <template v-for="(menu, menuIndex) in menus">
<el-menu-item v-if="menu.children === undefined" :key="`level1-item-${menuIndex}`" :index="menu.path">
<i :class="`fa fa-${menu.icon}`"></i>
<span slot="title">{{menu.title}}</span>
</el-menu-item>
<el-submenu v-else :key="`level1-submenu-${menuIndex}`" :index="`level1-submenu-${menuIndex}`">
<template slot="title">
<i :class="`fa fa-${menu.icon}`"></i>
<span slot="title">{{menu.title}}</span>
</template>
</el-submenu>
</template> -->
<!-- <el-menu-item index="2">
<i class="el-icon-menu"></i>
<span slot="title">导航二</span>
</el-menu-item>
<el-submenu index="1">
<template slot="title">
<i class="el-icon-location"></i>
<span>导航一</span>
</template>
<el-menu-item-group>
<template slot="title">分组一</template>
<el-menu-item index="1-1">选项1</el-menu-item>
<el-menu-item index="1-2">选项2</el-menu-item>
</el-menu-item-group>
<el-menu-item-group title="分组2">
<el-menu-item index="1-3">选项3</el-menu-item>
</el-menu-item-group>
<el-submenu index="1-4">
<template slot="title">选项4</template>
<el-menu-item index="1-4-1">选项1</el-menu-item>
</el-submenu>
</el-submenu>
<el-menu-item index="4">
<i class="el-icon-setting"></i>
<span slot="title">导航四</span>
</el-menu-item> -->
<template v-for="(menu, menuIndex) in menus">
<dd-menus :menu="menu" :key="menuIndex"/>
</template>
</el-menu>
<!-- <div v-if="sideMenu.filter(e => e.title).length === 0 && !collapse" class="dd-side-menu-empty">
没有菜单
@@ -60,7 +24,7 @@ export default {
}
},
components: {
menus: () => import('./components/menus.vue')
ddMenus: () => import('./components/ddMenus.vue')
},
data () {
return {