Merge branch 'develop' into warunee-dev

# Conflicts:
#	src/modules/09_leave/components/4_specialTime/Table.vue
#	src/modules/09_leave/stores/SpecialTimeStore.ts
#	src/modules/09_leave/views/SpecialTimeMain.vue

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

@@ -1,16 +1,22 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
 import type { QTableProps } from "quasar";
+import type { DataRows } from "@/modules/09_leave/interface/response/specialTime";
+import type { ListData } from "@/modules/09_leave/interface/request/specialTime";
 import { useCounterMixin } from "@/stores/mixin";
 const mixin = useCounterMixin();
 const { date2Thai } = mixin;
 
 export const useSpecialTimeStore = defineStore("LeaveSpecialTime", () => {
   const rows = ref<any[]>([]);
-  async function fecthList(data: any[]) {
-    let datalist: any[] = data.map((e: any) => ({
+  const selectDate = ref<Date | null>(new Date());
+  const fiscalYear = ref<string | null>("0");
+  const DataMainOrig = ref<DataRows[]>([]); // ข้อมูลหลักดั้งเดิม
+  async function fecthList(data: ListData[]) {
+    let datalist: DataRows[] = data.map((e: ListData) => ({
+      id: e.id,
       fullname: e.fullname,
-      date: date2Thai(new Date(e.date), false, true),
+      date: date2Thai(new Date(e.date)),
       dateFix: date2Thai(new Date(e.dateFix)),
       timeMorning:
         e.startTimeMorning == null
@@ -23,7 +29,56 @@ export const useSpecialTimeStore = defineStore("LeaveSpecialTime", () => {
       status: e.status,
     }));
     rows.value = datalist;
+    DataMainOrig.value = datalist;
   }
+  const DataMainUpdate = ref<DataRows[]>([]); // ข้อมูลเปลี่ยนแปลง
+  const DataMain = (val: DataRows[]) => (DataMainOrig.value = val);
+  const DataUpdate = (filterYear: string) => {
+    DataMainUpdate.value = [];
+    if (filterYear === "") {
+      DataMainUpdate.value = DataMainOrig.value;
+    }
+  };
+
+  //--------------|ฟิลเตอร์|--------------------------------------//
+  const searchFilterTable = async (searchDate: any) => {
+    rows.value = [];
+
+    if (fiscalYear.value !== undefined && searchDate.value !== null) {
+      await DataUpdate(searchDate.value === "0" ? "all" : searchDate.value!);
+      let filteredData = DataMainOrig.value;
+      if (searchDate.value !== "0") {
+        filteredData = filteredData.filter(
+          (item: DataRows) => item.date === searchDate.value
+        );
+        console.log(searchDate.value);
+      }
+      const dataArr = filteredData.map((e: any) => ({
+        fullname: e.fullname,
+        date: date2Thai(new Date(e.date)),
+        dateFix: date2Thai(new Date(e.dateFix)) + (e.timeStamp || ""),
+        type: e.type,
+        reason: e.reason,
+        timeStamp: e.timeStamp,
+      }));
+      rows.value = dataArr;
+    }
+  };
+
+  //   const filterSelector = (val: any, update: Function, refData: string) => {
+  //     switch (refData) {
+  //       case "":
+  //         update(() => {
+  //           selectDate.value = selectDate.value.filter(
+  //             (v: any) => v.name.indexOf(val) > -1
+  //           );
+  //         });
+  //         break;
+
+  //       default:
+  //         break;
+  //     }
+  //   };
 
   const visibleColumns = ref<String[]>([
     "no",
@@ -96,5 +151,8 @@ export const useSpecialTimeStore = defineStore("LeaveSpecialTime", () => {
     rows,
     visibleColumns,
     columns,
+    DataMain,
+    searchFilterTable,
+    selectDate,
   };
 });