1. 为菜单数据新增remark字段并设置默认值 2. 全量替换硬编码文本为国际化多语言支持 3. 新增生产配置模块首页组件与路由 4. 新增菜单重载action,支持语言切换后重载菜单 5. 补充简体中文、英文、日文、繁体中文语言包
41 lines
1.1 KiB
JavaScript
41 lines
1.1 KiB
JavaScript
import { mapState } from 'vuex'
|
|
import menuMixin from '../mixin/menu'
|
|
import { createMenu } from '../libs/util.menu'
|
|
|
|
export default {
|
|
name: 'd2-layout-header-aside-menu-side',
|
|
mixins: [
|
|
menuMixin
|
|
],
|
|
render (h) {
|
|
return <div class="d2-layout-header-aside-menu-side">
|
|
<d2-scrollbar>
|
|
<el-menu
|
|
collapse={ this.asideCollapse }
|
|
collapseTransition={ this.asideTransition }
|
|
uniqueOpened={ true }
|
|
defaultActive={ this.$route.fullPath }
|
|
ref="menu"
|
|
onSelect={ this.handleMenuSelect }>
|
|
{ this.aside.map(menu => createMenu.call(this, h, menu)) }
|
|
</el-menu>
|
|
{
|
|
this.aside.length === 0 && !this.asideCollapse
|
|
? <div class="d2-layout-header-aside-menu-empty" flex="dir:top main:center cross:center">
|
|
<d2-icon name="inbox"/>
|
|
<span>{ this.$t('page.layout.menu.no_sidebar') }</span>
|
|
</div>
|
|
: null
|
|
}
|
|
</d2-scrollbar>
|
|
</div>
|
|
},
|
|
computed: {
|
|
...mapState('d2admin/menu', [
|
|
'aside',
|
|
'asideCollapse',
|
|
'asideTransition'
|
|
])
|
|
}
|
|
}
|