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

디자인 업데이트

Browse Source
This commit is contained in:
이진기
2024-11-09 16:52:25 +09:00
parent 84f32cc758
commit 21ff8742f7
11 changed files with 9690 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,14 +1,9 @@
<script setup lang="ts">
import { useAuthStore } from '~/stores/login';
const authStore = useAuthStore();
const { authorization } = 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="authorization.menuList" />-->
</a-menu>
</template>

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

@@ -1,31 +1,26 @@
<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>

20
nuxt/components/layout/header.vue
View File

@@ -1,33 +1,17 @@
<script setup lang="ts">
import { useAuthStore } from '~/stores/login';
import type { AuthorizationMenuType } from '~/types/login';
import { LogoutOutlined } from '@ant-design/icons-vue';
const router = useRouter();
const authStore = useAuthStore();
const logout = async () => {
await authStore.unauthorized();
message.info('로그아웃되었습니다.');
};
defineProps<{
menuList: AuthorizationMenuType[];
}>();
const movePage = () => {
router.push('/admin/personal/info');
};
</script>
<template>
<a-row justify="end" class="d-flex align-center pr-4" style="height: 100%">
<a-col>
<a-button type="primary" @click="movePage" class="mr-5">
<a-button type="primary" @click="'#'" class="mr-5">
개인정보관리
</a-button>
</a-col>
<a-col>
<a-button @click="logout">
<a-button @click="'#'">
<template #icon>
<LogoutOutlined />
</template>