localnet/localhost-front
10
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

휴가관리 로딩페이지 추가

Browse Source
This commit is contained in:
dyhj625 2025-03-07 12:51:33 +09:00
parent 2d29bc56ec
commit 0d016ca2e1
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/vacation/VacationManagement.vue
View File

@ -1,6 +1,7 @@
<template> <template>
<div class="container-xxl flex-grow-1 container-p-y"> <div class="container-xxl flex-grow-1 container-p-y">
<div class="card app-calendar-wrapper"> <LoadingSpinner v-if="isLoading" />
<div v-else class="card app-calendar-wrapper">
<div class="row g-0"> <div class="row g-0">
<!-- Sidebar: 사이드바 영역 --> <!-- Sidebar: 사이드바 영역 -->
<div class="col-3 app-calendar-sidebar border-end" id="app-calendar-sidebar"> <div class="col-3 app-calendar-sidebar border-end" id="app-calendar-sidebar">
@ -86,6 +87,9 @@ import { useToastStore } from '@s/toastStore';
// 라우터 // 라우터
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import LoadingSpinner from "@v/LoadingPage.vue";
const isLoading = ref(true);
const router = useRouter(); const router = useRouter();
// 스토어 // 스토어
const toastStore = useToastStore(); const toastStore = useToastStore();
@ -264,6 +268,7 @@ const handleProfileClick = async (user) => {
}; };
// 프로필 사원 리스트 // 프로필 사원 리스트
const fetchUserList = async () => { const fetchUserList = async () => {
isLoading.value = true;
try { try {
await userListStore.fetchUserList(); await userListStore.fetchUserList();
userList.value = userListStore.userList; userList.value = userListStore.userList;
@ -277,6 +282,8 @@ const fetchUserList = async () => {
}); });
} catch (error) { } catch (error) {
console.error("📌 사용자 목록 불러오기 오류:", error); console.error("📌 사용자 목록 불러오기 오류:", error);
} finally{
isLoading.value = false;
} }
}; };
// 사원별 남은 연차 개수 // 사원별 남은 연차 개수