♻️ [refactor] : 요청 승인 후 값들 초기화 진행

Author: Minkyu0424

src/components/request-approve/DueDateInput.vue

@@ -9,12 +9,15 @@
 
 <script lang="ts" setup>
 import type { DueDateInputProps } from '@/types/common'
-import { defineEmits, defineProps } from 'vue'
+import { defineEmits, defineProps, onMounted } from 'vue'
 
 const { modelValue, inputType } = defineProps<DueDateInputProps>()
 const emit = defineEmits(['update:modelValue'])
-
 const updateValue = (value: string) => {
   emit('update:modelValue', value)
 }
+
+onMounted(() => {
+  emit('update:modelValue', null)
+})
 </script>

src/components/request-approve/LabelDropdown.vue

@@ -42,6 +42,7 @@ const dropdownOpen = ref(false)
 const labelArr = ref<LabelDataTypes[]>([])
 
 onMounted(async () => {
+  emit('update:modelValue', null)
   labelArr.value = await getLabelsManager()
 })
 const toggleDropdown = () => {

src/components/request-approve/ManagerDropdown.vue

@@ -69,6 +69,7 @@ const managerArr = ref<ManagerTypes[]>([])
 const isInvalidateState = computed(() => isInvalidate)
 
 onMounted(async () => {
+  emit('update:modelValue', null)
   managerArr.value = await getManager()
 })
 

src/components/request-approve/RequestApprove.vue

@@ -51,7 +51,7 @@ import { INITIAL_REQUEST_APPROVE_DATA } from '@/constants/manager'
 import type { Category, SubCategory } from '@/types/common'
 import { convertToISO } from '@/utils/date'
 import { onMounted, ref, watch } from 'vue'
-import { useRouter } from 'vue-router'
+import { onBeforeRouteLeave, useRouter } from 'vue-router'
 import FormButtonContainer from '../common/FormButtonContainer.vue'
 import ModalView from '../ModalView.vue'
 import CategoryDropDown from '../request-task/CategoryDropDown.vue'
@@ -76,6 +76,11 @@ const requestId = Array.isArray(route.query.requestId)
   ? Number(route.query.requestId[0])
   : Number(route.query.requestId)
 
+onBeforeRouteLeave((to, from, next) => {
+  approveData.value = INITIAL_REQUEST_APPROVE_DATA
+  next()
+})
+
 onMounted(async () => {
   mainCategoryArr.value = await getMainCategory()
   subCategoryArr.value = await getSubCategory()
@@ -124,7 +129,6 @@ const handleSubmit = async () => {
   try {
     await postTaskApprove(requestId, requestData)
     isModalVisible.value = true
-    approveData.value = INITIAL_REQUEST_APPROVE_DATA
   } catch (error) {
     console.error('API 요청 실패:', error)
   }