From 4d5d2c92ddcbdee0fe3fcdab42696fd9ec4499e0 Mon Sep 17 00:00:00 2001
From: AnandaTon <ananda@frappet.com>
Date: Wed, 20 Dec 2023 13:50:54 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84=E0=B8=82?=
 =?UTF-8?q?=20table=20=E0=B8=AB=E0=B8=99=E0=B9=89=E0=B8=B2=20=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=A2=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=84=E0=B8=B3?=
 =?UTF-8?q?=E0=B8=82=E0=B8=AD=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B9=80=E0=B8=A1?=
 =?UTF-8?q?=E0=B8=B4=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../12_evaluatePersonal/views/MainPage.vue    | 56 +++++++++++++------
 1 file changed, 40 insertions(+), 16 deletions(-)

diff --git a/src/modules/12_evaluatePersonal/views/MainPage.vue b/src/modules/12_evaluatePersonal/views/MainPage.vue
index 1a08c7c5c..51e8d9bac 100644
--- a/src/modules/12_evaluatePersonal/views/MainPage.vue
+++ b/src/modules/12_evaluatePersonal/views/MainPage.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref, watch } from "vue";
+import { onMounted, ref, watch, useAttrs } from "vue";
 import { useQuasar } from "quasar";
 import { useRouter } from "vue-router";
 import http from "@/plugins/http";
@@ -16,7 +16,7 @@ const router = useRouter();
 const mixin = useCounterMixin();
 const store = useEvalutuonStore();
 const { showLoader, hideLoader, messageError } = mixin;
-
+const attrs = ref<any>(useAttrs());
 const initialPagination = ref<Pagination>({
   rowsPerPage: 0,
 });
@@ -93,23 +93,47 @@ onMounted(async () => {
   </div>
   <q-card flat bordered class="col-12 q-mt-sm q-pt-sm q-pa-md">
     <div>
-      <Table
-        style="max-height: 80vh"
-        :rows="store.rows"
+      <d-table
+        ref="table"
         :columns="store.columns"
-        :visible-columns="store.visibleColumns"
-        v-model:inputfilter="filter"
-        v-model:inputvisible="store.visibleColumns"
-        :pagination="initialPagination"
-        :nornmalData="true"
+        :rows="store.rows"
+        :filter="filter"
+        row-key="interrogated"
+        flat
+        bordered
         :paging="true"
-        :titleText="''"
-        :page="page"
-        :pageSize="pageSize"
-        :maxPage="maxPage"
+        dense
+        class="custom-header-table"
+        v-bind="attrs"
+        :visible-columns="store.visibleColumns"
+        v-model:pagination="pagination"
       >
-        <template #columns="props">
+        <template v-slot:header="props">
+          <q-tr :props="props">
+            <q-th auto-width></q-th>
+            <q-th
+              v-for="col in props.cols"
+              :key="col.name"
+              :props="props"
+              style="color: #000000; font-weight: 500"
+            >
+              <span class="text-weight-medium">{{ col.label }}</span>
+            </q-th>
+            <q-th auto-width></q-th>
+          </q-tr>
+        </template>
+        <template v-slot:body="props">
           <q-tr :props="props" class="cursor-pointer">
+            <q-td auto-width>
+              <q-icon
+                v-if="props.row.isDefault === true"
+                name="mdi-bookmark"
+                size="xs"
+                color="primary"
+              >
+                <q-tooltip>เวลา Default</q-tooltip>
+              </q-icon>
+            </q-td>
             <q-td
               v-for="col in props.cols"
               :key="col.name"
@@ -125,7 +149,7 @@ onMounted(async () => {
             </q-td>
           </q-tr>
         </template>
-      </Table>
+      </d-table>
     </div>
   </q-card>
 </template>