From 126fbdbed15a058779bfd7ba06e141ec62a97c44 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Mon, 10 Mar 2025 17:07:00 +0700
Subject: [PATCH] add function formatted date/time to API in mixin

---
 .../components/03_ChangeRound/DialogForm.vue   |  9 ++-------
 src/stores/mixin.ts                            | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue b/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue
index 85bd74d92..dd8665142 100644
--- a/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue
+++ b/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { ref, reactive, watch, onMounted } from "vue";
 import { useQuasar } from "quasar";
-import { format, utcToZonedTime } from "date-fns-tz";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -25,6 +24,7 @@ const {
   showLoader,
   hideLoader,
   success,
+  convertDateToAPI,
 } = mixin;
 
 const emit = defineEmits(["update:change-page"]);
@@ -113,12 +113,7 @@ function onSubmit() {
 
 /** Function เปลี่ยนรอบเวลา*/
 async function changeRound() {
-  const formattedDateForAPI = await (formData.effectiveDate
-    ? format(
-        utcToZonedTime(formData.effectiveDate, "Asia/Bangkok"),
-        "yyyy-MM-dd"
-      )
-    : null);
+  const formattedDateForAPI = await convertDateToAPI(formData.effectiveDate);
 
   showLoader();
   await http
diff --git a/src/stores/mixin.ts b/src/stores/mixin.ts
index d85dced88..ecd4ac7fc 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");
 
@@ -1177,6 +1178,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,
@@ -1225,5 +1240,8 @@ export const useCounterMixin = defineStore("mixin", () => {
     onSearchDataTable,
     formatDatePosition,
     formatDatePositionReport,
+
+    convertDateToAPI,
+    convertDatetimeToAPI,
   };
 });