fixing message select date 0 day

src/modules/05_leave/components/FormLeave/01_SickForm.vue

@@ -93,19 +93,6 @@ async function fileUploadDoc(files: any) {
   });
 }
 
-/**
- * function รีเซทค่า leaveStartDate เเละ leaveEndDate
- */
-function resetDate() {
-  if (
-    formDataSick.leaveRange === "MORNING" ||
-    formDataSick.leaveRange === "AFTERNOON"
-  ) {
-    formDataSick.leaveStartDate = null;
-    formDataSick.leaveEndDate = null;
-  }
-}
-
 /** ฟังก์ชั่นตรวจสอบความถูกต้องของข้อมูลในฟอร์ม */
 function onValidate() {
   const hasError = [];
@@ -165,8 +152,9 @@ const checkDate = computed(() => {
   }
 });
 
-const totalCheck = ref<number|null>(null)
+// const totalCheck = ref<number | null>(null);
 async function fetchCheck() {
+  if (formDataSick.leaveStartDate && formDataSick.leaveEndDate) {
     showLoader();
     await http
       .post(config.API.leaveCheck(), {
@@ -182,21 +170,26 @@ async function fetchCheck() {
         const data = res.data.result;
         formDataSick.leaveTotal =
           data.totalDate - data.sumDateWork - data.sumDateHoliday;
-        totalCheck.value = data.totalDate - data.sumDateWork - data.sumDateHoliday;
+        // totalCheck.value =
-      isLeave.value = data.isLeave;
+        //   data.totalDate - data.sumDateWork - data.sumDateHoliday;
-      reasonLeave.value = data.message
+        reasonLeave.value =
+          data.message != ""
             ? data.message
-        : "จำนวนวันลาเกินที่กำหนด";
+            : formDataSick.leaveTotal > 0
+            ? "จำนวนวันลาเกินที่กำหนด"
+            : "ช่วงวันลาที่ระบุไม่ถูกต้อง";
+        isLeave.value = formDataSick.leaveTotal > 0 ? data.isLeave : false;
       })
       .catch((e: any) => {
         messageError($q, e);
-      totalCheck.value = null
+        // totalCheck.value = null;
         hideLoader();
       })
       .finally(() => {
         hideLoader();
         leaveDocumentRef.value.resetValidation();
       });
+  }
 }
 
 /** แจ้งเมื่อวันลาไม่ถูกต้อง */
@@ -209,7 +202,7 @@ const leaveId = ref<any>("");
 const statusCheck = ref<any>("");
 watch(props.data, () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataSick.leaveWrote = props.data.leaveWrote;
     formDataSick.leaveStartDate = new Date(props.data.leaveStartDate);
     formDataSick.leaveEndDate = new Date(props.data.leaveEndDate);
@@ -227,7 +220,7 @@ watch(props.data, () => {
 /** Hook */
 onMounted(() => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataSick.leaveWrote = props.data.leaveWrote;
     formDataSick.leaveStartDate = new Date(props.data.leaveStartDate);
     formDataSick.leaveEndDate = new Date(props.data.leaveEndDate);
@@ -627,15 +620,17 @@ onMounted(() => {
     <q-separator class="q-mt-sm" />
 
     <q-card-actions align="right" class="bg-white text-teal q-pa-none q-pt-sm">
-      <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div>
+      <!-- <div v-if="totalCheck == 0" class="text-red q-mr-sm">
+        **จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด
+      </div> -->
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
         type="submit"
         unelevated
+        :disable="!isLeave"
         class="q-px-md items-center btnBlue"
         label="บันทึก"
-        :disable="totalCheck == 0"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
       >
       <q-btn

src/modules/05_leave/components/FormLeave/03_Birth.vue

@@ -149,9 +149,23 @@ const checkDate = computed(() => {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
- const totalCheck = ref<number|null>(null)
+// const totalCheck = ref<number | null>(null);
 async function fetchCheck() {
+  if (formDataBirth.leaveStartDate && formDataBirth.leaveEndDate) {
     showLoader();
+    const checkDate = computed(() => {
+      if (
+        convertDateToAPI(formDataBirth.leaveEndDate) ==
+        convertDateToAPI(formDataBirth.leaveStartDate)
+      ) {
+        return true;
+      } else {
+        return false;
+      }
+    });
+    // console.log("checkDate.value", checkDate.value);
+    // console.log("formDataBirth.leaveRangeEnd", formDataBirth.leaveRangeEnd);
+    // console.log("formDataBirth.leaveRange", formDataBirth.leaveRange);
     await http
       .post(config.API.leaveCheck(), {
         type: dataStore.typeId ?? null,
@@ -165,18 +179,22 @@ async function fetchCheck() {
       .then((res: any) => {
         hideLoader();
         const data = res.data.result;
-      isLeave.value = data.isLeave;
         formDataBirth.leaveTotal = data.totalDate;
-      totalCheck.value = data.totalDate;
+        // totalCheck.value = data.totalDate;
-      reasonLeave.value = data.message
+        reasonLeave.value =
+          data.message != ""
             ? data.message
-        : "จำนวนวันลาเกินที่กำหนด";
+            : formDataBirth.leaveTotal > 0
+            ? "จำนวนวันลาเกินที่กำหนด"
+            : "ช่วงวันลาที่ระบุไม่ถูกต้อง";
+        isLeave.value = formDataBirth.leaveTotal > 0 ? data.isLeave : false;
       })
       .catch((e: any) => {
         hideLoader();
-      totalCheck.value = null
+        // totalCheck.value = null;
         messageError($q, e);
       });
+  }
 }
 
 /** แจ้งเมื่อวันลาไม่ถูกต้อง */
@@ -189,7 +207,7 @@ const leaveDocumentList = ref<any>();
 const statusCheck = ref<any>("");
 watch(props.data, () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataBirth.leaveWrote = props.data.leaveWrote;
     formDataBirth.leaveStartDate = props.data.leaveStartDate;
     formDataBirth.leaveEndDate = props.data.leaveEndDate;
@@ -205,7 +223,7 @@ watch(props.data, () => {
 /** Hook */
 onMounted(() => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataBirth.leaveWrote = props.data.leaveWrote;
     formDataBirth.leaveStartDate = props.data.leaveStartDate;
     formDataBirth.leaveEndDate = props.data.leaveEndDate;
@@ -577,14 +595,14 @@ onMounted(() => {
 
     <div class="row col-12 q-pt-md">
       <q-space />
-      <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div>
+      <!-- <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div> -->
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
         type="submit"
         unelevated
         dense
-        :disable="totalCheck == 0"
+        :disable="!isLeave"
         class="q-px-md items-center btnBlue"
         label="บันทึก"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn

src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue

@@ -165,13 +165,15 @@ const checkDate = computed(() => {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
- const totalCheck = ref<number|null>(null)
+// const totalCheck = ref<number | null>(null);
 async function fetchCheck() {
+  if (formDataHelpWife.leaveStartDate && formDataHelpWife.leaveEndDate) {
     showLoader();
     await http
       .post(config.API.leaveCheck(), {
         type: dataStore.typeId ?? null,
-      StartLeaveDate: convertDateToAPI(formDataHelpWife.leaveStartDate) ?? null,
+        StartLeaveDate:
+          convertDateToAPI(formDataHelpWife.leaveStartDate) ?? null,
         EndLeaveDate: convertDateToAPI(formDataHelpWife.leaveEndDate) ?? null,
         leaveRange: formDataHelpWife.leaveRange,
         leaveRangeEnd: checkDate.value
@@ -180,27 +182,32 @@ async function fetchCheck() {
       })
       .then((res: any) => {
         const data = res.data.result;
-      isLeave.value = data.isLeave;
         formDataHelpWife.leaveTotal =
           data.totalDate - data.sumDateWork - data.sumDateHoliday;
-        totalCheck.value = data.totalDate - data.sumDateWork - data.sumDateHoliday;
+        // totalCheck.value =
-      reasonLeave.value = data.message
+        //   data.totalDate - data.sumDateWork - data.sumDateHoliday;
+        reasonLeave.value =
+          data.message != ""
             ? data.message
-        : "จำนวนวันลาเกินที่กำหนด";
+            : formDataHelpWife.leaveTotal > 0
+            ? "จำนวนวันลาเกินที่กำหนด"
+            : "ช่วงวันลาที่ระบุไม่ถูกต้อง";
+        isLeave.value = formDataHelpWife.leaveTotal > 0 ? data.isLeave : false;
         hideLoader();
       })
       .catch((e: any) => {
         messageError($q, e);
-      totalCheck.value = null
+        // totalCheck.value = null;
         hideLoader();
       });
+  }
 }
 
 /** ตรวจสอบว่ามีการส่งข้อมูลเข้ามาที่ฟอร์มไหม เมื่อมีการส่งจะ map ข้อมูลเข้า v-model ของฟอร์ม */
 
 watch(props.data, async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataHelpWife.leaveWrote = props.data.leaveWrote;
     formDataHelpWife.wifeDayName = props.data.wifeDayName;
     formDataHelpWife.wifeDayDateBorn = props.data.wifeDayDateBorn;
@@ -219,7 +226,7 @@ watch(props.data, async () => {
 /**Hook */
 onMounted(async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataHelpWife.leaveWrote = props.data.leaveWrote;
     formDataHelpWife.wifeDayName = props.data.wifeDayName;
     formDataHelpWife.wifeDayDateBorn = props.data.wifeDayDateBorn;
@@ -643,14 +650,14 @@ onMounted(async () => {
 
     <div class="row col-12 q-pt-md">
       <q-space />
-      <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div>
+      <!-- <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div> -->
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
         type="submit"
         unelevated
         dense
-        :disable="totalCheck == 0"
+        :disable="!isLeave"
         class="q-px-md items-center btnBlue"
         label="บันทึก"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn

src/modules/05_leave/components/FormLeave/05_VacationForm.vue

@@ -164,13 +164,15 @@ const checkDate = computed(() => {
   }
 });
 
-const totalCheck = ref<number|null>(null)
+// const totalCheck = ref<number | null>(null);
 async function fetchCheck() {
+  if (formDataVacation.leaveStartDate && formDataVacation.leaveEndDate) {
     showLoader();
     await http
       .post(config.API.leaveCheck(), {
         type: dataStore.typeId ?? null,
-      StartLeaveDate: convertDateToAPI(formDataVacation.leaveStartDate) ?? null,
+        StartLeaveDate:
+          convertDateToAPI(formDataVacation.leaveStartDate) ?? null,
         EndLeaveDate: convertDateToAPI(formDataVacation.leaveEndDate) ?? null,
         leaveRange: formDataVacation.leaveRange,
         leaveRangeEnd: checkDate.value
@@ -179,38 +181,31 @@ async function fetchCheck() {
       })
       .then((res: any) => {
         const data = res.data.result;
-      isLeave.value = data.isLeave;
+        formDataVacation.leaveTotal =
-      formDataVacation.leaveTotal = data.totalDate - data.sumDateWork - data.sumDateHoliday;
+          data.totalDate - data.sumDateWork - data.sumDateHoliday;
-      totalCheck.value = data.totalDate - data.sumDateWork - data.sumDateHoliday;
+        // totalCheck.value =
+        //   data.totalDate - data.sumDateWork - data.sumDateHoliday;
 
-      reasonLeave.value = data.message
+        reasonLeave.value =
+          data.message != ""
             ? data.message
-        : "จำนวนวันลาเกินที่กำหนด";
+            : formDataVacation.leaveTotal > 0
+            ? "จำนวนวันลาเกินที่กำหนด"
+            : "ช่วงวันลาที่ระบุไม่ถูกต้อง";
+        isLeave.value = formDataVacation.leaveTotal > 0 ? data.isLeave : false;
         hideLoader();
       })
       .catch((e: any) => {
         messageError($q, e);
-      totalCheck.value = null
+        // totalCheck.value = null;
         hideLoader();
       });
-}
-
-/**
- * function รีเซทค่า leaveStartDate เเละ leaveEndDate
- */
-function resetDate() {
-  if (
-    formDataVacation.leaveRange === "MORNING" ||
-    formDataVacation.leaveRange === "AFTERNOON"
-  ) {
-    formDataVacation.leaveStartDate = null;
-    formDataVacation.leaveEndDate = null;
   }
 }
 
 watch(props.data, () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataVacation.leaveWrote = props.data.leaveWrote;
     formDataVacation.restDayOldTotal = props.data.restDayOldTotal;
     formDataVacation.restDayCurrentTotal = props.data.restDayCurrentTotal;
@@ -230,7 +225,7 @@ watch(props.data, () => {
 /**Hook */
 onMounted(() => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataVacation.leaveWrote = props.data.leaveWrote;
     formDataVacation.restDayOldTotal = props.data.restDayOldTotal;
     formDataVacation.restDayCurrentTotal = props.data.restDayCurrentTotal;
@@ -634,14 +629,14 @@ onMounted(() => {
     <q-separator class="q-mt-sm" />
     <div class="row col-12 q-pt-md items-center">
       <q-space />
-      <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div>
+      <!-- <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div> -->
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
         type="submit"
         unelevated
         dense
-        :disable="totalCheck == 0"
+        :disable="!isLeave"
         class="q-px-md items-center btnBlue"
         label="บันทึก"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn

src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue

@@ -182,8 +182,9 @@ const checkDate = computed(() => {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
- const totalCheck = ref<number|null>(null)
+//  const totalCheck = ref<number|null>(null)
 async function fetchCheck() {
+  if (formDataOrdination.leaveStartDate && formDataOrdination.leaveEndDate) {
     showLoader();
     await http
       .post(config.API.leaveCheck(), {
@@ -198,19 +199,24 @@ async function fetchCheck() {
       })
       .then((res: any) => {
         const data = res.data.result;
-      isLeave.value = data.isLeave;
         formDataOrdination.leaveTotal = data.totalDate;
-      totalCheck.value = data.totalDate;
+        // totalCheck.value = data.totalDate;
-      reasonLeave.value = data.message
+        reasonLeave.value =
+          data.message != ""
             ? data.message
-        : "จำนวนวันลาเกินที่กำหนด";
+            : formDataOrdination.leaveTotal > 0
+            ? "จำนวนวันลาเกินที่กำหนด"
+            : "ช่วงวันลาที่ระบุไม่ถูกต้อง";
+        isLeave.value =
+          formDataOrdination.leaveTotal > 0 ? data.isLeave : false;
         hideLoader();
       })
       .catch((e: any) => {
         messageError($q, e);
-      totalCheck.value = null
+        // totalCheck.value = null;
         hideLoader();
       });
+  }
 }
 
 /** แจ้งเมื่อวันลาไม่ถูกต้อง */
@@ -224,7 +230,7 @@ const statusCheck = ref<string>("");
 
 watch(props.data, async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataOrdination.leaveWrote = props.data.leaveWrote;
     formDataOrdination.leaveStartDate = props.data.leaveStartDate;
     formDataOrdination.leaveEndDate = props.data.leaveEndDate;
@@ -252,7 +258,7 @@ watch(props.data, async () => {
 /** Hook */
 onMounted(async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataOrdination.leaveWrote = props.data.leaveWrote;
     formDataOrdination.leaveStartDate = props.data.leaveStartDate;
     formDataOrdination.leaveEndDate = props.data.leaveEndDate;
@@ -831,7 +837,7 @@ onMounted(async () => {
 
     <div class="row col-12 q-pt-md">
       <q-space />
-      <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div>
+      <!-- <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div> -->
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
@@ -840,7 +846,7 @@ onMounted(async () => {
         dense
         class="q-px-md items-center btnBlue"
         label="บันทึก"
-        :disable="totalCheck == 0"
+        :disable="!isLeave"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
       >
       <q-btn

src/modules/05_leave/components/FormLeave/07_HajjForm.vue

@@ -144,8 +144,9 @@ const checkDate = computed(() => {
   }
 });
 
-const totalCheck = ref<number|null>(null)
+// const totalCheck = ref<number | null>(null);
 async function fetchCheck() {
+  if (formDataHaji.leaveStartDate && formDataHaji.leaveEndDate) {
     showLoader();
     await http
       .post(config.API.leaveCheck(), {
@@ -159,23 +160,28 @@ async function fetchCheck() {
       })
       .then((res: any) => {
         const data = res.data.result;
-      isLeave.value = data.isLeave;
+        // isLeave.value = data.isLeave;
         formDataHaji.leaveTotal = data.totalDate;
-      totalCheck.value = data.totalDate;
+        // totalCheck.value = data.totalDate;
         leaveText.value = calculateDurationYmd(
           convertDateToAPI(formDataHaji.leaveStartDate),
           convertDateToAPI(formDataHaji.leaveEndDate)
         );
-      reasonLeave.value = data.message
+        reasonLeave.value =
+          data.message != ""
             ? data.message
-        : "จำนวนวันลาเกินที่กำหนด";
+            : formDataHaji.leaveTotal > 0
+            ? "จำนวนวันลาเกินที่กำหนด"
+            : "ช่วงวันลาที่ระบุไม่ถูกต้อง";
+        isLeave.value = formDataHaji.leaveTotal > 0 ? data.isLeave : false;
         hideLoader();
       })
       .catch((e: any) => {
         messageError($q, e);
-      totalCheck.value = null
+        // totalCheck.value = null;
         hideLoader();
       });
+  }
 }
 
 /** แจ้งเมื่อวันลาไม่ถูกต้อง */
@@ -188,7 +194,7 @@ const leaveDocumentList = ref<any>();
 const statusCheck = ref<any>("");
 watch(props.data, async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataHaji.leaveWrote = props.data.leaveWrote;
     formDataHaji.leaveTotal = props.data.leaveTotal;
     formDataHaji.leaveStartDate = props.data.leaveStartDate;
@@ -206,7 +212,7 @@ watch(props.data, async () => {
 /**Hook */
 onMounted(async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataHaji.leaveWrote = props.data.leaveWrote;
     formDataHaji.leaveTotal = props.data.leaveTotal;
     formDataHaji.leaveStartDate = props.data.leaveStartDate;
@@ -576,7 +582,7 @@ onMounted(async () => {
     <q-separator class="q-mt-sm" />
     <div class="row col-12 q-pt-md">
       <q-space />
-      <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div>
+      <!-- <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div> -->
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
@@ -585,7 +591,7 @@ onMounted(async () => {
         dense
         class="q-px-md items-center btnBlue"
         label="บันทึก"
-        :disable="totalCheck == 0"
+        :disable="!isLeave"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
       >
       <q-btn

src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue

@@ -167,13 +167,15 @@ const checkDate = computed(() => {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
- const totalCheck = ref<number|null>(null)
+//  const totalCheck = ref<number|null>(null)
 async function fetchCheck() {
+  if (formDataMilitary.leaveStartDate && formDataMilitary.leaveEndDate) {
     showLoader();
     await http
       .post(config.API.leaveCheck(), {
         type: dataStore.typeId ?? null,
-      StartLeaveDate: convertDateToAPI(formDataMilitary.leaveStartDate) ?? null,
+        StartLeaveDate:
+          convertDateToAPI(formDataMilitary.leaveStartDate) ?? null,
         EndLeaveDate: convertDateToAPI(formDataMilitary.leaveEndDate) ?? null,
         leaveRange: formDataMilitary.leaveRange,
         leaveRangeEnd: checkDate.value
@@ -184,37 +186,38 @@ async function fetchCheck() {
         const data = res.data.result;
         isLeave.value = data.isLeave;
         formDataMilitary.leaveTotal = data.totalDate;
-      totalCheck.value = data.totalDate;
+        // totalCheck.value = data.totalDate;
         leaveText.value = calculateDurationYmd(
           convertDateToAPI(formDataMilitary.leaveStartDate),
           convertDateToAPI(formDataMilitary.leaveEndDate)
         );
-      reasonLeave.value = data.message
+        reasonLeave.value =
-        ? data.message
+          data.message != "" ? data.message : "จำนวนวันลาเกินที่กำหนด";
-        : "จำนวนวันลาเกินที่กำหนด";
+
         hideLoader();
       })
       .catch((e: any) => {
         messageError($q, e);
-      totalCheck.value = null
+        // totalCheck.value = null
         hideLoader();
       });
+  }
 }
 
-/**
+// /**
- * function อัพเดทค่า LeaveTotal
+//  * function อัพเดทค่า LeaveTotal
- */
+//  */
-function updateLeaveTotal() {
+// function updateLeaveTotal() {
-  const newLeaveTotal = calculateDurationYmd(
+//   const newLeaveTotal = calculateDurationYmd(
-    formDataMilitary.leaveStartDate,
+//     formDataMilitary.leaveStartDate,
-    formDataMilitary.leaveEndDate
+//     formDataMilitary.leaveEndDate
-  );
+//   );
-  formDataMilitary.leaveTotal = newLeaveTotal;
+//   formDataMilitary.leaveTotal = newLeaveTotal;
-}
+// }
 
 watch(props.data, async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataMilitary.leaveWrote = props.data.leaveWrote;
     formDataMilitary.leaveStartDate = props.data.leaveStartDate;
     formDataMilitary.leaveEndDate = props.data.leaveEndDate;
@@ -241,7 +244,7 @@ watch(props.data, async () => {
 /**Hook */
 onMounted(async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataMilitary.leaveWrote = props.data.leaveWrote;
     formDataMilitary.leaveStartDate = props.data.leaveStartDate;
     formDataMilitary.leaveEndDate = props.data.leaveEndDate;
@@ -666,7 +669,7 @@ onMounted(async () => {
     <q-separator class="q-mt-sm" />
     <div class="row col-12 q-pt-md">
       <q-space />
-      <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div>
+      <!-- <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div> -->
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
@@ -675,7 +678,7 @@ onMounted(async () => {
         dense
         class="q-px-md items-center btnBlue"
         label="บันทึก"
-        :disable="totalCheck == 0"
+        :disable="!isLeave"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
       >
       <q-btn

src/modules/05_leave/components/FormLeave/09_StudyForm.vue

@@ -182,8 +182,9 @@ const checkDate = computed(() => {
   }
 });
 
-const totalCheck = ref<number|null>(null)
+// const totalCheck = ref<number | null>(null);
 async function fetchCheck() {
+  if (formDataStudy.leaveStartDate && formDataStudy.leaveEndDate) {
     showLoader();
     await http
       .post(config.API.leaveCheck(), {
@@ -199,7 +200,7 @@ async function fetchCheck() {
         const data = res.data.result;
         isLeave.value = data.isLeave;
         formDataStudy.leaveTotal = data.totalDate;
-      totalCheck.value = data.totalDate;
+        // totalCheck.value = data.totalDate;
         leaveText.value = calculateDurationYmd(
           convertDateToAPI(formDataStudy.leaveStartDate),
           convertDateToAPI(formDataStudy.leaveEndDate)
@@ -211,26 +212,27 @@ async function fetchCheck() {
       })
       .catch((e: any) => {
         messageError($q, e);
-      totalCheck.value = null
+        // totalCheck.value = null;
         hideLoader();
       });
+  }
 }
 
-/**
+// /**
- * function อัพเดทค่า LeaveTotal
+//  * function อัพเดทค่า LeaveTotal
- */
+//  */
-function updateLeaveTotal() {
+// function updateLeaveTotal() {
-  const newLeaveTotal = calculateDurationYmd(
+//   const newLeaveTotal = calculateDurationYmd(
-    formDataStudy.leaveStartDate,
+//     formDataStudy.leaveStartDate,
-    formDataStudy.leaveEndDate
+//     formDataStudy.leaveEndDate
-  );
+//   );
-  formDataStudy.leaveTotal = newLeaveTotal;
+//   formDataStudy.leaveTotal = newLeaveTotal;
-}
+// }
 
 /** ตรวจสอบว่ามีการส่งข้อมูลเข้ามาที่ฟอร์มไหม เมื่อมีการส่งจะ map ข้อมูลเข้า v-model ของฟอร์ม */
 watch(props.data, async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataStudy.leaveWrote = props.data.leaveWrote;
     formDataStudy.leaveStartDate = props.data.leaveStartDate;
     formDataStudy.leaveEndDate = props.data.leaveEndDate;
@@ -262,7 +264,7 @@ watch(props.data, async () => {
 /**Hook */
 onMounted(async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataStudy.leaveWrote = props.data.leaveWrote;
     formDataStudy.leaveStartDate = props.data.leaveStartDate;
     formDataStudy.leaveEndDate = props.data.leaveEndDate;
@@ -821,7 +823,7 @@ onMounted(async () => {
 
     <div class="row col-12 q-pt-md">
       <q-space />
-      <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div>
+      <!-- <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div> -->
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
@@ -830,7 +832,7 @@ onMounted(async () => {
         dense
         class="q-px-md items-center btnBlue"
         label="บันทึก"
-        :disable="totalCheck == 0"
+        :disable="!isLeave"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
       >
       <q-btn

src/modules/05_leave/components/FormLeave/10_TrainForm.vue

@@ -167,8 +167,9 @@ const checkDate = computed(() => {
   }
 });
 
-const totalCheck = ref<number|null>(null)
+// const totalCheck = ref<number | null>(null);
 async function fetchCheck() {
+  if (formDataTrain.leaveStartDate && formDataTrain.leaveEndDate) {
     showLoader();
     await http
       .post(config.API.leaveCheck(), {
@@ -184,7 +185,7 @@ async function fetchCheck() {
         const data = res.data.result;
         isLeave.value = data.isLeave;
         formDataTrain.leaveTotal = data.totalDate;
-      totalCheck.value = data.totalDate;
+        // totalCheck.value = data.totalDate;
         leaveText.value = calculateDurationYmd(
           convertDateToAPI(formDataTrain.leaveStartDate),
           convertDateToAPI(formDataTrain.leaveEndDate)
@@ -195,10 +196,11 @@ async function fetchCheck() {
         hideLoader();
       })
       .catch((e: any) => {
-      totalCheck.value = null
+        // totalCheck.value = null;
         messageError($q, e);
         hideLoader();
       });
+  }
 }
 
 /**
@@ -214,7 +216,7 @@ function updateLeaveTotal() {
 
 watch(props.data, async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataTrain.leaveWrote = props.data.leaveWrote;
     formDataTrain.leaveStartDate = props.data.leaveStartDate;
     formDataTrain.leaveEndDate = props.data.leaveEndDate;
@@ -244,7 +246,7 @@ watch(props.data, async () => {
 /**Hook */
 onMounted(async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataTrain.leaveWrote = props.data.leaveWrote;
     formDataTrain.leaveStartDate = props.data.leaveStartDate;
     formDataTrain.leaveEndDate = props.data.leaveEndDate;
@@ -781,7 +783,7 @@ onMounted(async () => {
 
     <div class="row col-12 q-pt-md">
       <q-space />
-      <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div>
+      <!-- <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div> -->
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
@@ -790,7 +792,7 @@ onMounted(async () => {
         dense
         class="q-px-md items-center btnBlue"
         label="บันทึก"
-        :disable="totalCheck == 0"
+        :disable="!isLeave"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
       >
       <q-btn

src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue

@@ -171,8 +171,12 @@ const checkDate = computed(() => {
  * @param formData
  */
 const isLeave = ref<boolean>(true);
-  const totalCheck = ref<number|null>(null)
+// const totalCheck = ref<number|null>(null)
 async function fetchCheck() {
+  if (
+    formDataWorkInternational.leaveStartDate &&
+    formDataWorkInternational.leaveEndDate
+  ) {
     await http
       .post(config.API.leaveCheck(), {
         type: dataStore.typeId ?? null,
@@ -189,7 +193,7 @@ async function fetchCheck() {
         const data = res.data.result;
         isLeave.value = data.isLeave;
         formDataWorkInternational.leaveTotal = data.totalDate;
-      totalCheck.value = data.totalDate;
+        // totalCheck.value = data.totalDate;
         leaveText.value = calculateDurationYmd(
           convertDateToAPI(formDataWorkInternational.leaveStartDate),
           convertDateToAPI(formDataWorkInternational.leaveEndDate)
@@ -199,9 +203,10 @@ async function fetchCheck() {
           : "จำนวนวันลาเกินที่กำหนด";
       })
       .catch((e: any) => {
-      totalCheck.value = null
+        // totalCheck.value = null;
         messageError($q, e);
       });
+  }
 }
 
 /** แจ้งเมื่อวันลาไม่ถูกต้อง */
@@ -216,7 +221,7 @@ const statusCheck = ref<string>("");
 
 watch(props, async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataWorkInternational.leaveWrote = props.data.leaveWrote;
     formDataWorkInternational.leaveStartDate = new Date(
       props.data.leaveStartDate
@@ -254,7 +259,7 @@ watch(
 /**Hook */
 onMounted(async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataWorkInternational.leaveWrote = props.data.leaveWrote;
 
     formDataWorkInternational.leaveRange = props.data.leaveRange;
@@ -630,7 +635,7 @@ onMounted(async () => {
       <q-separator class="q-mt-sm" />
       <div class="row col-12 q-pt-md">
         <q-space />
-        <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div>
+        <!-- <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div> -->
         <q-btn
           v-if="!props.data || props.data.status == 'DRAFT'"
           id="onSubmit"
@@ -639,7 +644,7 @@ onMounted(async () => {
           dense
           class="q-px-md items-center btnBlue"
           label="บันทึก"
-          :disable="totalCheck == 0"
+          :disable="!isLeave"
           ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
         >
         <q-btn

src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue

@@ -209,15 +209,20 @@ const reasonLeave = ref<string>("");
  * @param formData
  */
 const isLeave = ref<boolean>(true);
-const totalCheck = ref<number | null>(null);
+// const totalCheck = ref<number | null>(null);
 async function fetchCheck() {
+  if (
+    formDataFollowSpouse.leaveStartDate &&
+    formDataFollowSpouse.leaveEndDate
+  ) {
     showLoader();
     await http
       .post(config.API.leaveCheck(), {
         type: dataStore.typeId ?? null,
         StartLeaveDate:
           convertDateToAPI(formDataFollowSpouse.leaveStartDate) ?? null,
-      EndLeaveDate: convertDateToAPI(formDataFollowSpouse.leaveEndDate) ?? null,
+        EndLeaveDate:
+          convertDateToAPI(formDataFollowSpouse.leaveEndDate) ?? null,
         leaveRange: formDataFollowSpouse.leaveRange,
         leaveRangeEnd: checkDate.value
           ? formDataFollowSpouse.leaveRange
@@ -227,7 +232,7 @@ async function fetchCheck() {
         const data = res.data.result;
         isLeave.value = data.isLeave;
         formDataFollowSpouse.leaveTotal = data.totalDate;
-      totalCheck.value = data.totalDate;
+        // totalCheck.value = data.totalDate;
         leaveText.value = calculateDurationYmd(
           convertDateToAPI(formDataFollowSpouse.leaveStartDate),
           convertDateToAPI(formDataFollowSpouse.leaveEndDate)
@@ -240,22 +245,10 @@ async function fetchCheck() {
       })
       .catch((e: any) => {
         messageError($q, e);
-      totalCheck.value = null
+        // totalCheck.value = null
         hideLoader();
       });
-}
+  }
-
-/**
- * function อัพเดทค่า LeaveTotal
- */
-function updateLeaveTotal() {
-  fetchCheck();
-
-  const newLeaveTotal = calculateDurationYmd(
-    formDataFollowSpouse.leaveStartDate,
-    formDataFollowSpouse.leaveEndDate
-  );
-  formDataFollowSpouse.leaveTotal = newLeaveTotal;
 }
 
 /**
@@ -294,7 +287,7 @@ const leaveDocumentList = ref<any>();
 const statusCheck = ref<any>("");
 watch(props.data, async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataFollowSpouse.leaveWrote = props.data.leaveWrote;
     formDataFollowSpouse.leaveStartDate = new Date(props.data.leaveStartDate);
     formDataFollowSpouse.leaveEndDate = new Date(props.data.leaveEndDate);
@@ -340,7 +333,7 @@ watch(props.data, async () => {
 /**Hook */
 onMounted(async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataFollowSpouse.leaveWrote = props.data.leaveWrote;
     formDataFollowSpouse.leaveStartDate = new Date(props.data.leaveStartDate);
     formDataFollowSpouse.leaveEndDate = new Date(props.data.leaveEndDate);
@@ -919,7 +912,7 @@ onMounted(async () => {
     <q-separator class="q-mt-sm" />
     <div class="row col-12 q-pt-md">
       <q-space />
-      <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div>
+      <!-- <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div> -->
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
@@ -928,7 +921,7 @@ onMounted(async () => {
         dense
         class="q-px-md items-center btnBlue"
         label="บันทึก"
-        :disable="totalCheck == 0"
+        :disable="!isLeave"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
       >
       <q-btn

src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue

@@ -129,8 +129,12 @@ const checkDate = computed(() => {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
- const totalCheck = ref<number|null>(null)
+//  const totalCheck = ref<number|null>(null)
 async function fetchCheck() {
+  if (
+    formDataRehabilitation.leaveStartDate &&
+    formDataRehabilitation.leaveEndDate
+  ) {
     showLoader();
     await http
       .post(config.API.leaveCheck(), {
@@ -148,7 +152,7 @@ async function fetchCheck() {
         const data = res.data.result;
         isLeave.value = data.isLeave;
         formDataRehabilitation.leaveTotal = data.totalDate;
-      totalCheck.value = data.totalDate;
+        // totalCheck.value = data.totalDate;
         leaveText.value = calculateDurationYmd(
           convertDateToAPI(formDataRehabilitation.leaveStartDate),
           convertDateToAPI(formDataRehabilitation.leaveEndDate)
@@ -160,11 +164,12 @@ async function fetchCheck() {
       })
       .catch((e: any) => {
         messageError($q, e);
-      totalCheck.value = null
+        // totalCheck.value = null
       })
       .finally(() => {
         hideLoader();
       });
+  }
 }
 
 //download function
@@ -195,7 +200,7 @@ const leaveDraftDocument = ref<string>();
 const statusCheck = ref<string>("");
 watch(props.data, async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataRehabilitation.leaveWrote = props.data.leaveWrote;
     formDataRehabilitation.leaveStartDate = new Date(props.data.leaveStartDate);
     formDataRehabilitation.leaveEndDate = new Date(props.data.leaveEndDate);
@@ -218,7 +223,7 @@ watch(props.data, async () => {
 /**Hook */
 onMounted(async () => {
   if (props.data) {
-    totalCheck.value = null
+    // totalCheck.value = null;
     formDataRehabilitation.leaveWrote = props.data.leaveWrote;
     formDataRehabilitation.leaveStartDate = new Date(props.data.leaveStartDate);
     formDataRehabilitation.leaveEndDate = new Date(props.data.leaveEndDate);
@@ -586,7 +591,7 @@ onMounted(async () => {
       <q-separator class="q-mt-sm" />
       <div class="row col-12 q-pt-md">
         <q-space />
-        <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div>
+        <!-- <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div> -->
         <q-btn
           v-if="!props.data || props.data.status == 'DRAFT'"
           id="onSubmit"
@@ -595,7 +600,7 @@ onMounted(async () => {
           dense
           class="q-px-md items-center btnBlue"
           label="บันทึก"
-          :disable="totalCheck == 0"
+          :disable="!isLeave"
           ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
         >
         <q-btn

src/stores/mixin.ts

@@ -365,7 +365,7 @@ export const useCounterMixin = defineStore("mixin", () => {
         component: CustomComponent,
         componentProps: {
           title: `ข้อความแจ้งเตือน`,
-          message: `ไม่สามารถลาได้ เนื่องจากจำนวนวันลาเกินที่กำหนด`,
+          message: `ไม่สามารถลาได้ เนื่องจากจำนวนวันลาเกินที่กำหนด/ช่วงวันลาที่ระบุไม่ถูกต้อง`,
           icon: "warning",
           color: "red",
           onlycancel: true,