ปรับ table ลงเวลา

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

@@ -3,6 +3,8 @@ import { ref } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
 
 import type { DataOption } from "@/modules/09_leave/interface/index/Main"
+import type { QTableProps } from "quasar";
+import type { DataRows } from "@/modules/09_leave/interface/response/leave"
 
 
 const mixin = useCounterMixin();
@@ -10,21 +12,23 @@ const { date2Thai, showLoader, hideLoader } = mixin;
 export const useLeavelistDataStore = defineStore("leave", () => {
     //TABMENU
     const tab = ref<string>("1");
-    const amounttab1 = ref<string>("")
-    const amounttab2 = ref<string>("")
+    const amounttab1 = ref<number>(0)
+    const amounttab2 = ref<number>(0)
     //ข้อมูลในตาราง
     const mainData = ref<any>([])
-    const rows = ref<any>([])
+    const rows = ref<DataRows[]>([])
+    const columns = ref<QTableProps["columns"]>([]);
+    const visibleColumns = ref<string[]>([]);
     const loadTable = ref<boolean>(false)
-    async function fetchList(data: any) {
-        let datalist = data.map((e: any) => ({
+    async function fetchList(data: DataRows[]) {
+        let datalist = data.map((e: DataRows) => ({
             leaveType: e.leaveType,
             name: e.name,
             Date: e.Date,
             status: convertSatatus(e.status)
         }))
-        tab.value !== "1" ? mainData.value = datalist : mainData.value = datalist.filter((e: any) => e.status === "อยู่ระหว่างกำเนินการ")
-        const filteramounttab1 = datalist.filter((e: any) => e.status === "อยู่ระหว่างกำเนินการ")
+        tab.value !== "1" ? mainData.value = datalist : mainData.value = datalist.filter((e) => e.status === "อยู่ระหว่างกำเนินการ")
+        const filteramounttab1 = datalist.filter((e) => e.status === "อยู่ระหว่างกำเนินการ")
         amounttab1.value = filteramounttab1.length
         amounttab2.value = datalist.length
         await fetchOption()
@@ -163,6 +167,9 @@ export const useLeavelistDataStore = defineStore("leave", () => {
         rows,
         fetchList,
         loadTable,
+        columns,
+        visibleColumns,
+
         //filter table
         filterTable,
         selectYear,

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

@@ -1,15 +1,19 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
+import type { QTableProps } from "quasar";
 import type { DataOption } from "@/modules/09_leave/interface/index/Main"
+import type { TableRows } from "@/modules/09_leave/interface/response/work"
 const mixin = useCounterMixin();
 const { date2Thai } = mixin;
 export const useWorklistDataStore = defineStore("work", () => {
     // ข้อมูลในตาราง
-    const rows = ref<any>([])
-    const dataMain = ref<any>([])
-    function fetchList(data: any) {
-        let datalist = data.map((e: any) => ({
+    const rows = ref<TableRows[]>([])
+    const columns = ref<QTableProps["columns"]>([]);
+    const visibleColumns = ref<string[]>([]);
+    const dataMain = ref<TableRows[]>([])
+    function fetchList(data: TableRows[]) {
+        let datalist = data.map((e: TableRows) => ({
             fullName: e.fullName,
             timeIn: e.timeIn,
             coordinatesIn: e.coordinatesIn,
@@ -58,7 +62,7 @@ export const useWorklistDataStore = defineStore("work", () => {
             }
         }
     }
-    function filterFn(val: string, update: any) {
+    function filterFn(val: string, update: Function) {
         if (val == "") {
             update(() => {
                 optionStatus.value = optionStatusMain.value;
@@ -86,6 +90,8 @@ export const useWorklistDataStore = defineStore("work", () => {
     return {
         //ข้อมูลในตาราง
         rows,
+        columns,
+        visibleColumns,
         fetchList,
         //ค้นหาข้อมูล
         filterTable,