From e62dfb3ce36c426050081d20d33f68c2d5c5c327 Mon Sep 17 00:00:00 2001
From: AnandaTon <ananda@frappet.com>
Date: Wed, 10 Jan 2024 17:13:27 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=AA=E0=B8=A3=E0=B9=89=E0=B8=B2=E0=B8=87?=
 =?UTF-8?q?=E0=B9=80=E0=B8=87=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=99=E0=B9=84?=
 =?UTF-8?q?=E0=B8=82=E0=B8=A3=E0=B8=AD=E0=B8=87=E0=B8=A3=E0=B8=B1=E0=B8=9A?=
 =?UTF-8?q?=20FetchCheck?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../05_leave/components/FormLeave/01_SickForm.vue      |  6 ++++--
 src/modules/05_leave/components/FormLeave/03_Birth.vue |  5 ++++-
 .../components/FormLeave/04_HelpWifeBirthForm.vue      |  5 ++++-
 .../05_leave/components/FormLeave/05_VacationForm.vue  |  5 ++++-
 .../components/FormLeave/06_OrdinationForm.vue         |  5 ++++-
 .../05_leave/components/FormLeave/07_HajjForm.vue      | 10 +++++++---
 .../05_leave/components/FormLeave/08_MilitaryForm.vue  |  5 ++++-
 .../05_leave/components/FormLeave/09_StudyForm.vue     |  9 ++++++---
 .../05_leave/components/FormLeave/10_TrainForm.vue     |  9 ++++++---
 .../components/FormLeave/11_WorkInternationalForm.vue  |  5 ++++-
 .../components/FormLeave/12_FollowSpouseForm.vue       |  7 +++++--
 .../components/FormLeave/13_RehabilitationForm.vue     |  5 ++++-
 12 files changed, 56 insertions(+), 20 deletions(-)

diff --git a/src/modules/05_leave/components/FormLeave/01_SickForm.vue b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
index a0b8dcb..d51d125 100644
--- a/src/modules/05_leave/components/FormLeave/01_SickForm.vue
+++ b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
@@ -121,11 +121,11 @@ function onValidate() {
 		props.onSubmit(formData)
 	}
 }
-
 /**
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
+const leaveEndDateRules = ref([val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`])
 const isLeave = ref<boolean>(true)
 async function fetchCheck() {
 	await http
@@ -139,8 +139,10 @@ async function fetchCheck() {
 			isLeave.value = data.isLeave
 			if (data.isLeave === true) {
 				formDataSick.leaveTotal = data.totalDate - data.sumDateWork - data.sumDateHoliday
+				this.leaveEndDateRules = [val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`]
 			} else {
 				fails($q, "ไม่สามารถลาได้")
+				this.leaveEndDateRules = [val => false || `${"ไม่สามารถลาได้"}`]
 			}
 		})
 		.catch((e: any) => {
@@ -306,7 +308,7 @@ onMounted(() => {
 									:class="inputEdit(isReadOnly)"
 									:model-value="formDataSick.leaveEndDate != null ? date2Thai(formDataSick.leaveEndDate) : null"
 									:label="`${'ลาถึงวันที่'}`"
-									:rules="[val => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
+									:rules="leaveEndDateRules"
 								>
 									<template v-slot:prepend>
 										<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon>
diff --git a/src/modules/05_leave/components/FormLeave/03_Birth.vue b/src/modules/05_leave/components/FormLeave/03_Birth.vue
index bfc5f37..e361107 100644
--- a/src/modules/05_leave/components/FormLeave/03_Birth.vue
+++ b/src/modules/05_leave/components/FormLeave/03_Birth.vue
@@ -107,6 +107,7 @@ function onValidate() {
 	}
 }
 
+const leaveEndDateRules = ref([val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`])
 /**
  * check ว่าลาได้ไหม จาก api
  * @param formData
@@ -124,8 +125,10 @@ async function fetchCheck() {
 			isLeave.value = data.isLeave
 			if (data.isLeave === true) {
 				formDataBirth.leaveTotal = data.totalDate
+				this.leaveEndDateRules = [val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`]
 				// formDataBirth.leaveLast = data.sumDateWork
 			} else {
+				this.leaveEndDateRules = [val => false || `${"ไม่สามารถลาได้"}`]
 				fails($q, "ไม่สามารถลาได้")
 			}
 		})
@@ -247,7 +250,7 @@ onMounted(() => {
 							class="full-width datepicker"
 							:model-value="formDataBirth.leaveEndDate != null ? date2Thai(formDataBirth.leaveEndDate) : null"
 							:label="`${'ลาถึงวันที่'}`"
-							:rules="[val => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
+							:rules="leaveEndDateRules"
 						>
 							<template v-slot:prepend>
 								<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon>
diff --git a/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue b/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
index d26a391..e9546b1 100644
--- a/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
+++ b/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
@@ -125,6 +125,7 @@ function updateLeaveTotal() {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
+const leaveEndDateRules = ref([val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`])
 const isLeave = ref<boolean>(true)
 async function fetchCheck() {
 	await http
@@ -138,9 +139,11 @@ async function fetchCheck() {
 			isLeave.value = data.isLeave
 			if (data.isLeave === true) {
 				formDataHelpWife.leaveTotal = data.totalDate - data.sumDateWork - data.sumDateHoliday
+				this.leaveEndDateRules = [val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`]
 				// formDataHelpWife.leaveLast = data.totalDate
 			} else {
 				fails($q, "ไม่สามารถลาได้")
+				this.leaveEndDateRules = [val => false || `${"ไม่สามารถลาได้"}`]
 			}
 		})
 		.catch((e: any) => {
@@ -263,7 +266,7 @@ onMounted(() => {
 							class="full-width datepicker"
 							:model-value="formDataHelpWife.leaveEndDate != null ? date2Thai(formDataHelpWife.leaveEndDate) : null"
 							:label="`${'ลาถึงวันที่'}`"
-							:rules="[val => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
+							:rules="leaveEndDateRules"
 						>
 							<template v-slot:prepend>
 								<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon>
diff --git a/src/modules/05_leave/components/FormLeave/05_VacationForm.vue b/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
index c3fc915..7f99cc0 100644
--- a/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
@@ -119,6 +119,7 @@ function onValidate() {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
+const leaveEndDateRules = ref([val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`])
 const isLeave = ref<boolean>(true)
 async function fetchCheck() {
 	await http
@@ -133,8 +134,10 @@ async function fetchCheck() {
 			if (data.isLeave === true) {
 				formDataVacation.leaveTotal = data.totalDate - data.sumDateWork - data.sumDateHoliday
 				// formDataVacation.leaveLast = data.totalDate
+				this.leaveEndDateRules = [val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`]
 			} else {
 				fails($q, "ไม่สามารถลาได้")
+				this.leaveEndDateRules = [val => false || `${"ไม่สามารถลาได้"}`]
 			}
 		})
 		.catch((e: any) => {
@@ -311,7 +314,7 @@ onMounted(() => {
 							:readonly="isReadOnly"
 							:model-value="formDataVacation.leaveEndDate != null ? date2Thai(formDataVacation.leaveEndDate) : null"
 							:label="`${'ลาถึงวันที่'}`"
-							:rules="[val => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
+							:rules="leaveEndDateRules"
 						>
 							<template v-slot:prepend>
 								<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon>
diff --git a/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue b/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
index e9a0052..a1361bc 100644
--- a/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
@@ -131,6 +131,7 @@ function onValidate() {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
+const leaveEndDateRules = ref([val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`])
 const isLeave = ref<boolean>(true)
 async function fetchCheck() {
 	await http
@@ -145,8 +146,10 @@ async function fetchCheck() {
 			if (data.isLeave === true) {
 				// formDataOrdination.leaveTotal = data.totalDate - data.sumDateWork - data.sumDateHoliday
 				formDataOrdination.leaveTotal = data.totalDate
+				this.leaveEndDateRules = [val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`]
 			} else {
 				fails($q, "ไม่สามารถลาได้")
+				this.leaveEndDateRules = [val => false || `${"ไม่สามารถลาได้"}`]
 			}
 		})
 		.catch((e: any) => {
@@ -276,7 +279,7 @@ onMounted(() => {
 							:model-value="formDataOrdination.leaveEndDate != null ? date2Thai(formDataOrdination.leaveEndDate) : null"
 							:label="`${'ลาถึงวันที่'}`"
 							:readonly="!formDataOrdination.leaveStartDate || statusCheck === 'NEW'"
-							:rules="[val => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
+							:rules="leaveEndDateRules"
 						>
 							<template v-slot:prepend>
 								<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon>
diff --git a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
index 9f213ab..ca073ff 100644
--- a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
+++ b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
@@ -102,8 +102,10 @@ function onValidate() {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
+const leaveEndDateRules = ref([val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`])
 const isLeave = ref<boolean>(true)
 async function fetchCheck() {
+	console.log("check")
 	await http
 		.post(config.API.leaveCheck(), {
 			type: dataStore.typeId ?? null,
@@ -116,8 +118,10 @@ async function fetchCheck() {
 			if (data.isLeave === true) {
 				// formDataHaji.leaveTotal = data.totalDate - data.sumDateWork - data.sumDateHoliday
 				formDataHaji.leaveTotal = data.totalDate
+				this.leaveEndDateRules = [val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`]
 			} else {
 				fails($q, "ไม่สามารถลาได้")
+				this.leaveEndDateRules = [val => false || `${"ไม่สามารถลาได้"}`]
 			}
 		})
 		.catch((e: any) => {
@@ -222,7 +226,7 @@ onMounted(() => {
 							week-start="0"
 							:enableTimePicker="false"
 							:locale="'th'"
-							@update:model-value="updateLeaveTotal"
+							@update:model-value="updateLeaveTotal(), fetchCheck()"
 							:readonly="!formDataHaji.leaveStartDate || statusCheck === 'NEW'"
 							:min-date="formDataHaji.leaveStartDate"
 						>
@@ -242,9 +246,9 @@ onMounted(() => {
 									:readonly="!formDataHaji.leaveStartDate || statusCheck === 'NEW'"
 									hide-bottom-space
 									:label="`${'ลาถึงวันที่'}`"
-									@update:model-value="fetchCheck()"
 									:model-value="formDataHaji.leaveEndDate != null ? date2Thai(formDataHaji.leaveEndDate) : null"
-									:rules="[val => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
+									:rules="leaveEndDateRules"
+									@update:model-value="fetchCheck()"
 								>
 									<template v-slot:prepend>
 										<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon>
diff --git a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
index 62ebff9..9a52128 100644
--- a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
+++ b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
@@ -118,6 +118,7 @@ function onValidate() {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
+const leaveEndDateRules = ref([val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`])
 const isLeave = ref<boolean>(true)
 async function fetchCheck() {
 	await http
@@ -132,8 +133,10 @@ async function fetchCheck() {
 			if (data.isLeave === true) {
 				// formDataMilitary.leaveTotal = data.totalDate - data.sumDateWork - data.sumDateHoliday
 				formDataMilitary.leaveTotal = data.totalDate
+				this.leaveEndDateRules = [val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`]
 			} else {
 				fails($q, "ไม่สามารถลาได้")
+				this.leaveEndDateRules = [val => false || `${"ไม่สามารถลาได้"}`]
 			}
 		})
 		.catch((e: any) => {
@@ -261,7 +264,7 @@ onMounted(() => {
 							class="full-width datepicker"
 							:model-value="formDataMilitary.leaveEndDate != null ? date2Thai(formDataMilitary.leaveEndDate) : null"
 							:label="`${'ลาถึงวันที่'}`"
-							:rules="[val => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
+							:rules="leaveEndDateRules"
 						>
 							<template v-slot:prepend>
 								<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon>
diff --git a/src/modules/05_leave/components/FormLeave/09_StudyForm.vue b/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
index bb0bc2f..9e2e0f7 100644
--- a/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
+++ b/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
@@ -136,6 +136,8 @@ function onValidate() {
  * @param formData
  */
 const isLeave = ref<boolean>(true)
+const leaveEndDateRules = ref([val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`])
+
 async function fetchCheck() {
 	await http
 		.post(config.API.leaveCheck(), {
@@ -149,8 +151,10 @@ async function fetchCheck() {
 			if (data.isLeave === true) {
 				// formDataStudy.leaveTotal = data.totalDate - data.sumDateWork - data.sumDateHoliday;
 				formDataStudy.leaveTotal = data.totalDate
+				this.leaveEndDateRules = [val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`]
 			} else {
 				fails($q, "ไม่สามารถลาได้")
+				this.leaveEndDateRules = [val => false || `${"ไม่สามารถลาได้"}`]
 			}
 		})
 		.catch((e: any) => {
@@ -162,7 +166,6 @@ async function fetchCheck() {
  * function อัพเดทค่า LeaveTotal
  */
 function updateLeaveTotal() {
-	fetchCheck()
 	const newLeaveTotal = calculateDurationYmd(formDataStudy.leaveStartDate, formDataStudy.leaveEndDate)
 	formDataStudy.leaveTotal = newLeaveTotal
 }
@@ -265,7 +268,7 @@ onMounted(async () => {
 					borderless
 					week-start="0"
 					:locale="'th'"
-					@update:model-value="updateLeaveTotal()"
+					@update:model-value="updateLeaveTotal(), fetchCheck()"
 					:readonly="!formDataStudy.leaveStartDate || statusCheck === 'NEW'"
 					:enableTimePicker="false"
 					:min-date="formDataStudy.leaveStartDate"
@@ -288,7 +291,7 @@ onMounted(async () => {
 							:label="`${'ลาถึงวันที่'}`"
 							:readonly="!formDataStudy.leaveStartDate || statusCheck === 'NEW'"
 							:model-value="formDataStudy.leaveEndDate != null ? date2Thai(formDataStudy.leaveEndDate) : null"
-							:rules="[val => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
+							:rules="leaveEndDateRules"
 						>
 							<template v-slot:prepend>
 								<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon>
diff --git a/src/modules/05_leave/components/FormLeave/10_TrainForm.vue b/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
index ab89df4..0e34655 100644
--- a/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
+++ b/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
@@ -133,6 +133,8 @@ function onValidate() {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
+const leaveEndDateRules = ref([val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`])
+
 const isLeave = ref<boolean>(true)
 async function fetchCheck() {
 	await http
@@ -147,8 +149,10 @@ async function fetchCheck() {
 			if (data.isLeave === true) {
 				// formDataTrain.leaveTotal = data.totalDate - data.sumDateWork - data.sumDateHoliday
 				formDataTrain.leaveTotal = data.totalDate
+				this.leaveEndDateRules = [val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`]
 			} else {
 				fails($q, "ไม่สามารถลาได้")
+				this.leaveEndDateRules = [val => false || `${"ไม่สามารถลาได้"}`]
 			}
 		})
 		.catch((e: any) => {
@@ -160,7 +164,6 @@ async function fetchCheck() {
  * function อัพเดทค่า LeaveTotal
  */
 function updateLeaveTotal() {
-	fetchCheck()
 	const newLeaveTotal = calculateDurationYmd(formDataTrain.leaveStartDate, formDataTrain.leaveEndDate)
 	formDataTrain.leaveTotal = newLeaveTotal
 }
@@ -267,7 +270,7 @@ onMounted(async () => {
 					menu-class-name="modalfix"
 					autoApply
 					borderless
-					@update:model-value="updateLeaveTotal()"
+					@update:model-value="updateLeaveTotal(), fetchCheck()"
 					week-start="0"
 					:readonly="!formDataTrain.leaveStartDate || statusCheck === 'NEW'"
 					:locale="'th'"
@@ -292,7 +295,7 @@ onMounted(async () => {
 							:label="`${'ลาถึงวันที่'}`"
 							:readonly="!formDataTrain.leaveStartDate || statusCheck === 'NEW'"
 							:model-value="formDataTrain.leaveEndDate != null ? date2Thai(formDataTrain.leaveEndDate) : null"
-							:rules="[val => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
+							:rules="leaveEndDateRules"
 						>
 							<template v-slot:prepend>
 								<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon>
diff --git a/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue b/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
index 44aa05c..c6c2a42 100644
--- a/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
+++ b/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
@@ -128,6 +128,7 @@ async function onClickDownloadFile(id: string, fileName: string) {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
+const leaveEndDateRules = ref([val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`])
 const isLeave = ref<boolean>(true)
 async function FetchCheck() {
 	await http
@@ -142,8 +143,10 @@ async function FetchCheck() {
 			if (data.isLeave === true) {
 				formDataWorkInternational.leaveTotal = data.totalDate - data.sumDateWork - data.sumDateHoliday
 				// formDataWorkInternational.leaveLast = data.totalDate
+				this.leaveEndDateRules = [val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`]
 			} else {
 				fails($q, "ไม่สามารถลาได้")
+				this.leaveEndDateRules = [val => false || `${"ไม่สามารถลาได้"}`]
 			}
 		})
 		.catch((e: any) => {
@@ -263,7 +266,7 @@ onMounted(() => {
 							class="full-width datepicker"
 							:model-value="formDataWorkInternational.leaveEndDate != null ? date2Thai(formDataWorkInternational.leaveEndDate) : null"
 							:label="`${'ลาถึงวันที่'}`"
-							:rules="[val => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
+							:rules="leaveEndDateRules"
 						>
 							<template v-slot:prepend>
 								<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon>
diff --git a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
index 0973dbe..fe5e4b4 100644
--- a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
+++ b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
@@ -142,6 +142,7 @@ function onValidate() {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
+const leaveEndDateRules = ref([val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`])
 const isLeave = ref<boolean>(true)
 async function fetchCheck() {
 	await http
@@ -156,8 +157,10 @@ async function fetchCheck() {
 			if (data.isLeave === true) {
 				// formDataFollowSpouse.leaveTotal = data.totalDate - data.sumDateWork - data.sumDateHoliday;
 				//   formDataFollowSpouse.leaveTotal = data.totalDate;
+				this.leaveEndDateRules = [val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`]
 			} else {
 				fails($q, "ไม่สามารถลาได้")
+				this.leaveEndDateRules = [val => false || `${"ไม่สามารถลาได้"}`]
 			}
 		})
 		.catch((e: any) => {
@@ -286,7 +289,7 @@ onMounted(async () => {
 					hide-bottom-space
 					:enableTimePicker="false"
 					week-start="0"
-					@update:model-value="updateLeaveTotal()"
+					@update:model-value="updateLeaveTotal(), fetchCheck()"
 					:readonly="!formDataFollowSpouse.leaveStartDate || statusCheck === 'NEW'"
 					:min-date="formDataFollowSpouse.leaveStartDate"
 				>
@@ -308,7 +311,7 @@ onMounted(async () => {
 							class="full-width datepicker"
 							:model-value="formDataFollowSpouse.leaveEndDate != null ? date2Thai(formDataFollowSpouse.leaveEndDate) : null"
 							:label="`${'ลาถึงวันที่'}`"
-							:rules="[val => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
+							:rules="leaveEndDateRules"
 						>
 							<template v-slot:prepend>
 								<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon>
diff --git a/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue b/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
index 9d81906..7c88f21 100644
--- a/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
@@ -107,6 +107,7 @@ const fileUploadDoc = async (files: any) => {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
+const leaveEndDateRules = ref([val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`])
 const isLeave = ref<boolean>(true)
 async function FetchCheck() {
 	await http
@@ -119,10 +120,12 @@ async function FetchCheck() {
 			const data = res.data.result
 			isLeave.value = data.isLeave
 			if (data.isLeave === true) {
+				this.leaveEndDateRules = [val => !!val || `${"กรุณาเลือกลาถึงวันที่"}`]
 				// formDataRehabilitation.leaveTotal = data.totalDate - data.sumDateWork - data.sumDateHoliday
 				// formDataRehabilitation.leaveTotal = data.totalDate
 			} else {
 				fails($q, "ไม่สามารถลาได้")
+				this.leaveEndDateRules = [val => false || `${"ไม่สามารถลาได้"}`]
 			}
 		})
 		.catch((e: any) => {
@@ -256,7 +259,7 @@ onMounted(() => {
 							:readonly="!formDataRehabilitation.leaveStartDate || statusCheck === 'NEW'"
 							:model-value="formDataRehabilitation.leaveEndDate != null ? date2Thai(formDataRehabilitation.leaveEndDate) : null"
 							:label="`${'ลาถึงวันที่'}`"
-							:rules="[val => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
+							:rules="leaveEndDateRules"
 						>
 							<template v-slot:prepend>
 								<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon>