รายละเอียดการลงเวลา

src/modules/09_leave/stores/WorkStore.ts

@@ -1,11 +1,16 @@
 import { defineStore } from "pinia";
-import { ref } from "vue";
+import { ref, reactive } from "vue";
 
+import { useCounterMixin } from "@/stores/mixin";
 /** import Type */
 import type { QTableProps } from "quasar";
+import type { FormDetail } from "@/modules/09_leave/interface/response/work";
+
 
 export const useWorklistDataStore = defineStore("work", () => {
   /** ข้อมูล Table */
+  const mixin = useCounterMixin()
+  const { date2Thai } = mixin
   const columns = ref<QTableProps["columns"]>([]);
   const visibleColumns = ref<string[]>([]);
 
@@ -29,10 +34,72 @@ export const useWorklistDataStore = defineStore("work", () => {
         return "-";
     }
   }
+
+  const formData = reactive<FormDetail>({
+    checkInDate: null,
+    checkInImg: "",
+    checkInLat: null,
+    checkInLon: null,
+    checkInLocation: "",
+    checkInTime: "",
+    checkInStatus: "",
+    checkInDescription: "",
+    checkOutDate: null,
+    checkOutImg: "",
+    checkOutLat: null,
+    checkOutLon: null,
+    checkOutLocation: "",
+    checkOutTime: "",
+    checkOutStatus: "",
+    fullName: "",
+    checkOutDescription: "",
+    isLocationCheckIn: false,
+    checkInLocationName: "",
+    isLocationCheckOut: false,
+    checkOutLocationName: "",
+  });
+
+  function getData(data: any) {
+    formData.checkInDate = data.checkInDate && date2Thai(data.checkInDate);
+    formData.checkInImg = data.checkInImg;
+    formData.checkInLat = data.checkInLat ? data.checkInLat : "";
+    formData.checkInLon = data.checkInLon ? data.checkInLon : "";
+    formData.checkInLocation = data.checkInPOI ? data.checkInPOI : "-";
+    formData.checkInTime = data.checkInTime ? data.checkInTime : "-";
+    formData.checkOutDate = data.checkOutDate && date2Thai(data.checkOutDate);
+    formData.checkOutImg = data.checkOutImg;
+    formData.checkOutLat = data.checkOutLat ? data.checkOutLat : "";
+    formData.checkOutLon = data.checkOutLon ? data.checkOutLon : "";
+    formData.checkOutLocation = data.checkOutLocation
+      ? data.checkOutLocation
+      : "-";
+    formData.checkOutTime = data.checkOutTime ? data.checkOutTime : "-";
+    formData.fullName = data.fullName;
+    formData.checkOutLocation = data.checkOutPOI ? data.checkOutPOI : "-";
+    formData.checkInDescription = data.checkInDescription
+      ? data.checkInDescription
+      : "-";
+    formData.checkOutDescription = data.checkOutDescription
+      ? data.checkOutDescription
+      : "-";
+    formData.checkInStatus = data.checkInStatus
+      ? convertSatatus(data.checkInStatus)
+      : "-";
+    formData.checkOutStatus = data.checkOutStatus
+      ? convertSatatus(data.checkOutStatus)
+      : "-";
+
+    formData.isLocationCheckIn = data.isLocationCheckIn;
+    formData.checkInLocationName = data.checkInLocationName;
+    formData.isLocationCheckOut = data.isLocationCheckOut;
+    formData.checkOutLocationName = data.checkOutLocationName;
+  }
   return {
     columns,
     visibleColumns,
     selectDate,
     convertSatatus,
+    getData,
+    formData
   };
 });