fix

src/modules/01_metadata/components/position-employee/01_PositionMain.vue

@@ -68,12 +68,42 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
+  {
+    name: "createdAt",
+    align: "left",
+    label: "วันที่สร้าง",
+    sortable: true,
+    field: "createdAt",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+  {
+    name: "lastUpdatedAt",
+    align: "left",
+    label: "วันที่แก้ไข",
+    sortable: true,
+    field: "lastUpdatedAt",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+  {
+    name: "lastUpdateFullName",
+    align: "left",
+    label: "ผู้ดำเนินการ",
+    sortable: true,
+    field: "lastUpdateFullName",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
 ]);
 const visibleColumns = ref<string[]>([
   "no",
   "posDictName",
   "posTypeName",
   "posLevelName",
+  "createdAt",
+  "lastUpdatedAt",
+  "lastUpdateFullName",
 ]);
 // ตัวเลือกค้นหา
 const optionFilter = ref<DataOption[]>([
@@ -269,8 +299,58 @@ onMounted(async () => {
 });
 </script>
 <template>
-  <div class="row col-12 q-mb-sm">
-    <div class="col-md-2">
+  <div class="row col-12 q-mb-sm q-col-gutter-sm">
+    <div class="row col-12">
+      <q-space />
+      <div class="row col-md-10 q-col-gutter-sm">
+        <div class="col-md-4">
+          <q-select
+            label="ค้นหาจาก"
+            v-model="formQuery.type"
+            :options="optionFilter"
+            emit-value
+            dense
+            map-options
+            outlined
+            option-label="name"
+            option-value="id"
+          />
+        </div>
+
+        <div class="col-md-6">
+          <q-input
+            ref="searchRef"
+            v-model="formQuery.keyword"
+            outlined
+            dense
+            lazy-rules
+            label="คำค้น"
+            hide-bottom-space
+            @keydown.enter="fetchData()"
+          >
+            <template v-slot:append>
+              <q-icon
+                v-if="formQuery.keyword"
+                name="cancel"
+                @click="(formQuery.keyword = ''), fetchData()"
+                class="cursor-pointer"
+              ></q-icon>
+            </template>
+          </q-input>
+        </div>
+
+        <div class="row col-md-2">
+          <q-btn
+            color="primary"
+            icon="search"
+            label="ค้นหา"
+            class="full-width"
+            @click="fetchData()"
+          />
+        </div>
+      </div>
+    </div>
+    <div class="row col-12">
       <q-btn
         id="addComplaints"
         for="addComplaints"
@@ -282,54 +362,21 @@ onMounted(async () => {
         @click="onClickOpenDialog()"
         ><q-tooltip>เพิ่มตำเเหน่ง </q-tooltip></q-btn
       >
-    </div>
+      <q-space />
 
-    <div class="row col-md-10 q-col-gutter-sm">
-      <div class="col-md-4">
-        <q-select
-          label="ค้นหาจาก"
-          v-model="formQuery.type"
-          :options="optionFilter"
-          emit-value
-          dense
-          map-options
-          outlined
-          option-label="name"
-          option-value="id"
-        />
-      </div>
-
-      <div class="col-md-6">
-        <q-input
-          ref="searchRef"
-          v-model="formQuery.keyword"
-          outlined
-          dense
-          lazy-rules
-          label="คำค้น"
-          hide-bottom-space
-          @keydown.enter="fetchData()"
-        >
-          <template v-slot:append>
-            <q-icon
-              v-if="formQuery.keyword"
-              name="cancel"
-              @click="(formQuery.keyword = ''), fetchData()"
-              class="cursor-pointer"
-            ></q-icon>
-          </template>
-        </q-input>
-      </div>
-
-      <div class="row col-md-2">
-        <q-btn
-          color="primary"
-          icon="search"
-          label="ค้นหา"
-          class="full-width"
-          @click="fetchData()"
-        />
-      </div>
+      <q-select
+        v-model="visibleColumns"
+        multiple
+        outlined
+        dense
+        options-dense
+        :display-value="$q.lang.table.columns"
+        emit-value
+        map-options
+        :options="columns"
+        option-value="name"
+        style="min-width: 140px"
+      />
     </div>
   </div>