fix format colums table

src/modules/13_salary/components/InfoLeave.vue

@@ -38,7 +38,6 @@ const columns = ref<QTableProps["columns"]>([
     align: "left",
     label: "ลำดับ",
     sortable: false,
-
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
     field: (row) => rows.value.indexOf(row) + 1,
@@ -48,20 +47,24 @@ const columns = ref<QTableProps["columns"]>([
     align: "left",
     label: "ประเภทการลา",
     sortable: true,
-
+    field: "leaveType",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
-    field: (row) => row.leaveType.name,
+    format(val, row) {
+      return row.leaveType.name;
+    },
   },
   {
     name: "dateLeave",
     align: "left",
     label: "วัน เดือน ปี ที่ลา",
     sortable: true,
-
+    field: "dateLeave",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
-    field: (row) => dateThaiRange([row.dateLeaveStart, row.dateLeaveEnd]),
+    format(val, row) {
+      return dateThaiRange([row.dateLeaveStart, row.dateLeaveEnd]);
+    },
   },
   {
     name: "leaveDays",
@@ -165,7 +168,14 @@ onMounted(() => {
   <q-card-section class="q-pt-none">
     <div class="row items-center q-gutter-x-sm q-pb-sm">
       <q-space />
-      <q-input dense outlined v-model="keyword" label="ค้นหา" class="q-mr-sm" @keydown.enter="onSearch">
+      <q-input
+        dense
+        outlined
+        v-model="keyword"
+        label="ค้นหา"
+        class="q-mr-sm"
+        @keydown.enter="onSearch"
+      >
         <template v-slot:append>
           <q-icon name="search" />
         </template>