From 2f21c27121a50746327e743349c1fafb5900a3c0 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 6 Mar 2025 17:26:31 +0700
Subject: [PATCH 1/5] position

---
 .../10_registry/02_Government/07_Position.vue | 27 ++++++++++++++-----
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/modules/10_registry/02_Government/07_Position.vue b/src/modules/10_registry/02_Government/07_Position.vue
index 374a2b6..2e62377 100644
--- a/src/modules/10_registry/02_Government/07_Position.vue
+++ b/src/modules/10_registry/02_Government/07_Position.vue
@@ -508,6 +508,8 @@ function onSearch() {
 }
 
 async function fetchDataTenure() {
+  console.log(link.value);
+
   await http
     .get(config.API.salaryTenurePosition(link.value))
     .then((res) => {
@@ -521,18 +523,26 @@ async function fetchDataTenure() {
           }));
 
         // แปลงข้อมูลจาก data
-        const position = formatData(data.position); //ระยะเวลาดำรงตำแหน่งในสายงาน
-        const posLevel = formatData(data.posLevel); //ระยะเวลาดำรงตำแหน่งตามระดับ
-        const posExecutive = formatData(data.posExecutive); //ระยะเวลาดำรงตำแหน่งทางการบริหาร
+        const position = data.position ? formatData(data.position) : []; //ระยะเวลาดำรงตำแหน่งในสายงาน
+        const posLevel = data.posLevel ? formatData(data.posLevel) : []; //ระยะเวลาดำรงตำแหน่งตามระดับ
+        const posExecutive = data.posExecutive
+          ? formatData(data.posExecutive)
+          : []; //ระยะเวลาดำรงตำแหน่งทางการบริหาร
 
         // นำข้อมูลไปใส่ใน cardData
         cardData.value[0].data = position;
         cardData.value[1].data = posLevel;
-        cardData.value[2].data = posExecutive;
+        if (link.value !== "-employee") {
+          cardData.value[2].data = posExecutive;
+        }
 
         //เช็คค่า ระยะเวลาดำรงตำแหน่งทางการบริหาร ถ้าไม่มีให้ลบออกจาก cardData
-        if (posExecutive.length === 0) {
-          cardData.value.splice(2, 2);
+        if (
+          posExecutive.length === 0 &&
+          link.value !== "-employee" &&
+          cardData.value.length > 2
+        ) {
+          cardData.value.splice(2, 1);
         }
       }
     })
@@ -543,6 +553,9 @@ async function fetchDataTenure() {
 
 onMounted(async () => {
   link.value = await dataPerson.getProFileType();
+  if (link.value === "-employee") {
+    cardData.value.splice(2, 1);
+  }
   getData();
   fetchDataTenure();
 });
@@ -555,7 +568,7 @@ onMounted(async () => {
       <span class="text-blue-6 text-weight-bold text-body1">ตำแหน่ง</span>
     </q-toolbar>
 
-    <div class="row q-col-gutter-sm q-pb-sm" v-if="link === ''">
+    <div class="row q-col-gutter-sm q-pb-sm">
       <div class="col" v-for="(item, index) in cardData" :key="index">
         <q-card bordered class="col-12" style="border: 1px solid #d6dee1">
           <div class="col-12 text-weight-medium bg-grey-1 q-py-xs q-px-md">

From 28989d1dbb49ed09c42fc74c866cfeb87f02af56 Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Fri, 7 Mar 2025 16:46:34 +0700
Subject: [PATCH 2/5] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=9A=E0=B8=B1=E0=B8=87=E0=B8=84=E0=B8=B1=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=81=E0=B8=A3=E0=B8=AD=E0=B8=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/modules/05_leave/components/FormLeave/01_SickForm.vue b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
index 282e0d0..29bc524 100644
--- a/src/modules/05_leave/components/FormLeave/01_SickForm.vue
+++ b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
@@ -375,6 +375,7 @@ onMounted(() => {
                       : null
                   "
                   :label="`${'ลาถึงวันที่'}`"
+                  :rules="[(val:string) => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
                 >
                   <template v-slot:prepend>
                     <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 3a885eb..3acf5d2 100644
--- a/src/modules/05_leave/components/FormLeave/03_Birth.vue
+++ b/src/modules/05_leave/components/FormLeave/03_Birth.vue
@@ -296,6 +296,7 @@ onMounted(() => {
                   : null
               "
               :label="`${'ลาถึงวันที่'}`"
+              :rules="[(val:string) => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
             >
               <template v-slot:prepend>
                 <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 e3ecaf7..45065c9 100644
--- a/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
+++ b/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
@@ -321,6 +321,7 @@ onMounted(() => {
                   : null
               "
               :label="`${'ลาถึงวันที่'}`"
+              :rules="[(val:string) => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
             >
               <template v-slot:prepend>
                 <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 19269d4..751f8e0 100644
--- a/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
@@ -387,6 +387,7 @@ onMounted(() => {
                   : null
               "
               :label="`${'ลาถึงวันที่'}`"
+              :rules="[(val:string) => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
             >
               <template v-slot:prepend>
                 <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 452bd0f..e0c94dd 100644
--- a/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
@@ -360,6 +360,7 @@ onMounted(() => {
                   : null
               "
               :label="`${'ลาถึงวันที่'}`"
+              :rules="[(val:string) => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
               :readonly="
                 !formDataOrdination.leaveStartDate || statusCheck === 'NEW'
               "
diff --git a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
index 6ba75e1..0a0db10 100644
--- a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
+++ b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
@@ -298,6 +298,7 @@ onMounted(() => {
                       ? date2Thai(formDataHaji.leaveEndDate)
                       : null
                   "
+                  :rules="[(val:string) => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
                   @update:model-value="fetchCheck()"
                 >
                   <template v-slot:prepend>
diff --git a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
index 0b53cd4..6d15498 100644
--- a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
+++ b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
@@ -316,6 +316,7 @@ onMounted(() => {
                   : null
               "
               :label="`${'ลาถึงวันที่'}`"
+              :rules="[(val:string) => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
             >
               <template v-slot:prepend>
                 <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 3654a6c..eb79711 100644
--- a/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
+++ b/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
@@ -354,6 +354,7 @@ onMounted(async () => {
               hide-bottom-space
               :label="`${'ลาถึงวันที่'}`"
               :readonly="!formDataStudy.leaveStartDate || statusCheck === 'NEW'"
+              :rules="[(val:string) => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
               :model-value="
                 formDataStudy.leaveEndDate != null
                   ? date2Thai(formDataStudy.leaveEndDate)
@@ -474,7 +475,6 @@ onMounted(async () => {
                       ? date2Thai(dataStore.birthDate)
                       : null
                   "
-                  :rules="[(val:string) => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
                 >
                   <template v-slot:prepend>
                     <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 3184e9f..763e82b 100644
--- a/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
+++ b/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
@@ -340,6 +340,7 @@ onMounted(async () => {
               hide-bottom-space
               :label="`${'ลาถึงวันที่'}`"
               :readonly="!formDataTrain.leaveStartDate || statusCheck === 'NEW'"
+              :rules="[(val:string) => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
               :model-value="
                 formDataTrain.leaveEndDate != null
                   ? date2Thai(formDataTrain.leaveEndDate)
@@ -462,7 +463,6 @@ onMounted(async () => {
                       ? date2Thai(dataStore.birthDate)
                       : null
                   "
-                  :rules="[(val:string) => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
                 >
                   <template v-slot:prepend>
                     <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 8f21b94..2baa64d 100644
--- a/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
+++ b/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
@@ -332,6 +332,7 @@ onMounted(() => {
                   : null
               "
               :label="`${'ลาถึงวันที่'}`"
+              :rules="[(val:string) => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
               :bottom-slots="!isLeave ? true : false"
               :color="!isLeave ? 'red' : 'black'"
               :bg-color="!isLeave ? 'red-2' : 'white'"
diff --git a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
index 348d61d..e94790d 100644
--- a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
+++ b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
@@ -425,6 +425,7 @@ onMounted(async () => {
                   : null
               "
               :label="`${'ลาถึงวันที่'}`"
+              :rules="[(val:string) => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
             >
               <template v-slot:prepend>
                 <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 0b5b10b..f491ccf 100644
--- a/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
@@ -295,6 +295,7 @@ onMounted(() => {
                   : null
               "
               :label="`${'ลาถึงวันที่'}`"
+              :rules="[(val:string) => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
               :bottom-slots="!isLeave ? true : false"
               :color="!isLeave ? 'red' : 'black'"
               :bg-color="!isLeave ? 'red-2' : 'white'"

From dbff789a0ba3d7504dad2151dacce4fc1265c431 Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Mon, 10 Mar 2025 17:09:45 +0700
Subject: [PATCH 3/5] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89timezone?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/modules/05_leave/components/FormLeave/01_SickForm.vue b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
index 29bc524..3585d05 100644
--- a/src/modules/05_leave/components/FormLeave/01_SickForm.vue
+++ b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, reactive, watch, computed, onMounted } from "vue";
 import { useQuasar } from "quasar";
+import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -150,8 +151,16 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: formDataSick.leaveStartDate ?? null,
-      EndLeaveDate: formDataSick.leaveEndDate ?? null,
+      StartLeaveDate:
+        format(
+          utcToZonedTime(formDataSick.leaveStartDate, "Asia/Bangkok"),
+          "yyyy-MM-dd"
+        ) ?? null,
+      EndLeaveDate:
+        format(
+          utcToZonedTime(formDataSick.leaveEndDate, "Asia/Bangkok"),
+          "yyyy-MM-dd"
+        ) ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/03_Birth.vue b/src/modules/05_leave/components/FormLeave/03_Birth.vue
index 3acf5d2..6cc85ed 100644
--- a/src/modules/05_leave/components/FormLeave/03_Birth.vue
+++ b/src/modules/05_leave/components/FormLeave/03_Birth.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, reactive, onMounted, computed, watch } from "vue";
 import { useQuasar } from "quasar";
+import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -132,8 +133,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: formDataBirth.leaveStartDate ?? null,
-      EndLeaveDate: formDataBirth.leaveEndDate ?? null,
+      StartLeaveDate: format(utcToZonedTime(formDataBirth.leaveStartDate , "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      EndLeaveDate: format(utcToZonedTime(formDataBirth.leaveEndDate , "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue b/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
index 45065c9..6847249 100644
--- a/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
+++ b/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
@@ -2,6 +2,7 @@
 import { ref, reactive, onMounted, computed, watch } from "vue";
 import { useQuasar } from "quasar";
 import { useRouter } from "vue-router";
+import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -159,8 +160,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: formDataHelpWife.leaveStartDate ?? null,
-      EndLeaveDate: formDataHelpWife.leaveEndDate ?? null,
+      StartLeaveDate: format(utcToZonedTime( formDataHelpWife.leaveStartDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      EndLeaveDate: format(utcToZonedTime( formDataHelpWife.leaveEndDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/05_VacationForm.vue b/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
index 751f8e0..20d1d39 100644
--- a/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
@@ -2,6 +2,7 @@
 import { ref, reactive, onMounted, computed, watch } from "vue";
 import { useQuasar } from "quasar";
 import { useRouter } from "vue-router";
+import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -164,8 +165,16 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: formDataVacation.leaveStartDate ?? null,
-      EndLeaveDate: formDataVacation.leaveEndDate ?? null,
+      StartLeaveDate:
+        format(
+          utcToZonedTime(formDataVacation.leaveStartDate, "Asia/Bangkok"),
+          "yyyy-MM-dd"
+        ) ?? null,
+      EndLeaveDate:
+        format(
+          utcToZonedTime(formDataVacation.leaveEndDate, "Asia/Bangkok"),
+          "yyyy-MM-dd"
+        ) ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
@@ -350,7 +359,6 @@ onMounted(() => {
             </q-input>
           </template>
         </datepicker>
-
         <datepicker
           class="col-12 col-md-3 col-sm-6 cursor-pointer inputgreen"
           menu-class-name="modalfix"
diff --git a/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue b/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
index e0c94dd..c769d4e 100644
--- a/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { reactive, ref, onMounted, computed, watch } from "vue";
 import { useQuasar } from "quasar";
+import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -170,8 +171,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: formDataOrdination.leaveStartDate ?? null,
-      EndLeaveDate: formDataOrdination.leaveEndDate ?? null,
+      StartLeaveDate: format(utcToZonedTime( formDataOrdination.leaveStartDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      EndLeaveDate: format(utcToZonedTime( formDataOrdination.leaveEndDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
index 0a0db10..b0943ee 100644
--- a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
+++ b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
@@ -2,6 +2,7 @@
 import { reactive, ref, onMounted, computed, watch } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
+import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -123,8 +124,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: formDataHaji.leaveStartDate ?? null,
-      EndLeaveDate: formDataHaji.leaveEndDate ?? null,
+      StartLeaveDate: format(utcToZonedTime( formDataHaji.leaveStartDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      EndLeaveDate: format(utcToZonedTime( formDataHaji.leaveEndDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
index 6d15498..cfa3524 100644
--- a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
+++ b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { reactive, ref, onMounted, computed, watch } from "vue";
 import { useQuasar } from "quasar";
+import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -147,8 +148,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: formDataMilitary.leaveStartDate ?? null,
-      EndLeaveDate: formDataMilitary.leaveEndDate ?? null,
+      StartLeaveDate: format(utcToZonedTime(formDataMilitary.leaveStartDate , "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      EndLeaveDate: format(utcToZonedTime(formDataMilitary.leaveEndDate , "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/09_StudyForm.vue b/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
index eb79711..e6a3f32 100644
--- a/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
+++ b/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { reactive, ref, computed, onMounted, watch } from "vue";
 import { useQuasar } from "quasar";
+import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -167,8 +168,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: formDataStudy.leaveStartDate ?? null,
-      EndLeaveDate: formDataStudy.leaveEndDate ?? null,
+      StartLeaveDate: format(utcToZonedTime( formDataStudy.leaveStartDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      EndLeaveDate: format(utcToZonedTime( formDataStudy.leaveEndDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/10_TrainForm.vue b/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
index 763e82b..5e9841e 100644
--- a/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
+++ b/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { reactive, ref, computed, onMounted, watch } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
+import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -154,8 +155,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: formDataTrain.leaveStartDate ?? null,
-      EndLeaveDate: formDataTrain.leaveEndDate ?? null,
+      StartLeaveDate: format(utcToZonedTime( formDataTrain.leaveStartDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      EndLeaveDate: format(utcToZonedTime( formDataTrain.leaveEndDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue b/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
index 2baa64d..ef04e1f 100644
--- a/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
+++ b/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
@@ -2,6 +2,7 @@
 import { ref, reactive, watch, onMounted, computed } from "vue";
 import { useRouter } from "vue-router";
 import { useQuasar } from "quasar";
+import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -150,8 +151,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: formDataWorkInternational.leaveStartDate ?? null,
-      EndLeaveDate: formDataWorkInternational.leaveEndDate ?? null,
+      StartLeaveDate: format(utcToZonedTime( formDataWorkInternational.leaveStartDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      EndLeaveDate: format(utcToZonedTime( formDataWorkInternational.leaveEndDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
index e94790d..d1505f1 100644
--- a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
+++ b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, reactive, computed, onMounted, watch } from "vue";
 import { useQuasar } from "quasar";
+import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -187,8 +188,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: formDataFollowSpouse.leaveStartDate ?? null,
-      EndLeaveDate: formDataFollowSpouse.leaveEndDate ?? null,
+      StartLeaveDate: format(utcToZonedTime( formDataFollowSpouse.leaveStartDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      EndLeaveDate: format(utcToZonedTime( formDataFollowSpouse.leaveEndDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue b/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
index f491ccf..39376b5 100644
--- a/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
@@ -2,6 +2,7 @@
 import { reactive, ref, onMounted, computed, watch } from "vue";
 import { useQuasar } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
+import { format, utcToZonedTime } from "date-fns-tz";
 
 import type { RehabilitationForm } from "@/modules/05_leave/interface/request/AddAbsence";
 import { useLeaveStore } from "@/modules/05_leave/store";
@@ -110,8 +111,16 @@ async function FetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: formDataRehabilitation.leaveStartDate ?? null,
-      EndLeaveDate: formDataRehabilitation.leaveEndDate ?? null,
+      StartLeaveDate:
+        format(
+          utcToZonedTime(formDataRehabilitation.leaveStartDate, "Asia/Bangkok"),
+          "yyyy-MM-dd"
+        ) ?? null,
+      EndLeaveDate:
+        format(
+          utcToZonedTime(formDataRehabilitation.leaveEndDate, "Asia/Bangkok"),
+          "yyyy-MM-dd"
+        ) ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;

From 920ca8e13b93a91777f0499efeced9d585d2d635 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Mon, 10 Mar 2025 17:15:27 +0700
Subject: [PATCH 4/5] add convert date/time to api in mixin

---
 src/stores/mixin.ts | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/stores/mixin.ts b/src/stores/mixin.ts
index 27b59ff..7138c98 100644
--- a/src/stores/mixin.ts
+++ b/src/stores/mixin.ts
@@ -4,6 +4,7 @@ import moment from "moment";
 import CustomComponent from "@/components/CustomDialog.vue";
 import { Loading, QSpinnerCube } from "quasar";
 import { logout } from "@/plugins/auth";
+import { format, utcToZonedTime } from "date-fns-tz";
 
 moment.locale("th");
 export const useCounterMixin = defineStore("mixin", () => {
@@ -1172,6 +1173,20 @@ export const useCounterMixin = defineStore("mixin", () => {
     // return `${y} ปี ${m} เดือน ${d} วัน`;
   }
 
+  // กรณีมีเฉพาะ date
+  function convertDateToAPI(date: Date | null) {
+    return date
+      ? format(utcToZonedTime(date, "Asia/Bangkok"), "yyyy-MM-dd")
+      : null;
+  }
+
+  // กรณี datetime
+  function convertDatetimeToAPI(date: Date | null) {
+    return date
+      ? format(utcToZonedTime(date, "Asia/Bangkok"), "yyyy-MM-dd HH:mm:ss")
+      : null;
+  }
+
   return {
     calAge,
     date2Thai,
@@ -1212,5 +1227,7 @@ export const useCounterMixin = defineStore("mixin", () => {
     findPosMasterNo,
     onSearchDataTable,
     formatDatePosition,
+    convertDateToAPI,
+    convertDatetimeToAPI,
   };
 });

From cbee41e2124458fa2116c5b671f9173ffa2d6667 Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Mon, 10 Mar 2025 17:47:34 +0700
Subject: [PATCH 5/5] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=83?=
 =?UTF-8?q?=E0=B8=8A=E0=B9=89=20=E0=B8=88=E0=B8=B2=E0=B8=81=20mixin?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/FormLeave/01_SickForm.vue      | 19 ++++----------
 .../components/FormLeave/03_Birth.vue         | 11 ++++----
 .../FormLeave/04_HelpWifeBirthForm.vue        | 13 +++++-----
 .../components/FormLeave/05_VacationForm.vue  | 20 +++++---------
 .../FormLeave/06_OrdinationForm.vue           | 13 +++++-----
 .../components/FormLeave/07_HajjForm.vue      | 11 ++++----
 .../components/FormLeave/08_MilitaryForm.vue  | 13 +++++-----
 .../components/FormLeave/09_StudyForm.vue     | 12 ++++-----
 .../components/FormLeave/10_TrainForm.vue     | 10 +++----
 .../FormLeave/11_WorkInternationalForm.vue    | 11 ++++----
 .../FormLeave/12_FollowSpouseForm.vue         | 26 ++++++++++---------
 .../FormLeave/13_RehabilitationForm.vue       | 24 ++++++++---------
 12 files changed, 81 insertions(+), 102 deletions(-)

diff --git a/src/modules/05_leave/components/FormLeave/01_SickForm.vue b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
index 3585d05..5e9c6a7 100644
--- a/src/modules/05_leave/components/FormLeave/01_SickForm.vue
+++ b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { ref, reactive, watch, computed, onMounted } from "vue";
 import { useQuasar } from "quasar";
-import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -16,7 +15,7 @@ const typeForm = defineModel<string>("type", { required: true });
 const $q = useQuasar();
 const dataStore = useLeaveStore();
 const mixin = useCounterMixin();
-const { date2Thai, dateToISO, messageError } = mixin;
+const { date2Thai, dateToISO, messageError, convertDateToAPI } = mixin;
 const edit = ref<boolean>(true);
 const leaveDocumentRef = ref<any>(null);
 
@@ -126,11 +125,11 @@ function onValidate() {
     formData.append("leaveRange", formDataSick.leaveRange);
     formData.append(
       "leaveStartDate",
-      dateToISO(new Date(formDataSick.leaveStartDate))
+      convertDateToAPI(formDataSick.leaveStartDate) ?? ""
     );
     formData.append(
       "leaveEndDate",
-      dateToISO(new Date(formDataSick.leaveEndDate))
+      convertDateToAPI(formDataSick.leaveEndDate) ?? ""
     );
     formData.append("leaveWrote", formDataSick.leaveWrote);
     formData.append("leaveAddress", formDataSick.leaveAddress);
@@ -151,16 +150,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate:
-        format(
-          utcToZonedTime(formDataSick.leaveStartDate, "Asia/Bangkok"),
-          "yyyy-MM-dd"
-        ) ?? null,
-      EndLeaveDate:
-        format(
-          utcToZonedTime(formDataSick.leaveEndDate, "Asia/Bangkok"),
-          "yyyy-MM-dd"
-        ) ?? null,
+      StartLeaveDate: convertDateToAPI(formDataSick.leaveStartDate) ?? null,
+      EndLeaveDate: convertDateToAPI(formDataSick.leaveEndDate) ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/03_Birth.vue b/src/modules/05_leave/components/FormLeave/03_Birth.vue
index 6cc85ed..55ce182 100644
--- a/src/modules/05_leave/components/FormLeave/03_Birth.vue
+++ b/src/modules/05_leave/components/FormLeave/03_Birth.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { ref, reactive, onMounted, computed, watch } from "vue";
 import { useQuasar } from "quasar";
-import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -14,7 +13,7 @@ import type { FormRef } from "@/modules/05_leave/interface/request/BirthForm";
 const $q = useQuasar();
 const dataStore = useLeaveStore();
 const mixin = useCounterMixin();
-const { date2Thai, dateToISO, messageError } = mixin;
+const { date2Thai, dateToISO, messageError, convertDateToAPI } = mixin;
 
 const edit = ref<boolean>(true);
 const leaveId = ref<string>("");
@@ -107,11 +106,11 @@ function onValidate() {
     formData.append("type", formDataBirth.type);
     formData.append(
       "leaveStartDate",
-      dateToISO(new Date(formDataBirth.leaveStartDate))
+      convertDateToAPI(formDataBirth.leaveStartDate) ?? ""
     );
     formData.append(
       "leaveEndDate",
-      dateToISO(new Date(formDataBirth.leaveEndDate))
+      convertDateToAPI(formDataBirth.leaveEndDate) ?? ""
     );
     formData.append("leaveWrote", formDataBirth.leaveWrote);
     formData.append("leaveAddress", formDataBirth.leaveAddress);
@@ -133,8 +132,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: format(utcToZonedTime(formDataBirth.leaveStartDate , "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
-      EndLeaveDate: format(utcToZonedTime(formDataBirth.leaveEndDate , "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      StartLeaveDate: convertDateToAPI(formDataBirth.leaveStartDate) ?? null,
+      EndLeaveDate: convertDateToAPI(formDataBirth.leaveEndDate) ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue b/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
index 6847249..3688d65 100644
--- a/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
+++ b/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
@@ -2,7 +2,6 @@
 import { ref, reactive, onMounted, computed, watch } from "vue";
 import { useQuasar } from "quasar";
 import { useRouter } from "vue-router";
-import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -15,7 +14,7 @@ import type { FormRef } from "@/modules/05_leave/interface/request/HelpWifeForm"
 const $q = useQuasar();
 const dataStore = useLeaveStore();
 const mixin = useCounterMixin();
-const { date2Thai, calculateDurationYmd, dateToISO, messageError } = mixin;
+const { date2Thai, calculateDurationYmd, dateToISO, messageError,convertDateToAPI } = mixin;
 
 const edit = ref<boolean>(true);
 const leaveId = ref<string>("");
@@ -118,11 +117,11 @@ function onValidate() {
     formData.append("type", formDataHelpWife.type);
     formData.append(
       "leaveStartDate",
-      dateToISO(new Date(formDataHelpWife.leaveStartDate))
+      convertDateToAPI(formDataHelpWife.leaveStartDate)??''
     );
     formData.append(
       "leaveEndDate",
-      dateToISO(new Date(formDataHelpWife.leaveEndDate))
+      convertDateToAPI(formDataHelpWife.leaveEndDate)??''
     );
     formData.append("leaveWrote", formDataHelpWife.leaveWrote);
     formData.append("leaveAddress", formDataHelpWife.leaveAddress);
@@ -131,7 +130,7 @@ function onValidate() {
     formData.append("wifeDayName", formDataHelpWife.wifeDayName);
     formData.append(
       "wifeDayDateBorn",
-      dateToISO(new Date(formDataHelpWife.wifeDayDateBorn))
+      convertDateToAPI(formDataHelpWife.wifeDayDateBorn)??''
     );
     formData.append("leaveTotal", formDataHelpWife.leaveTotal);
 
@@ -160,8 +159,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: format(utcToZonedTime( formDataHelpWife.leaveStartDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
-      EndLeaveDate: format(utcToZonedTime( formDataHelpWife.leaveEndDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      StartLeaveDate: convertDateToAPI(formDataHelpWife.leaveStartDate) ?? null,
+      EndLeaveDate: convertDateToAPI(formDataHelpWife.leaveEndDate) ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/05_VacationForm.vue b/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
index 20d1d39..5c90cdb 100644
--- a/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
@@ -2,7 +2,6 @@
 import { ref, reactive, onMounted, computed, watch } from "vue";
 import { useQuasar } from "quasar";
 import { useRouter } from "vue-router";
-import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -15,7 +14,7 @@ import type { FormRef } from "@/modules/05_leave/interface/request/VacationForm"
 const $q = useQuasar();
 const dataStore = useLeaveStore();
 const mixin = useCounterMixin();
-const { date2Thai, dateToISO, messageError } = mixin;
+const { date2Thai, dateToISO, messageError,convertDateToAPI } = mixin;
 
 const edit = ref<boolean>(true);
 const leaveId = ref<string>("");
@@ -139,11 +138,11 @@ function onValidate() {
     formData.append("leaveRange", formDataVacation.leaveRange);
     formData.append(
       "leaveStartDate",
-      dateToISO(new Date(formDataVacation.leaveStartDate))
+      convertDateToAPI(formDataVacation.leaveStartDate)??''
     );
     formData.append(
       "leaveEndDate",
-      dateToISO(new Date(formDataVacation.leaveEndDate))
+      convertDateToAPI(formDataVacation.leaveEndDate)??''
     );
     formData.append("leaveWrote", formDataVacation.leaveWrote);
     formData.append("leaveAddress", formDataVacation.leaveAddress);
@@ -165,16 +164,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate:
-        format(
-          utcToZonedTime(formDataVacation.leaveStartDate, "Asia/Bangkok"),
-          "yyyy-MM-dd"
-        ) ?? null,
-      EndLeaveDate:
-        format(
-          utcToZonedTime(formDataVacation.leaveEndDate, "Asia/Bangkok"),
-          "yyyy-MM-dd"
-        ) ?? null,
+      StartLeaveDate: convertDateToAPI(formDataVacation.leaveStartDate) ?? null,
+      EndLeaveDate: convertDateToAPI(formDataVacation.leaveEndDate) ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
@@ -359,6 +350,7 @@ onMounted(() => {
             </q-input>
           </template>
         </datepicker>
+
         <datepicker
           class="col-12 col-md-3 col-sm-6 cursor-pointer inputgreen"
           menu-class-name="modalfix"
diff --git a/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue b/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
index c769d4e..8bca988 100644
--- a/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { reactive, ref, onMounted, computed, watch } from "vue";
 import { useQuasar } from "quasar";
-import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -14,7 +13,7 @@ import type { OrdinationForm } from "@/modules/05_leave/interface/request/AddAbs
 const $q = useQuasar();
 const dataStore = useLeaveStore();
 const mixin = useCounterMixin();
-const { date2Thai, calculateDurationYmd, dateToISO, messageError } = mixin;
+const { date2Thai, calculateDurationYmd, dateToISO, messageError,convertDateToAPI } = mixin;
 const edit = ref<boolean>(true);
 const leaveId = ref<string>("");
 
@@ -123,15 +122,15 @@ function onValidate() {
     formData.append("type", formDataOrdination.type);
     formData.append(
       "leaveStartDate",
-      dateToISO(new Date(formDataOrdination.leaveStartDate))
+      convertDateToAPI(formDataOrdination.leaveStartDate)??''
     );
     formData.append(
       "leaveEndDate",
-      dateToISO(new Date(formDataOrdination.leaveEndDate))
+      convertDateToAPI(formDataOrdination.leaveEndDate)??''
     );
     formData.append(
       "ordainDayOrdination",
-      dateToISO(new Date(formDataOrdination.ordainDayOrdination))
+      convertDateToAPI(formDataOrdination.ordainDayOrdination)??''
     );
     formData.append(
       "ordainDayLocationName",
@@ -171,8 +170,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: format(utcToZonedTime( formDataOrdination.leaveStartDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
-      EndLeaveDate: format(utcToZonedTime( formDataOrdination.leaveEndDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      StartLeaveDate: convertDateToAPI(formDataOrdination.leaveStartDate) ?? null,
+      EndLeaveDate: convertDateToAPI(formDataOrdination.leaveEndDate) ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
index b0943ee..540f52a 100644
--- a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
+++ b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
@@ -2,7 +2,6 @@
 import { reactive, ref, onMounted, computed, watch } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
-import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -14,7 +13,7 @@ import type { HajiForm } from "@/modules/05_leave/interface/request/AddAbsence";
 const dataStore = useLeaveStore();
 const $q = useQuasar();
 const mixin = useCounterMixin();
-const { date2Thai, calculateDurationYmd, messageError, dateToISO } = mixin;
+const { date2Thai, calculateDurationYmd, messageError, dateToISO,convertDateToAPI } = mixin;
 
 const edit = ref<boolean>(true);
 const leaveId = ref<any>("");
@@ -100,11 +99,11 @@ function onValidate() {
     formData.append("type", formDataHaji.type);
     formData.append(
       "leaveStartDate",
-      dateToISO(new Date(formDataHaji.leaveStartDate))
+      convertDateToAPI(formDataHaji.leaveStartDate)??''
     );
     formData.append(
       "leaveEndDate",
-      dateToISO(new Date(formDataHaji.leaveEndDate))
+      convertDateToAPI(formDataHaji.leaveEndDate)??''
     );
     formData.append("hajjDayStatus", formDataHaji.hajjDayStatus);
     formData.append("leaveWrote", formDataHaji.leaveWrote);
@@ -124,8 +123,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: format(utcToZonedTime( formDataHaji.leaveStartDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
-      EndLeaveDate: format(utcToZonedTime( formDataHaji.leaveEndDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      StartLeaveDate: convertDateToAPI(formDataHaji.leaveStartDate) ?? null,
+      EndLeaveDate: convertDateToAPI(formDataHaji.leaveEndDate) ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
index cfa3524..2f10afc 100644
--- a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
+++ b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { reactive, ref, onMounted, computed, watch } from "vue";
 import { useQuasar } from "quasar";
-import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -14,7 +13,7 @@ import type { MilitaryForm } from "@/modules/05_leave/interface/request/AddAbsen
 const dataStore = useLeaveStore();
 const $q = useQuasar();
 const mixin = useCounterMixin();
-const { date2Thai, calculateDurationYmd, dateToISO, messageError } = mixin;
+const { date2Thai, calculateDurationYmd, dateToISO, messageError,convertDateToAPI } = mixin;
 const edit = ref<boolean>(true);
 const leaveId = ref<string>("");
 
@@ -118,17 +117,17 @@ function onValidate() {
     formData.append("type", formDataMilitary.type);
     formData.append(
       "leaveStartDate",
-      dateToISO(new Date(formDataMilitary.leaveStartDate))
+      convertDateToAPI(formDataMilitary.leaveStartDate)??''
     );
     formData.append(
       "leaveEndDate",
-      dateToISO(new Date(formDataMilitary.leaveEndDate))
+      convertDateToAPI(formDataMilitary.leaveEndDate)??''
     );
     formData.append("absentDaySummon", formDataMilitary.absentDaySummon);
     formData.append("absentDayLocation", formDataMilitary.absentDayLocation);
     formData.append(
       "absentDayRegistorDate",
-      dateToISO(new Date(formDataMilitary.absentDayRegistorDate))
+      convertDateToAPI(formDataMilitary.absentDayRegistorDate)??''
     );
     formData.append("absentDayGetIn", formDataMilitary.absentDayGetIn);
     formData.append("absentDayAt", formDataMilitary.absentDayAt);
@@ -148,8 +147,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: format(utcToZonedTime(formDataMilitary.leaveStartDate , "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
-      EndLeaveDate: format(utcToZonedTime(formDataMilitary.leaveEndDate , "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      StartLeaveDate: convertDateToAPI(formDataMilitary.leaveStartDate) ?? null,
+      EndLeaveDate: convertDateToAPI(formDataMilitary.leaveEndDate) ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/09_StudyForm.vue b/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
index e6a3f32..3034ed4 100644
--- a/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
+++ b/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { reactive, ref, computed, onMounted, watch } from "vue";
 import { useQuasar } from "quasar";
-import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -20,6 +19,7 @@ const {
   dateToISO,
   messageError,
   arabicNumberToText,
+  convertDateToAPI
 } = mixin;
 
 const edit = ref<boolean>(true);
@@ -135,17 +135,17 @@ function onValidate() {
     formData.append("type", formDataStudy.type); //
     formData.append(
       "leaveStartDate",
-      dateToISO(new Date(formDataStudy.leaveStartDate))
+      convertDateToAPI(formDataStudy.leaveStartDate)??''
     );
     formData.append(
       "leaveEndDate",
-      dateToISO(new Date(formDataStudy.leaveEndDate))
+      convertDateToAPI(formDataStudy.leaveEndDate)??''
     );
     formData.append("studyDaySubject", formDataStudy.studyDaySubject);
     formData.append("studyDayDegreeLevel", formDataStudy.studyDayDegreeLevel);
     // formData.append(
     //   "leavegovernmentDate",
-    //   dateToISO(new Date(formDataStudy.leavegovernmentDate))
+    //   convertDateToAPI(formDataStudy.leavegovernmentDate)??''
     // );
     formData.append(
       "studyDayUniversityName",
@@ -168,8 +168,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: format(utcToZonedTime( formDataStudy.leaveStartDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
-      EndLeaveDate: format(utcToZonedTime( formDataStudy.leaveEndDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      StartLeaveDate: convertDateToAPI(formDataStudy.leaveStartDate) ?? null,
+      EndLeaveDate: convertDateToAPI(formDataStudy.leaveEndDate) ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/10_TrainForm.vue b/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
index 5e9841e..5f894cc 100644
--- a/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
+++ b/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { reactive, ref, computed, onMounted, watch } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
-import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -20,6 +19,7 @@ const {
   calculateDurationYmd,
   dateToISO,
   messageError,
+  convertDateToAPI
 } = mixin;
 
 const edit = ref<boolean>(true);
@@ -125,11 +125,11 @@ function onValidate() {
     formData.append("type", formDataTrain.type); //
     formData.append(
       "leaveStartDate",
-      dateToISO(new Date(formDataTrain.leaveStartDate))
+      convertDateToAPI(formDataTrain.leaveStartDate)??''
     ); //
     formData.append(
       "leaveEndDate",
-      dateToISO(new Date(formDataTrain.leaveEndDate))
+      convertDateToAPI(formDataTrain.leaveEndDate)??''
     ); //
     formData.append("studyDayCountry", formDataTrain.studyDayCountry);
     formData.append("studyDayTrainingName", formDataTrain.studyDayTrainingName);
@@ -155,8 +155,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: format(utcToZonedTime( formDataTrain.leaveStartDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
-      EndLeaveDate: format(utcToZonedTime( formDataTrain.leaveEndDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      StartLeaveDate: convertDateToAPI(formDataTrain.leaveStartDate) ?? null,
+      EndLeaveDate: convertDateToAPI(formDataTrain.leaveEndDate) ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue b/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
index ef04e1f..558d814 100644
--- a/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
+++ b/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
@@ -2,7 +2,6 @@
 import { ref, reactive, watch, onMounted, computed } from "vue";
 import { useRouter } from "vue-router";
 import { useQuasar } from "quasar";
-import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -16,7 +15,7 @@ import type { FormRef } from "@/modules/05_leave/interface/request/WorkInternati
 const $q = useQuasar();
 const dataStore = useLeaveStore();
 const mixin = useCounterMixin();
-const { date2Thai, dateToISO, messageError, showLoader, hideLoader } = mixin;
+const { date2Thai, dateToISO, messageError, showLoader, hideLoader,convertDateToAPI } = mixin;
 
 const edit = ref<boolean>(true);
 const isSave = ref<boolean>(false);
@@ -110,11 +109,11 @@ async function onValidate() {
     formData.append("type", formDataWorkInternational.type); //
     formData.append(
       "leaveStartDate",
-      dateToISO(formDataWorkInternational.leaveStartDate)
+      convertDateToAPI(formDataWorkInternational.leaveStartDate)??''
     ); //
     formData.append(
       "leaveEndDate",
-      dateToISO(formDataWorkInternational.leaveEndDate)
+      convertDateToAPI(formDataWorkInternational.leaveEndDate)??''
     ); //
     formData.append("leaveWrote", formDataWorkInternational.leaveWrote); //
     formData.append("leaveDetail", formDataWorkInternational.leaveDetail);
@@ -151,8 +150,8 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: format(utcToZonedTime( formDataWorkInternational.leaveStartDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
-      EndLeaveDate: format(utcToZonedTime( formDataWorkInternational.leaveEndDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      StartLeaveDate: convertDateToAPI(formDataWorkInternational.leaveStartDate) ?? null,
+      EndLeaveDate: convertDateToAPI(formDataWorkInternational.leaveEndDate) ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
index d1505f1..dbccd95 100644
--- a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
+++ b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { ref, reactive, computed, onMounted, watch } from "vue";
 import { useQuasar } from "quasar";
-import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -16,7 +15,13 @@ const dataStore = useLeaveStore();
 const $q = useQuasar();
 const mixin = useCounterMixin();
 
-const { date2Thai, calculateDurationYmd, dateToISO, messageError } = mixin;
+const {
+  date2Thai,
+  calculateDurationYmd,
+  dateToISO,
+  messageError,
+  convertDateToAPI,
+} = mixin;
 const edit = ref<boolean>(true);
 const leaveId = ref<string>("");
 
@@ -132,23 +137,19 @@ function onValidate() {
     formData.append("type", formDataFollowSpouse.type); //
     formData.append(
       "leaveStartDate",
-      dateToISO(new Date(formDataFollowSpouse.leaveStartDate))
+      convertDateToAPI(formDataFollowSpouse.leaveStartDate) ?? ""
     ); //
     formData.append(
       "leaveEndDate",
-      dateToISO(new Date(formDataFollowSpouse.leaveEndDate))
+      convertDateToAPI(formDataFollowSpouse.leaveEndDate) ?? ""
     ); //
     formData.append(
       "coupleDayStartDateHistory",
-      formDataFollowSpouse.coupleDayStartDateHistory
-        ? dateToISO(new Date(formDataFollowSpouse.coupleDayStartDateHistory))
-        : ""
+      convertDateToAPI(formDataFollowSpouse.coupleDayStartDateHistory) ?? ""
     ); //
     formData.append(
       "coupleDayEndDateHistory",
-      formDataFollowSpouse.coupleDayEndDateHistory
-        ? dateToISO(new Date(formDataFollowSpouse.coupleDayEndDateHistory))
-        : ""
+      convertDateToAPI(formDataFollowSpouse.coupleDayEndDateHistory) ?? ""
     ); //
     formData.append("leaveWrote", formDataFollowSpouse.leaveWrote); //
     formData.append("leaveDetail", formDataFollowSpouse.leaveDetail); //
@@ -188,8 +189,9 @@ async function fetchCheck() {
   await http
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
-      StartLeaveDate: format(utcToZonedTime( formDataFollowSpouse.leaveStartDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
-      EndLeaveDate: format(utcToZonedTime( formDataFollowSpouse.leaveEndDate, "Asia/Bangkok"),"yyyy-MM-dd") ?? null,
+      StartLeaveDate:
+        convertDateToAPI(formDataFollowSpouse.leaveStartDate) ?? null,
+      EndLeaveDate: convertDateToAPI(formDataFollowSpouse.leaveEndDate) ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;
diff --git a/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue b/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
index 39376b5..d43ed86 100644
--- a/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
@@ -2,7 +2,6 @@
 import { reactive, ref, onMounted, computed, watch } from "vue";
 import { useQuasar } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
-import { format, utcToZonedTime } from "date-fns-tz";
 
 import type { RehabilitationForm } from "@/modules/05_leave/interface/request/AddAbsence";
 import { useLeaveStore } from "@/modules/05_leave/store";
@@ -13,7 +12,14 @@ import genReport from "@/plugins/genreport";
 const $q = useQuasar();
 const dataStore = useLeaveStore();
 const mixin = useCounterMixin();
-const { date2Thai, dateToISO, messageError, showLoader, hideLoader } = mixin;
+const {
+  date2Thai,
+  dateToISO,
+  messageError,
+  showLoader,
+  hideLoader,
+  convertDateToAPI,
+} = mixin;
 
 const edit = ref<boolean>(true);
 const isSave = ref<boolean>(false);
@@ -79,11 +85,11 @@ async function onValidate() {
   formData.append("type", formDataRehabilitation.type); //
   formData.append(
     "leaveStartDate",
-    dateToISO(new Date(formDataRehabilitation.leaveStartDate))
+    convertDateToAPI(formDataRehabilitation.leaveStartDate) ?? ""
   );
   formData.append(
     "leaveEndDate",
-    dateToISO(new Date(formDataRehabilitation.leaveEndDate))
+    convertDateToAPI(formDataRehabilitation.leaveEndDate) ?? ""
   );
   formData.append("leaveWrote", formDataRehabilitation.leaveWrote); //
   formData.append("leaveDetail", formDataRehabilitation.leaveDetail); //
@@ -112,15 +118,9 @@ async function FetchCheck() {
     .post(config.API.leaveCheck(), {
       type: dataStore.typeId ?? null,
       StartLeaveDate:
-        format(
-          utcToZonedTime(formDataRehabilitation.leaveStartDate, "Asia/Bangkok"),
-          "yyyy-MM-dd"
-        ) ?? null,
+        convertDateToAPI(formDataRehabilitation.leaveStartDate) ?? null,
       EndLeaveDate:
-        format(
-          utcToZonedTime(formDataRehabilitation.leaveEndDate, "Asia/Bangkok"),
-          "yyyy-MM-dd"
-        ) ?? null,
+        convertDateToAPI(formDataRehabilitation.leaveEndDate) ?? null,
     })
     .then((res: any) => {
       const data = res.data.result;