From e12da05ffe0561b2ee8f1240bf90703e9a8b69b3 Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Thu, 1 May 2025 15:15:52 +0700
Subject: [PATCH 1/3] =?UTF-8?q?=E0=B8=9F=E0=B8=B4=E0=B8=A5=E0=B9=80?=
 =?UTF-8?q?=E0=B8=95=E0=B8=AD=E0=B8=A3=E0=B9=8C=20store?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../05_leave/components/FormLeave/12_FollowSpouseForm.vue    | 5 +++--
 src/modules/05_leave/components/ListView.vue                 | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
index 19c0109..a41e91f 100644
--- a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
+++ b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
@@ -233,6 +233,7 @@ async function fetchCheck() {
       reasonLeave.value = data.message
         ? data.message
         : "จำนวนวันลาเกินที่กำหนด";
+      checkTotalHistory();
       hideLoader();
     })
     .catch((e: any) => {
@@ -315,7 +316,7 @@ watch(props.data, async () => {
     formDataFollowSpouse.coupleDayEndDateHistory =
       props.data.coupleDayEndDateHistory;
     leaveDocumentList.value = props.data.leaveDocument;
-
+    checkTotalHistory();
     const leaveTotal = await calculateDurationYmd(
       props.data.leaveStartDate,
       props.data.leaveEndDate
@@ -361,7 +362,7 @@ onMounted(async () => {
     formDataFollowSpouse.coupleDayEndDateHistory =
       props.data.coupleDayEndDateHistory;
     leaveDocumentList.value = props.data.leaveDocument;
-
+    checkTotalHistory();
     const leaveTotal = await calculateDurationYmd(
       props.data.leaveStartDate,
       props.data.leaveEndDate
diff --git a/src/modules/05_leave/components/ListView.vue b/src/modules/05_leave/components/ListView.vue
index ce4c666..9c0df62 100644
--- a/src/modules/05_leave/components/ListView.vue
+++ b/src/modules/05_leave/components/ListView.vue
@@ -41,8 +41,8 @@ async function fetchDataTable() {
   showLoader();
   const body = {
     year: year.value, //*ปีในการยื่นขอใบลา(ใช้เป็น คศ.)
-    type: type.value, //*Id ประเภทการลา
-    status: status.value, //*สถานะการของลา
+    type: LeaveData.type, //*Id ประเภทการลา
+    status: LeaveData.status, //*สถานะการของลา
     page: page.value.toString(), //*หน้า
     pageSize: pageSize.value.toString(), //*จำนวนแถวต่อหน้า
     keyword: filter.value, //keyword ค้นหา

From 45fdb9c8b8b92a66414b26bca558b5399f7cee07 Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Thu, 1 May 2025 17:06:06 +0700
Subject: [PATCH 2/3] =?UTF-8?q?=E0=B9=81=E0=B8=AA=E0=B8=94=E0=B8=87?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=81=E0=B8=B2=E0=B8=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/05_leave/components/ListView.vue | 4 +++-
 src/modules/05_leave/components/Table.vue    | 2 ++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/modules/05_leave/components/ListView.vue b/src/modules/05_leave/components/ListView.vue
index 9c0df62..af64c6c 100644
--- a/src/modules/05_leave/components/ListView.vue
+++ b/src/modules/05_leave/components/ListView.vue
@@ -35,7 +35,7 @@ const filter = ref<string>("");
 const maxPage = ref<number>(1);
 const page = ref<number>(1);
 const pageSize = ref<number>(10);
-
+const total = ref<number>(0)
 /** function เรียกข้อมูลการลา*/
 async function fetchDataTable() {
   showLoader();
@@ -53,6 +53,7 @@ async function fetchDataTable() {
       const data = res.data.result.data;
       LeaveData.fetchListLeave(data);
       maxPage.value = Math.ceil(res.data.result.total / pageSize.value);
+      total.value = res.data.result.total;
     })
     .catch((err) => {
       messageError($q, err);
@@ -187,6 +188,7 @@ onMounted(async () => {
     :maxPage="maxPage"
     :pageSize="pageSize"
     :leaveType="leaveType"
+    :total="total"
   >
     <template #columns="props">
       <q-tr :props="props" class="cursor-pointer">
diff --git a/src/modules/05_leave/components/Table.vue b/src/modules/05_leave/components/Table.vue
index eed96f0..1ec87de 100644
--- a/src/modules/05_leave/components/Table.vue
+++ b/src/modules/05_leave/components/Table.vue
@@ -14,6 +14,7 @@ const props = defineProps({
   count: Number,
   pass: Number,
   notpass: Number,
+  total: Number,
 
   name: String,
   icon: String,
@@ -252,6 +253,7 @@ watch([() => currentPage.value, () => pagination.value.rowsPerPage], () => {
         </q-tr>
       </template>
       <template v-slot:pagination="scope">
+        ทั้งหมด {{ props.total }} รายการ
         <q-pagination
           v-model="currentPage"
           active-color="primary"

From ba63d258270668da5a94056e7fe4420ab865f05c Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Fri, 2 May 2025 11:23:18 +0700
Subject: [PATCH 3/3] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=20dissable=20=E0=B8=88=E0=B8=B3=E0=B8=99=E0=B8=A7?=
 =?UTF-8?q?=E0=B8=99=E0=B8=A7=E0=B8=B1=E0=B8=99=E0=B8=A5=E0=B8=B2=20=3D=20?=
 =?UTF-8?q?0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/modules/05_leave/components/FormLeave/01_SickForm.vue b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
index 21eecf0..70fe533 100644
--- a/src/modules/05_leave/components/FormLeave/01_SickForm.vue
+++ b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
@@ -165,6 +165,7 @@ const checkDate = computed(() => {
   }
 });
 
+const totalCheck = ref<number|null>(null)
 async function fetchCheck() {
   showLoader();
   await http
@@ -181,6 +182,7 @@ async function fetchCheck() {
       const data = res.data.result;
       formDataSick.leaveTotal =
         data.totalDate - data.sumDateWork - data.sumDateHoliday;
+        totalCheck.value = data.totalDate - data.sumDateWork - data.sumDateHoliday;
       isLeave.value = data.isLeave;
       reasonLeave.value = data.message
         ? data.message
@@ -188,6 +190,7 @@ async function fetchCheck() {
     })
     .catch((e: any) => {
       messageError($q, e);
+      totalCheck.value = null
       hideLoader();
     })
     .finally(() => {
@@ -206,6 +209,7 @@ const leaveId = ref<any>("");
 const statusCheck = ref<any>("");
 watch(props.data, () => {
   if (props.data) {
+    totalCheck.value = null
     formDataSick.leaveWrote = props.data.leaveWrote;
     formDataSick.leaveStartDate = new Date(props.data.leaveStartDate);
     formDataSick.leaveEndDate = new Date(props.data.leaveEndDate);
@@ -223,6 +227,7 @@ watch(props.data, () => {
 /** Hook */
 onMounted(() => {
   if (props.data) {
+    totalCheck.value = null
     formDataSick.leaveWrote = props.data.leaveWrote;
     formDataSick.leaveStartDate = new Date(props.data.leaveStartDate);
     formDataSick.leaveEndDate = new Date(props.data.leaveEndDate);
@@ -622,6 +627,7 @@ 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>
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
@@ -629,6 +635,7 @@ onMounted(() => {
         unelevated
         class="q-px-md items-center btnBlue"
         label="บันทึก"
+        :disable="totalCheck == 0"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
       >
       <q-btn
diff --git a/src/modules/05_leave/components/FormLeave/03_Birth.vue b/src/modules/05_leave/components/FormLeave/03_Birth.vue
index d851308..e689e11 100644
--- a/src/modules/05_leave/components/FormLeave/03_Birth.vue
+++ b/src/modules/05_leave/components/FormLeave/03_Birth.vue
@@ -149,6 +149,7 @@ const checkDate = computed(() => {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
+ const totalCheck = ref<number|null>(null)
 async function fetchCheck() {
   showLoader();
   await http
@@ -166,12 +167,14 @@ async function fetchCheck() {
       const data = res.data.result;
       isLeave.value = data.isLeave;
       formDataBirth.leaveTotal = data.totalDate;
+      totalCheck.value = data.totalDate;
       reasonLeave.value = data.message
         ? data.message
         : "จำนวนวันลาเกินที่กำหนด";
     })
     .catch((e: any) => {
       hideLoader();
+      totalCheck.value = null
       messageError($q, e);
     });
 }
@@ -186,6 +189,7 @@ const leaveDocumentList = ref<any>();
 const statusCheck = ref<any>("");
 watch(props.data, () => {
   if (props.data) {
+    totalCheck.value = null
     formDataBirth.leaveWrote = props.data.leaveWrote;
     formDataBirth.leaveStartDate = props.data.leaveStartDate;
     formDataBirth.leaveEndDate = props.data.leaveEndDate;
@@ -201,6 +205,7 @@ watch(props.data, () => {
 /** Hook */
 onMounted(() => {
   if (props.data) {
+    totalCheck.value = null
     formDataBirth.leaveWrote = props.data.leaveWrote;
     formDataBirth.leaveStartDate = props.data.leaveStartDate;
     formDataBirth.leaveEndDate = props.data.leaveEndDate;
@@ -572,12 +577,14 @@ onMounted(() => {
 
     <div class="row col-12 q-pt-md">
       <q-space />
+      <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"
         class="q-px-md items-center btnBlue"
         label="บันทึก"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
diff --git a/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue b/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
index 590f2ea..687aace 100644
--- a/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
+++ b/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
@@ -165,6 +165,7 @@ const checkDate = computed(() => {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
+ const totalCheck = ref<number|null>(null)
 async function fetchCheck() {
   showLoader();
   await http
@@ -182,6 +183,7 @@ async function fetchCheck() {
       isLeave.value = data.isLeave;
       formDataHelpWife.leaveTotal =
         data.totalDate - data.sumDateWork - data.sumDateHoliday;
+        totalCheck.value = data.totalDate - data.sumDateWork - data.sumDateHoliday;
       reasonLeave.value = data.message
         ? data.message
         : "จำนวนวันลาเกินที่กำหนด";
@@ -189,6 +191,7 @@ async function fetchCheck() {
     })
     .catch((e: any) => {
       messageError($q, e);
+      totalCheck.value = null
       hideLoader();
     });
 }
@@ -197,6 +200,7 @@ async function fetchCheck() {
 
 watch(props.data, async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataHelpWife.leaveWrote = props.data.leaveWrote;
     formDataHelpWife.wifeDayName = props.data.wifeDayName;
     formDataHelpWife.wifeDayDateBorn = props.data.wifeDayDateBorn;
@@ -215,6 +219,7 @@ watch(props.data, async () => {
 /**Hook */
 onMounted(async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataHelpWife.leaveWrote = props.data.leaveWrote;
     formDataHelpWife.wifeDayName = props.data.wifeDayName;
     formDataHelpWife.wifeDayDateBorn = props.data.wifeDayDateBorn;
@@ -638,12 +643,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>
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
         type="submit"
         unelevated
         dense
+        :disable="totalCheck == 0"
         class="q-px-md items-center btnBlue"
         label="บันทึก"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
diff --git a/src/modules/05_leave/components/FormLeave/05_VacationForm.vue b/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
index 2c6730d..13b6f0a 100644
--- a/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
@@ -164,6 +164,7 @@ const checkDate = computed(() => {
   }
 });
 
+const totalCheck = ref<number|null>(null)
 async function fetchCheck() {
   showLoader();
   await http
@@ -179,8 +180,8 @@ async function fetchCheck() {
     .then((res: any) => {
       const data = res.data.result;
       isLeave.value = data.isLeave;
-      formDataVacation.leaveTotal =
-        data.totalDate - data.sumDateWork - data.sumDateHoliday;
+      formDataVacation.leaveTotal = data.totalDate - data.sumDateWork - data.sumDateHoliday;
+      totalCheck.value = data.totalDate - data.sumDateWork - data.sumDateHoliday;
 
       reasonLeave.value = data.message
         ? data.message
@@ -189,6 +190,7 @@ async function fetchCheck() {
     })
     .catch((e: any) => {
       messageError($q, e);
+      totalCheck.value = null
       hideLoader();
     });
 }
@@ -208,6 +210,7 @@ function resetDate() {
 
 watch(props.data, () => {
   if (props.data) {
+    totalCheck.value = null
     formDataVacation.leaveWrote = props.data.leaveWrote;
     formDataVacation.restDayOldTotal = props.data.restDayOldTotal;
     formDataVacation.restDayCurrentTotal = props.data.restDayCurrentTotal;
@@ -227,6 +230,7 @@ watch(props.data, () => {
 /**Hook */
 onMounted(() => {
   if (props.data) {
+    totalCheck.value = null
     formDataVacation.leaveWrote = props.data.leaveWrote;
     formDataVacation.restDayOldTotal = props.data.restDayOldTotal;
     formDataVacation.restDayCurrentTotal = props.data.restDayCurrentTotal;
@@ -628,14 +632,16 @@ onMounted(() => {
     </q-card>
 
     <q-separator class="q-mt-sm" />
-    <div class="row col-12 q-pt-md">
+    <div class="row col-12 q-pt-md items-center">
       <q-space />
+      <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"
         class="q-px-md items-center btnBlue"
         label="บันทึก"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
diff --git a/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue b/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
index d32430f..f1a00d5 100644
--- a/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
@@ -182,6 +182,7 @@ const checkDate = computed(() => {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
+ const totalCheck = ref<number|null>(null)
 async function fetchCheck() {
   showLoader();
   await http
@@ -199,6 +200,7 @@ async function fetchCheck() {
       const data = res.data.result;
       isLeave.value = data.isLeave;
       formDataOrdination.leaveTotal = data.totalDate;
+      totalCheck.value = data.totalDate;
       reasonLeave.value = data.message
         ? data.message
         : "จำนวนวันลาเกินที่กำหนด";
@@ -206,6 +208,7 @@ async function fetchCheck() {
     })
     .catch((e: any) => {
       messageError($q, e);
+      totalCheck.value = null
       hideLoader();
     });
 }
@@ -221,6 +224,7 @@ const statusCheck = ref<string>("");
 
 watch(props.data, async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataOrdination.leaveWrote = props.data.leaveWrote;
     formDataOrdination.leaveStartDate = props.data.leaveStartDate;
     formDataOrdination.leaveEndDate = props.data.leaveEndDate;
@@ -248,6 +252,7 @@ watch(props.data, async () => {
 /** Hook */
 onMounted(async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataOrdination.leaveWrote = props.data.leaveWrote;
     formDataOrdination.leaveStartDate = props.data.leaveStartDate;
     formDataOrdination.leaveEndDate = props.data.leaveEndDate;
@@ -826,6 +831,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>
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
@@ -834,6 +840,7 @@ onMounted(async () => {
         dense
         class="q-px-md items-center btnBlue"
         label="บันทึก"
+        :disable="totalCheck == 0"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
       >
       <q-btn
diff --git a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
index 912597c..406a5d0 100644
--- a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
+++ b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
@@ -144,6 +144,7 @@ const checkDate = computed(() => {
   }
 });
 
+const totalCheck = ref<number|null>(null)
 async function fetchCheck() {
   showLoader();
   await http
@@ -160,6 +161,7 @@ async function fetchCheck() {
       const data = res.data.result;
       isLeave.value = data.isLeave;
       formDataHaji.leaveTotal = data.totalDate;
+      totalCheck.value = data.totalDate;
       leaveText.value = calculateDurationYmd(
         convertDateToAPI(formDataHaji.leaveStartDate),
         convertDateToAPI(formDataHaji.leaveEndDate)
@@ -171,6 +173,7 @@ async function fetchCheck() {
     })
     .catch((e: any) => {
       messageError($q, e);
+      totalCheck.value = null
       hideLoader();
     });
 }
@@ -185,6 +188,7 @@ const leaveDocumentList = ref<any>();
 const statusCheck = ref<any>("");
 watch(props.data, async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataHaji.leaveWrote = props.data.leaveWrote;
     formDataHaji.leaveTotal = props.data.leaveTotal;
     formDataHaji.leaveStartDate = props.data.leaveStartDate;
@@ -202,6 +206,7 @@ watch(props.data, async () => {
 /**Hook */
 onMounted(async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataHaji.leaveWrote = props.data.leaveWrote;
     formDataHaji.leaveTotal = props.data.leaveTotal;
     formDataHaji.leaveStartDate = props.data.leaveStartDate;
@@ -571,6 +576,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>
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
@@ -579,6 +585,7 @@ onMounted(async () => {
         dense
         class="q-px-md items-center btnBlue"
         label="บันทึก"
+        :disable="totalCheck == 0"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
       >
       <q-btn
diff --git a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
index ba7af1b..012977d 100644
--- a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
+++ b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
@@ -167,6 +167,7 @@ const checkDate = computed(() => {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
+ const totalCheck = ref<number|null>(null)
 async function fetchCheck() {
   showLoader();
   await http
@@ -183,6 +184,7 @@ async function fetchCheck() {
       const data = res.data.result;
       isLeave.value = data.isLeave;
       formDataMilitary.leaveTotal = data.totalDate;
+      totalCheck.value = data.totalDate;
       leaveText.value = calculateDurationYmd(
         convertDateToAPI(formDataMilitary.leaveStartDate),
         convertDateToAPI(formDataMilitary.leaveEndDate)
@@ -194,6 +196,7 @@ async function fetchCheck() {
     })
     .catch((e: any) => {
       messageError($q, e);
+      totalCheck.value = null
       hideLoader();
     });
 }
@@ -211,6 +214,7 @@ function updateLeaveTotal() {
 
 watch(props.data, async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataMilitary.leaveWrote = props.data.leaveWrote;
     formDataMilitary.leaveStartDate = props.data.leaveStartDate;
     formDataMilitary.leaveEndDate = props.data.leaveEndDate;
@@ -237,6 +241,7 @@ watch(props.data, async () => {
 /**Hook */
 onMounted(async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataMilitary.leaveWrote = props.data.leaveWrote;
     formDataMilitary.leaveStartDate = props.data.leaveStartDate;
     formDataMilitary.leaveEndDate = props.data.leaveEndDate;
@@ -661,6 +666,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>
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
@@ -669,6 +675,7 @@ onMounted(async () => {
         dense
         class="q-px-md items-center btnBlue"
         label="บันทึก"
+        :disable="totalCheck == 0"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
       >
       <q-btn
diff --git a/src/modules/05_leave/components/FormLeave/09_StudyForm.vue b/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
index 0b3fc74..f91f248 100644
--- a/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
+++ b/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
@@ -182,6 +182,7 @@ const checkDate = computed(() => {
   }
 });
 
+const totalCheck = ref<number|null>(null)
 async function fetchCheck() {
   showLoader();
   await http
@@ -198,6 +199,7 @@ async function fetchCheck() {
       const data = res.data.result;
       isLeave.value = data.isLeave;
       formDataStudy.leaveTotal = data.totalDate;
+      totalCheck.value = data.totalDate;
       leaveText.value = calculateDurationYmd(
         convertDateToAPI(formDataStudy.leaveStartDate),
         convertDateToAPI(formDataStudy.leaveEndDate)
@@ -209,6 +211,7 @@ async function fetchCheck() {
     })
     .catch((e: any) => {
       messageError($q, e);
+      totalCheck.value = null
       hideLoader();
     });
 }
@@ -227,6 +230,7 @@ function updateLeaveTotal() {
 /** ตรวจสอบว่ามีการส่งข้อมูลเข้ามาที่ฟอร์มไหม เมื่อมีการส่งจะ map ข้อมูลเข้า v-model ของฟอร์ม */
 watch(props.data, async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataStudy.leaveWrote = props.data.leaveWrote;
     formDataStudy.leaveStartDate = props.data.leaveStartDate;
     formDataStudy.leaveEndDate = props.data.leaveEndDate;
@@ -258,6 +262,7 @@ watch(props.data, async () => {
 /**Hook */
 onMounted(async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataStudy.leaveWrote = props.data.leaveWrote;
     formDataStudy.leaveStartDate = props.data.leaveStartDate;
     formDataStudy.leaveEndDate = props.data.leaveEndDate;
@@ -816,6 +821,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>
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
@@ -824,6 +830,7 @@ onMounted(async () => {
         dense
         class="q-px-md items-center btnBlue"
         label="บันทึก"
+        :disable="totalCheck == 0"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
       >
       <q-btn
diff --git a/src/modules/05_leave/components/FormLeave/10_TrainForm.vue b/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
index 4b71237..8e518a3 100644
--- a/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
+++ b/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
@@ -167,6 +167,7 @@ const checkDate = computed(() => {
   }
 });
 
+const totalCheck = ref<number|null>(null)
 async function fetchCheck() {
   showLoader();
   await http
@@ -183,6 +184,7 @@ async function fetchCheck() {
       const data = res.data.result;
       isLeave.value = data.isLeave;
       formDataTrain.leaveTotal = data.totalDate;
+      totalCheck.value = data.totalDate;
       leaveText.value = calculateDurationYmd(
         convertDateToAPI(formDataTrain.leaveStartDate),
         convertDateToAPI(formDataTrain.leaveEndDate)
@@ -193,6 +195,7 @@ async function fetchCheck() {
       hideLoader();
     })
     .catch((e: any) => {
+      totalCheck.value = null
       messageError($q, e);
       hideLoader();
     });
@@ -211,6 +214,7 @@ function updateLeaveTotal() {
 
 watch(props.data, async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataTrain.leaveWrote = props.data.leaveWrote;
     formDataTrain.leaveStartDate = props.data.leaveStartDate;
     formDataTrain.leaveEndDate = props.data.leaveEndDate;
@@ -240,6 +244,7 @@ watch(props.data, async () => {
 /**Hook */
 onMounted(async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataTrain.leaveWrote = props.data.leaveWrote;
     formDataTrain.leaveStartDate = props.data.leaveStartDate;
     formDataTrain.leaveEndDate = props.data.leaveEndDate;
@@ -776,6 +781,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>
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
@@ -784,6 +790,7 @@ onMounted(async () => {
         dense
         class="q-px-md items-center btnBlue"
         label="บันทึก"
+        :disable="totalCheck == 0"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
       >
       <q-btn
diff --git a/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue b/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
index 6d2bc34..72db237 100644
--- a/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
+++ b/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
@@ -171,6 +171,7 @@ const checkDate = computed(() => {
  * @param formData
  */
 const isLeave = ref<boolean>(true);
+  const totalCheck = ref<number|null>(null)
 async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
@@ -188,7 +189,7 @@ async function fetchCheck() {
       const data = res.data.result;
       isLeave.value = data.isLeave;
       formDataWorkInternational.leaveTotal = data.totalDate;
-
+      totalCheck.value = data.totalDate;
       leaveText.value = calculateDurationYmd(
         convertDateToAPI(formDataWorkInternational.leaveStartDate),
         convertDateToAPI(formDataWorkInternational.leaveEndDate)
@@ -198,6 +199,7 @@ async function fetchCheck() {
         : "จำนวนวันลาเกินที่กำหนด";
     })
     .catch((e: any) => {
+      totalCheck.value = null
       messageError($q, e);
     });
 }
@@ -214,6 +216,7 @@ const statusCheck = ref<string>("");
 
 watch(props, async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataWorkInternational.leaveWrote = props.data.leaveWrote;
     formDataWorkInternational.leaveStartDate = new Date(
       props.data.leaveStartDate
@@ -251,6 +254,7 @@ watch(
 /**Hook */
 onMounted(async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataWorkInternational.leaveWrote = props.data.leaveWrote;
 
     formDataWorkInternational.leaveRange = props.data.leaveRange;
@@ -626,6 +630,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>
         <q-btn
           v-if="!props.data || props.data.status == 'DRAFT'"
           id="onSubmit"
@@ -634,6 +639,7 @@ onMounted(async () => {
           dense
           class="q-px-md items-center btnBlue"
           label="บันทึก"
+          :disable="totalCheck == 0"
           ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
         >
         <q-btn
diff --git a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
index a41e91f..b8feb22 100644
--- a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
+++ b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
@@ -209,6 +209,7 @@ const reasonLeave = ref<string>("");
  * @param formData
  */
 const isLeave = ref<boolean>(true);
+const totalCheck = ref<number | null>(null);
 async function fetchCheck() {
   showLoader();
   await http
@@ -226,6 +227,7 @@ async function fetchCheck() {
       const data = res.data.result;
       isLeave.value = data.isLeave;
       formDataFollowSpouse.leaveTotal = data.totalDate;
+      totalCheck.value = data.totalDate;
       leaveText.value = calculateDurationYmd(
         convertDateToAPI(formDataFollowSpouse.leaveStartDate),
         convertDateToAPI(formDataFollowSpouse.leaveEndDate)
@@ -238,6 +240,7 @@ async function fetchCheck() {
     })
     .catch((e: any) => {
       messageError($q, e);
+      totalCheck.value = null
       hideLoader();
     });
 }
@@ -291,6 +294,7 @@ const leaveDocumentList = ref<any>();
 const statusCheck = ref<any>("");
 watch(props.data, async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataFollowSpouse.leaveWrote = props.data.leaveWrote;
     formDataFollowSpouse.leaveStartDate = new Date(props.data.leaveStartDate);
     formDataFollowSpouse.leaveEndDate = new Date(props.data.leaveEndDate);
@@ -336,6 +340,7 @@ watch(props.data, async () => {
 /**Hook */
 onMounted(async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataFollowSpouse.leaveWrote = props.data.leaveWrote;
     formDataFollowSpouse.leaveStartDate = new Date(props.data.leaveStartDate);
     formDataFollowSpouse.leaveEndDate = new Date(props.data.leaveEndDate);
@@ -914,6 +919,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>
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
@@ -922,6 +928,7 @@ onMounted(async () => {
         dense
         class="q-px-md items-center btnBlue"
         label="บันทึก"
+        :disable="totalCheck == 0"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
       >
       <q-btn
diff --git a/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue b/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
index 6e08aab..8e72003 100644
--- a/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
@@ -129,6 +129,7 @@ const checkDate = computed(() => {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
+ const totalCheck = ref<number|null>(null)
 async function fetchCheck() {
   showLoader();
   await http
@@ -147,6 +148,7 @@ async function fetchCheck() {
       const data = res.data.result;
       isLeave.value = data.isLeave;
       formDataRehabilitation.leaveTotal = data.totalDate;
+      totalCheck.value = data.totalDate;
       leaveText.value = calculateDurationYmd(
         convertDateToAPI(formDataRehabilitation.leaveStartDate),
         convertDateToAPI(formDataRehabilitation.leaveEndDate)
@@ -158,6 +160,7 @@ async function fetchCheck() {
     })
     .catch((e: any) => {
       messageError($q, e);
+      totalCheck.value = null
     })
     .finally(() => {
       hideLoader();
@@ -192,6 +195,7 @@ const leaveDraftDocument = ref<string>();
 const statusCheck = ref<string>("");
 watch(props.data, async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataRehabilitation.leaveWrote = props.data.leaveWrote;
     formDataRehabilitation.leaveStartDate = new Date(props.data.leaveStartDate);
     formDataRehabilitation.leaveEndDate = new Date(props.data.leaveEndDate);
@@ -214,6 +218,7 @@ watch(props.data, async () => {
 /**Hook */
 onMounted(async () => {
   if (props.data) {
+    totalCheck.value = null
     formDataRehabilitation.leaveWrote = props.data.leaveWrote;
     formDataRehabilitation.leaveStartDate = new Date(props.data.leaveStartDate);
     formDataRehabilitation.leaveEndDate = new Date(props.data.leaveEndDate);
@@ -581,6 +586,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>
         <q-btn
           v-if="!props.data || props.data.status == 'DRAFT'"
           id="onSubmit"
@@ -589,6 +595,7 @@ onMounted(async () => {
           dense
           class="q-px-md items-center btnBlue"
           label="บันทึก"
+          :disable="totalCheck == 0"
           ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn
         >
         <q-btn