leejk0523/vueJava
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

왼쪽 주매뉴 API 적용

Browse Source
This commit is contained in:
daniel LEE
2024-11-17 08:48:39 +09:00
parent 8503ef4f3c
commit 2635c22f27
9 changed files with 253 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
nuxt/components/layout/LeftMenu.vue
View File

@@ -1,9 +1,14 @@
<script setup lang="ts">
import { useAuthStore } from '~/stores/login';
const authStore = useAuthStore();
const { loginResponse } = storeToRefs(authStore);
const selectedKeys = ref<string[]>([]);
</script>
<template>
<a-menu v-model:selected-keys="selectedKeys" mode="inline" theme="dark">
<!-- <layout-left-menu-item :menu-list="authorization.menuList" />-->
<layout-left-menu-item :menu-list="loginResponse.menuList" />
</a-menu>
</template>

47
nuxt/components/layout/LeftMenuItem.vue
View File

@@ -1,26 +1,31 @@
<script setup lang="ts">
import type { AuthorizationMenuType } from '~/types/login';
defineProps<{
menuList: AuthorizationMenuType[]
}>();
</script>
<template>
<!-- <template v-for="menu in menuList" :key="menu.menuId">-->
<!-- <a-menu-item :key="menu.menuId" v-if="!menu.children">-->
<!-- <nuxt-link :to="menu.menuUrl">{{ menu.menuName }}</nuxt-link>-->
<!-- </a-menu-item>-->
<!-- <a-sub-menu :key="menu.menuId" v-if="menu.children">-->
<!-- <template #title>{{ menu.menuName }}</template>-->
<!-- <template v-for="child in menu.children">-->
<!-- <template v-if="!child.children">-->
<!-- <a-menu-item :key="child.menuId">-->
<!-- <nuxt-link :to="child.menuUrl">{{ child.menuName }}</nuxt-link>-->
<!-- </a-menu-item>-->
<!-- </template>-->
<!-- <template v-if="child.children">-->
<!-- <a-sub-menu :key="child.menuId">-->
<!-- <template #title>{{ child.menuName }}</template>-->
<!-- <layout-left-menu-item :menu-list="child.children" />-->
<!-- </a-sub-menu>-->
<!-- </template>-->
<!-- </template>-->
<!-- </a-sub-menu>-->
<!-- </template>-->
<template v-for="menu in menuList" :key="menu.menuId">
<a-menu-item :key="menu.menuId" v-if="!menu.children">
<nuxt-link :to="menu.menuUrl">{{ menu.menuName }}</nuxt-link>
</a-menu-item>
<a-sub-menu :key="menu.menuId" v-if="menu.children">
<template #title>{{ menu.menuName }}</template>
<template v-for="child in menu.children">
<template v-if="!child.children">
<a-menu-item :key="child.menuId">
<nuxt-link :to="child.menuUrl">{{ child.menuName }}</nuxt-link>
</a-menu-item>
</template>
<template v-if="child.children">
<a-sub-menu :key="child.menuId">
<template #title>{{ child.menuName }}</template>
<layout-left-menu-item :menu-list="child.children" />
</a-sub-menu>
</template>
</template>
</a-sub-menu>
</template>
</template>