สร้างเงื่อนไขรองรับ FetchCheck

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>