แก้ UI การลา

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

@@ -10,7 +10,6 @@ const mixin = useCounterMixin();
 const { date2Thai, showLoader, hideLoader } = mixin;
 export const useLeavelistDataStore = defineStore("leave", () => {
   //TABMENU
-  const tab = ref<string>("1");
   const amounttab1 = ref<number>(0);
   const amounttab2 = ref<number>(0);
   //ข้อมูลในตาราง
@@ -23,16 +22,14 @@ export const useLeavelistDataStore = defineStore("leave", () => {
     let datalist = data.map((e: DataRows) => ({
       leaveType: e.leaveType,
       name: e.name,
-      Date: e.Date,
+      Date: date2Thai(e.Date),
       status: convertSatatus(e.status),
     }));
-    tab.value !== "1"
-      ? (mainData.value = datalist)
-      : (mainData.value = datalist.filter(
-          (e) => e.status === "อยู่ระหว่างกำเนินการ"
-        ));
+    mainData.value = datalist.filter(
+      (e) => e.status === "อยู่ระหว่างดำเนินการ"
+    );
     const filteramounttab1 = datalist.filter(
-      (e) => e.status === "อยู่ระหว่างกำเนินการ"
+      (e) => e.status === "อยู่ระหว่างดำเนินการ"
     );
     amounttab1.value = filteramounttab1.length;
     amounttab2.value = datalist.length;
@@ -162,16 +159,17 @@ export const useLeavelistDataStore = defineStore("leave", () => {
   // convertSatatus
   function convertSatatus(val: string) {
     switch (val) {
-      case "1":
+      case "NEW":
         return "ใหม่";
-      case "2":
-        return "อยู่ระหว่างกำเนินการ";
-      case "3":
+      case "PENDING":
+        return "อยู่ระหว่างดำเนินการ";
+      case "APPROVE":
         return "อนุมัติ";
+      case "REJECT":
+        return "ไม่อนุมัติ";
     }
   }
   return {
-    tab,
     amounttab1,
     amounttab2,
     //ข้อมูลในตาราง

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

@@ -1,10 +1,6 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
 import type { QTableProps } from "quasar";
-import type {
-  investigateDisDataRowType,
-  DataOption,
-} from "@/modules/11_discipline/interface/index/Main";
 import { useCounterMixin } from "@/stores/mixin";
 const mixin = useCounterMixin();
 const { date2Thai } = mixin;
@@ -14,10 +10,17 @@ export const useSpecialTimeStore = defineStore("LeaveSpecialTime", () => {
   async function fecthList(data: any[]) {
     let datalist: any[] = data.map((e: any) => ({
       fullname: e.fullname,
-      date: date2Thai(new Date(e.date)),
+      date: date2Thai(new Date(e.date), false, true),
       dateFix: date2Thai(new Date(e.dateFix)),
-      type: e.type,
-      reason: e.reason,
+      timeMorning:
+        e.startTimeMorning == null
+          ? "-"
+          : e.startTimeMorning + " - " + e.endTimeMorning,
+      timeAfternoon:
+        e.startTimeAfternoon == null
+          ? "-"
+          : e.startTimeAfternoon + " - " + e.endTimeAfternoon,
+      status: e.status,
     }));
     rows.value = datalist;
   }
@@ -27,8 +30,8 @@ export const useSpecialTimeStore = defineStore("LeaveSpecialTime", () => {
     "fullname",
     "date",
     "dateFix",
-    "type",
-    "reason",
+    "timeMorning",
+    "timeAfternoon",
   ]);
 
   const columns = ref<QTableProps["columns"]>([
@@ -58,8 +61,6 @@ export const useSpecialTimeStore = defineStore("LeaveSpecialTime", () => {
       field: "date",
       headerStyle: "font-size: 14px",
       style: "font-size: 14px",
-      sort: (a: string, b: string) =>
-        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
     },
     {
       name: "dateFix",
@@ -69,32 +70,27 @@ export const useSpecialTimeStore = defineStore("LeaveSpecialTime", () => {
       field: "dateFix",
       headerStyle: "font-size: 14px",
       style: "font-size: 14px",
-      sort: (a: string, b: string) =>
-        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
     },
     {
-      name: "type",
+      name: "timeMorning",
       align: "left",
-      label: "ประเภท",
+      label: "ช่วงเช้า",
       sortable: true,
-      field: "type",
+      field: "timeMorning",
       headerStyle: "font-size: 14px",
       style: "font-size: 14px",
-      sort: (a: string, b: string) =>
-        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
     },
     {
-      name: "reason",
+      name: "timeAfternoon",
       align: "left",
-      label: "เหตุผล",
+      label: "ช่วงบ่าย",
       sortable: true,
-      field: "reason",
+      field: "timeAfternoon",
       headerStyle: "font-size: 14px",
       style: "font-size: 14px",
-      sort: (a: string, b: string) =>
-        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
     },
   ]);
+
   return {
     fecthList,
     rows,