Zhou
46b01b4504
- 批量修改填写人：添加左侧分类列表、折叠功能、暂存和重新分配 - 审核页面：添加折叠和分页功能 - 查询分析页面：添加单位列显示 - 人员管理：创建独立页面，支持搜索、分页、批量操作 - 修复各种UI和功能问题
77 lines
1.7 KiB
Vue
77 lines
1.7 KiB
Vue
<template>
|
|
<el-submenu
|
|
v-bind="$attrs"
|
|
class="base-submenu-tree"
|
|
v-on="$listeners"
|
|
>
|
|
<template v-slot:title>
|
|
<div class="base-submenu-tree__title">
|
|
<x-svg-icon class="base-submenu-tree__icon" :name="icon"></x-svg-icon>
|
|
<span class="base-submenu-tree__name">{{ name }}</span>
|
|
</div>
|
|
</template>
|
|
<template v-for="menu in menuData">
|
|
<template v-if="menu.children && menu.children.length > 0">
|
|
<base-submenu-tree
|
|
:key="menu.index"
|
|
:index="menu.index"
|
|
:icon="menu.icon"
|
|
:name="menu.name"
|
|
:menuData="menu.children"
|
|
:popper-append-to-body="false"
|
|
></base-submenu-tree>
|
|
</template>
|
|
<template v-else>
|
|
<base-menu-item
|
|
:key="menu.index"
|
|
:index="menu.index"
|
|
:icon="menu.icon"
|
|
:name="menu.name"
|
|
></base-menu-item>
|
|
</template>
|
|
</template>
|
|
</el-submenu>
|
|
</template>
|
|
|
|
<script>
|
|
import BaseMenuItem from './base-menu-item'
|
|
|
|
export default {
|
|
name: 'BaseSubmenuTree',
|
|
components: {
|
|
BaseMenuItem
|
|
},
|
|
props: {
|
|
icon: String,
|
|
name: String,
|
|
menuData: {
|
|
type: Array,
|
|
default() {
|
|
return []
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.el-submenu.base-submenu-tree {
|
|
line-height: 44px;
|
|
.el-submenu__title {
|
|
height: 44px;
|
|
line-height: 44px;
|
|
}
|
|
.base-submenu-tree__title {
|
|
display: flex;
|
|
height: 100%;
|
|
.base-submenu-tree__icon {
|
|
margin-right: 12px;
|
|
color: inherit;
|
|
}
|
|
.base-submenu-tree__name {
|
|
font-size: $--app-title-fontSize;
|
|
}
|
|
}
|
|
}
|
|
</style>
|