ปรับ ข้อมูลหลัก

src/modules/01_metadata/components/position/03_Executive.vue

@@ -12,7 +12,7 @@ import type { RowListForm } from "@/modules/01_metadata/interface/request/positi
 import DialogAdd from "@/modules/01_metadata/components/position/DialogFormExecutive.vue";
 
 const $q = useQuasar();
-const { showLoader, hideLoader, messageError } = useCounterMixin();
+const { showLoader, hideLoader, messageError, date2Thai } = useCounterMixin();
 
 // Table
 const rows = ref<RowListForm[]>([]); // รายากรข้อมูลตำแหน่งทางการบริหาร
@@ -61,6 +61,9 @@ const columns = ref<QTableProps["columns"]>([
     field: "createdAt",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
+    format(val, row) {
+      return date2Thai(val, false, true);
+    },
   },
   {
     name: "lastUpdatedAt",
@@ -70,6 +73,9 @@ const columns = ref<QTableProps["columns"]>([
     field: "lastUpdatedAt",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
+    format(val, row) {
+      return date2Thai(val, false, true);
+    },
   },
   {
     name: "lastUpdateFullName",
@@ -148,7 +154,18 @@ onMounted(async () => {
     </div>
 
     <q-space />
-    <q-input outlined dense v-model="filterKeyword" label="ค้นหา"></q-input>
+    <q-input
+      dense
+      outlined
+      clearable
+      v-model="filterKeyword"
+      placeholder="ค้นหา"
+      @clear="filterKeyword = ''"
+    >
+      <template v-slot:append v-if="filterKeyword === ''">
+        <q-icon name="search" />
+      </template>
+    </q-input>
     <q-select
       v-model="visibleColumns"
       multiple
@@ -168,6 +185,7 @@ onMounted(async () => {
       ref="table"
       :columns="columns"
       :rows="rows"
+      :filter="filterKeyword"
       row-key="id"
       flat
       bordered