From c8662e72bfcd72e03132136f2ca2882dd3263c2d Mon Sep 17 00:00:00 2001
From: dyhj625 <dyhj625@local-host.co.kr>
Date: Tue, 25 Mar 2025 16:06:14 +0900
Subject: [PATCH] =?UTF-8?q?=ED=9C=B4=EA=B0=80=EC=84=A0=EB=AC=BC=20?=
 =?UTF-8?q?=EB=A7=88=EC=9D=B4=EB=84=88=EC=8A=A4=EC=9D=BC=20=EB=95=8C=20?=
 =?UTF-8?q?=EB=B6=88=EA=B0=80=EB=8A=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/modal/VacationGrantModal.vue | 16 +++++++++++++---
 src/views/vacation/VacationManagement.vue   |  1 +
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/modal/VacationGrantModal.vue b/src/components/modal/VacationGrantModal.vue
index 06b5e1b..9212ebe 100644
--- a/src/components/modal/VacationGrantModal.vue
+++ b/src/components/modal/VacationGrantModal.vue
@@ -13,7 +13,7 @@
                     <button @click="increaseCount" :disabled="grantCount >= availableQuota" class="count-btn">+</button>
                 </div>
                 <div class="custom-button-container">
-                    <button class="custom-button" @click="saveVacationGrant" :disabled="grantCount === 0">
+                    <button class="custom-button" @click="saveVacationGrant" :disabled="grantCount === 0 || isGiftButtonDisabled">
                         <i class="bx bx-gift"></i>
                     </button>
                 </div>
@@ -23,14 +23,16 @@
 </template>
 
 <script setup>
-import { ref, defineProps, defineEmits, watch, onMounted } from "vue";
+import { ref, defineProps, defineEmits, watch, onMounted, computed } from "vue";
 import axios from "@api";
 import { useToastStore } from '@s/toastStore';
-
+import { useUserInfoStore } from "@s/useUserInfoStore";
+const userStore = useUserInfoStore();
 const toastStore = useToastStore();
 const props = defineProps({
     isOpen: Boolean,
     targetUser: Object,
+    remainingVacationData: Object,
 });
 
 const emit = defineEmits(["close", "updateVacation"]);
@@ -39,6 +41,14 @@ const maxQuota = 2;
 const sentCount = ref(0);
 const availableQuota = ref(2);
 
+const myUserId = computed(() => userStore.user.id);
+const myRemainingQuota = computed(() => {
+    return props.remainingVacationData?.[myUserId.value] ?? 0;
+});
+const isGiftButtonDisabled = computed(() => {
+    return myRemainingQuota.value <= 0;
+});
+console.log(myRemainingQuota.value)
 // 사원 별 남은 보내기 개수
 const fetchSentVacationCount = async () => {
     try {
diff --git a/src/views/vacation/VacationManagement.vue b/src/views/vacation/VacationManagement.vue
index 1422758..d6ce836 100644
--- a/src/views/vacation/VacationManagement.vue
+++ b/src/views/vacation/VacationManagement.vue
@@ -32,6 +32,7 @@
                         :isOpen="isGrantModalOpen"
                         :targetUser="selectedUser"
                         :remainingQuota="remainingVacationData[selectedUser?.MEMBERSEQ] || 0"
+                        :remainingVacationData="remainingVacationData"
                         @close="isGrantModalOpen = false"
                         @updateVacation="fetchRemainingVacation"
                         />