|
|
|
|
@ -41,44 +41,46 @@ const menuItemClick = (name) => {
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<div class="aside_menu_wrapper">
|
|
|
|
|
<el-menu @select="menuItemClick" :default-active="default_active" :collapse="$collapsed"
|
|
|
|
|
background-color="#ffffff00">
|
|
|
|
|
<el-menu-item index="index">
|
|
|
|
|
<el-icon>
|
|
|
|
|
<Icon type="home"></Icon>
|
|
|
|
|
</el-icon>
|
|
|
|
|
<span>首页</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
<template v-for="(i,k) in menu_list">
|
|
|
|
|
<el-sub-menu v-if="i.children.length > 1" :index="i.name" :disabled="i.status === 2">
|
|
|
|
|
<template #title>
|
|
|
|
|
<el-scrollbar height="calc(100vh - 56px)">
|
|
|
|
|
<el-menu @select="menuItemClick" :default-active="default_active" :collapse="$collapsed"
|
|
|
|
|
background-color="#ffffff00">
|
|
|
|
|
<el-menu-item index="index">
|
|
|
|
|
<el-icon>
|
|
|
|
|
<Icon type="home"></Icon>
|
|
|
|
|
</el-icon>
|
|
|
|
|
<span>首页</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
<template v-for="(i,k) in menu_list">
|
|
|
|
|
<el-sub-menu v-if="i.children.length > 1" :index="i.name" :disabled="i.status === 2">
|
|
|
|
|
<template #title>
|
|
|
|
|
<el-icon>
|
|
|
|
|
<Icon :type="i.icon"></Icon>
|
|
|
|
|
</el-icon>
|
|
|
|
|
<span>{{ i.title }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
<el-menu-item v-for="(ii,kk) in i.children" :index="ii.name" :key="kk" :disabled="ii.status === 2">
|
|
|
|
|
<el-icon>
|
|
|
|
|
<Icon :type="ii.icon"></Icon>
|
|
|
|
|
</el-icon>
|
|
|
|
|
<span>{{ ii.title }}</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
</el-sub-menu>
|
|
|
|
|
<el-menu-item v-if="i.children.length === 1" :index="i.children[0].name"
|
|
|
|
|
:disabled="i.status === 2 || i.children[0].status === 2">
|
|
|
|
|
<el-icon>
|
|
|
|
|
<Icon :type="i.icon"></Icon>
|
|
|
|
|
<Icon :type="i.children[0].icon"></Icon>
|
|
|
|
|
</el-icon>
|
|
|
|
|
<span>{{ i.title }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
<el-menu-item v-for="(ii,kk) in i.children" :index="ii.name" :key="kk" :disabled="ii.status === 2">
|
|
|
|
|
<span>{{ i.children[0].title }}</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
<el-menu-item v-if="i.children.length === 0" :index="i.name" :disabled="i.status === 2">
|
|
|
|
|
<el-icon>
|
|
|
|
|
<Icon :type="ii.icon"></Icon>
|
|
|
|
|
<Icon :type="i.icon"></Icon>
|
|
|
|
|
</el-icon>
|
|
|
|
|
<span>{{ ii.title }}</span>
|
|
|
|
|
<span>{{ i.title }}</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
</el-sub-menu>
|
|
|
|
|
<el-menu-item v-if="i.children.length === 1" :index="i.children[0].name"
|
|
|
|
|
:disabled="i.status === 2 || i.children[0].status === 2">
|
|
|
|
|
<el-icon>
|
|
|
|
|
<Icon :type="i.children[0].icon"></Icon>
|
|
|
|
|
</el-icon>
|
|
|
|
|
<span>{{ i.children[0].title }}</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
<el-menu-item v-if="i.children.length === 0" :index="i.name" :disabled="i.status === 2">
|
|
|
|
|
<el-icon>
|
|
|
|
|
<Icon :type="i.icon"></Icon>
|
|
|
|
|
</el-icon>
|
|
|
|
|
<span>{{ i.title }}</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
</template>
|
|
|
|
|
</el-menu>
|
|
|
|
|
</template>
|
|
|
|
|
</el-menu>
|
|
|
|
|
</el-scrollbar>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
@ -95,7 +97,7 @@ const menuItemClick = (name) => {
|
|
|
|
|
color: var(--el-menu-active-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.aside_menu_wrapper > .el-menu {
|
|
|
|
|
.aside_menu_wrapper .el-menu {
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|