From 8130c180f040a3c35bc4e983ffd05ab288cdc712 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 7 Sep 2023 10:48:02 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20Table=20?=
 =?UTF-8?q?=E0=B8=9A=E0=B8=B1=E0=B8=99=E0=B8=97=E0=B8=B6=E0=B8=81=E0=B8=9C?=
 =?UTF-8?q?=E0=B8=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../04_registry/components/Insignia.vue       | 17 ++++----
 .../components/PersonalList/Table.vue         | 14 ++++---
 src/modules/07_insignia/storeResult.ts        |  4 +-
 src/modules/07_insignia/views/ResultPage.vue  | 39 +++++++++++++++----
 4 files changed, 53 insertions(+), 21 deletions(-)

diff --git a/src/modules/04_registry/components/Insignia.vue b/src/modules/04_registry/components/Insignia.vue
index 263f9c8bc..0e3317d15 100644
--- a/src/modules/04_registry/components/Insignia.vue
+++ b/src/modules/04_registry/components/Insignia.vue
@@ -23,7 +23,7 @@
               @click="selectData(props)"
               class="cursor-pointer"
             >
-              <div
+              <!-- <div
                 v-if="
                   col.name == 'receiveDate' ||
                   col.name == 'dateAnnounce' ||
@@ -32,8 +32,8 @@
                 class="table_ellipsis"
               >
                 {{ col.value == null ? null : date2Thai(col.value) }}
-              </div>
-              <div v-else-if="col.name == 'year'" class="table_ellipsis">
+              </div> -->
+              <div v-if="col.name == 'year'" class="table_ellipsis">
                 {{ col.value + 543 }}
               </div>
               <div v-else class="table_ellipsis">
@@ -532,7 +532,7 @@ const checkValidate = ref<boolean>(false); //validate data ผ่านหรื
 const profileId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
-const rows = ref<RequestItemsObject[]>([]);
+const rows = ref<any>([]);
 const filter = ref<string>(""); //search data table
 const visibleColumns = ref<String[]>([]);
 profileData.insignia.columns.length == 0
@@ -550,6 +550,7 @@ profileData.insignia.columns.length == 0
       "dateAnnounce",
       "refCommandNo",
       "refCommandDate",
+      "createdAt"
     ])
   : (visibleColumns.value = profileData.insignia.columns);
 const columns = ref<QTableProps["columns"]>([
@@ -961,13 +962,13 @@ const fetchData = async () => {
             volume: e.volume,
             section: e.section,
             page: e.page,
-            receiveDate: new Date(e.receiveDate),
-            dateAnnounce: new Date(e.dateAnnounce),
+            receiveDate: date2Thai(e.receiveDate),
+            dateAnnounce: date2Thai(e.dateAnnounce),
             refCommandNo: e.refCommandNo,
             refCommandDate:
-              e.refCommandDate == null ? null : new Date(e.refCommandDate),
+              e.refCommandDate == null ? null : date2Thai(e.refCommandDate),
             createdFullName: e.createdFullName,
-            createdAt: new Date(e.createdAt),
+            createdAt: date2Thai(e.createdAt),
           });
         });
       })
diff --git a/src/modules/05_placement/components/PersonalList/Table.vue b/src/modules/05_placement/components/PersonalList/Table.vue
index 90c712a87..ab566ea3e 100644
--- a/src/modules/05_placement/components/PersonalList/Table.vue
+++ b/src/modules/05_placement/components/PersonalList/Table.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, watch, reactive, computed, } from "vue";
+import { ref, onMounted, watch, reactive, computed } from "vue";
 import { useQuasar, QForm } from "quasar";
 import type { QTableProps } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
@@ -216,7 +216,7 @@ const getTable = async () => {
   await http
     .get(config.API.personalList(examIdString))
     .then(async (res: any) => {
-      // console.log(res);
+      console.log(res);
       dataRes.value = res.data.result;
       rowsAll.value = [];
       (rowsFilter.value = []),
@@ -226,7 +226,7 @@ const getTable = async () => {
             idCard: data.idCard,
             fullName: data.fullName + " " + data.idCard,
             name: data.fullName,
-            profilePhoto: data.profilePhoto,
+            profilePhoto: data.profilePhoto ?? "",
             organizationName:
               data.organizationName +
               " " +
@@ -616,11 +616,15 @@ const paginationLabel = (start: number, end: number, total: number) => {
               <q-item v-ripple>
                 <q-item-section avatar>
                   <img
-                    v-if="props.row.avatar == null"
+                    v-if="props.row.profilePhoto == ''"
                     src="@/assets/avatar_user.jpg"
                     class="col-4 img-info"
                   />
-                  <img v-else :src="props.row.avatar" class="col-4 img-info" />
+                  <img
+                    v-else
+                    :src="props.row.profilePhoto"
+                    class="col-4 img-info"
+                  />
                 </q-item-section>
 
                 <q-item-section>
diff --git a/src/modules/07_insignia/storeResult.ts b/src/modules/07_insignia/storeResult.ts
index 1a67817ee..4f1d41f77 100644
--- a/src/modules/07_insignia/storeResult.ts
+++ b/src/modules/07_insignia/storeResult.ts
@@ -43,10 +43,12 @@ export const useResultDataStore = defineStore("insigniaResult", () => {
       position: e.position,
       status: status(e.status),
       dateReceive: date2Thai(e.dateReceive),
-      name: e.fullName,
+      name: e.prefix + e.fullName,
       type: e.requestInsignia,
       employeeType: profileType(e.profileType),
       profileType: e.profileType,
+      volumeNo: e.volumeNo,
+      section: e.section,
       page: e.page,
       number: e.no,
       vatnumber: e.number,
diff --git a/src/modules/07_insignia/views/ResultPage.vue b/src/modules/07_insignia/views/ResultPage.vue
index d417d843d..8b8a761a7 100644
--- a/src/modules/07_insignia/views/ResultPage.vue
+++ b/src/modules/07_insignia/views/ResultPage.vue
@@ -85,7 +85,6 @@ const fecthInsigniaType = async () => {
     .catch((err) => {
       messageError($q, err);
       console.log("fecthInsigniaType");
-      
     });
 };
 const visibleColumns = ref<String[]>([
@@ -96,6 +95,8 @@ const visibleColumns = ref<String[]>([
   "type",
   "dateReceive",
   "employeeType",
+  "volumeNo",
+  "section",
   "page",
   "number",
   "vatnumber",
@@ -114,7 +115,6 @@ const columns = ref<QTableProps["columns"]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
-
   {
     name: "status",
     align: "left",
@@ -142,6 +142,15 @@ const columns = ref<QTableProps["columns"]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
+  {
+    name: "employeeType",
+    align: "left",
+    label: "สถานภาพ",
+    field: "employeeType",
+    sortable: true,
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
   {
     name: "type",
     align: "left",
@@ -161,14 +170,24 @@ const columns = ref<QTableProps["columns"]>([
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
   {
-    name: "employeeType",
+    name: "volumeNo",
     align: "left",
-    label: "สถานภาพ",
-    field: "employeeType",
+    label: "เล่มในราชกิจนุเบกษา",
+    field: "volumeNo",
     sortable: true,
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
+  {
+    name: "section",
+    align: "left",
+    label: "ตอนในราชกิจนุเบกษา",
+    field: "section",
+    sortable: true,
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+
   {
     name: "page",
     align: "left",
@@ -540,7 +559,10 @@ const paginationLabel = (start: number, end: number, total: number) => {
                 :borderless="false"
                 style="min-width: 150px"
                 @update:model-value="
-                  DataStore.searchData(DataStore.invoiceType,DataStore.employeeClass)
+                  DataStore.searchData(
+                    DataStore.invoiceType,
+                    DataStore.employeeClass
+                  )
                 "
               />
             </div>
@@ -561,7 +583,10 @@ const paginationLabel = (start: number, end: number, total: number) => {
                 :borderless="false"
                 style="min-width: 150px"
                 @update:model-value="
-                  DataStore.searchData(DataStore.invoiceType,DataStore.employeeClass)
+                  DataStore.searchData(
+                    DataStore.invoiceType,
+                    DataStore.employeeClass
+                  )
                 "
               />
             </div>