mirror of
https://github.com/1024-lab/smart-admin.git
synced 2026-01-13 06:04:18 +08:00
47 lines
1.4 KiB
Vue
47 lines
1.4 KiB
Vue
<!--
|
||
* 第二列菜单区域
|
||
*
|
||
* @Author: 1024创新实验室-主任：卓大
|
||
* @Date: 2022-09-06 20:29:12
|
||
* @Wechat: zhuda1024
|
||
* @Email: lab1024@163.com
|
||
* @Copyright 1024创新实验室 （ https://1024lab.net ），Since 2012
|
||
-->
|
||
<template>
|
||
<a-sub-menu :key="props.menuInfo.menuId.toString()">
|
||
<template #icon>
|
||
<component :is="$antIcons[props.menuInfo.icon]" />
|
||
</template>
|
||
<template #title>{{ props.menuInfo.menuName }}</template>
|
||
<template v-for="item in props.menuInfo.children" :key="item.menuId">
|
||
<template v-if="item.visibleFlag">
|
||
<template v-if="!item.children">
|
||
<a-menu-item :key="item.menuId.toString()" @click="turnToPage(item)">
|
||
<template #icon>
|
||
<component :is="$antIcons[item.icon]" />
|
||
</template>
|
||
{{ item.menuName }}
|
||
</a-menu-item>
|
||
</template>
|
||
<template v-else>
|
||
<SubMenu :menu-info="item" :key="item.menuId" @turnToPage="turnToPage" />
|
||
</template>
|
||
</template>
|
||
</template>
|
||
</a-sub-menu>
|
||
</template>
|
||
<script setup>
|
||
let props = defineProps({
|
||
menuInfo: Object,
|
||
});
|
||
const emits = defineEmits(['turnToPage']);
|
||
const turnToPage = (route) => {
|
||
emits('turnToPage', route);
|
||
};
|
||
</script>
|
||
<style scoped lang="less">
|
||
:deep(.ant-menu-item-selected) {
|
||
border-right: 3px !important;
|
||
}
|
||
</style>
|