From 4277eb2325eb84f14139cfbc6518a5c06d78d7bd Mon Sep 17 00:00:00 2001
From: oat_dev <nattapon@frappet.com>
Date: Tue, 19 Mar 2024 13:32:50 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=97=E0=B8=B0=E0=B9=80=E0=B8=9A=E0=B8=B5?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=99=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=A7=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=95=E0=B8=B4:=20=20=E0=B8=9D=E0=B8=B6=E0=B8=81=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=9A=E0=B8=A3=E0=B8=A1=E0=B8=94=E0=B8=B9=E0=B8=87=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=99=20=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=81=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=84=E0=B9=89=E0=B8=99=E0=B8=AB=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../detail/Achievement/02_Train.vue           | 73 +++----------------
 1 file changed, 11 insertions(+), 62 deletions(-)

diff --git a/src/modules/04_registryNew/components/detail/Achievement/02_Train.vue b/src/modules/04_registryNew/components/detail/Achievement/02_Train.vue
index 901510331..6b0a5cec4 100644
--- a/src/modules/04_registryNew/components/detail/Achievement/02_Train.vue
+++ b/src/modules/04_registryNew/components/detail/Achievement/02_Train.vue
@@ -54,7 +54,10 @@ const columns = ref<QTableProps["columns"]>([
     align: "left",
     label: "วันเริ่มต้นการฝึกอบรม/ดูงาน",
     sortable: true,
-    field: "startDate",
+    field: (v) =>
+      v.isDate
+        ? date2Thai(v.startDate)
+        : new Date(v.startDate).getFullYear() + 543,
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
     sort: (a: string, b: string) =>
@@ -65,7 +68,8 @@ const columns = ref<QTableProps["columns"]>([
     align: "left",
     label: "วันสิ้นสุดการฝึกอบรม/ดูงาน",
     sortable: true,
-    field: "endDate",
+    field: (v) =>
+      v.isDate ? date2Thai(v.endDate) : new Date(v.endDate).getFullYear() + 543,
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
     sort: (a: string, b: string) =>
@@ -77,6 +81,7 @@ const columns = ref<QTableProps["columns"]>([
     label: "ปีที่อบรม (พ.ศ.)",
     sortable: true,
     field: "yearly",
+    format: (v) => v + 543,
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
     sort: (a: string, b: string) =>
@@ -132,6 +137,7 @@ const columns = ref<QTableProps["columns"]>([
     label: "คำสั่งลงวันที่/หนังสืออนุมัติลงวันที่",
     sortable: true,
     field: "dateOrder",
+    format: (v) => date2Thai(v),
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
     sort: (a: string, b: string) =>
@@ -510,17 +516,7 @@ onMounted(async () => {
     <template v-slot:body="props" v-if="mode === 'table'">
       <q-tr :props="props" class="cursor-pointer">
         <q-td v-for="col in props.cols" :key="col.id">
-          <div v-if="col.name === 'startDate' || col.name === 'endDate'">
-            <div v-if="props.row.isDate">{{ date2Thai(col.value) }}</div>
-            <div v-else>
-              {{ +col.value.slice(0, 4) + 543 }}
-            </div>
-          </div>
-          <div v-else-if="col.name === 'dateOrder'">
-            {{ date2Thai(col.value) }}
-          </div>
-          <div v-else-if="col.name === 'yearly'">{{ col.value + 543 }}</div>
-          <div v-else>
+          <div>
             {{ col.value ? col.value : "-" }}
           </div>
         </q-td>
@@ -637,38 +633,7 @@ onMounted(async () => {
               :key="col.name"
               :style="`background-color: ${index % 2 !== 0 ? '#FAFAFA' : ''}`"
             >
-              <div
-                v-if="col.name === 'startDate' || col.name === 'endDate'"
-                class="row q-pa-sm"
-              >
-                <div class="col-7 label-color">
-                  <div>{{ col.label }}</div>
-                </div>
-                <div class="col">
-                  <div v-if="props.row.isDate">
-                    {{ date2Thai(col.value) }}
-                  </div>
-                  <div v-else>{{ +col.value.slice(0, 4) + 543 }}</div>
-                </div>
-              </div>
-              <div v-else-if="col.name === 'dateOrder'" class="row q-pa-sm">
-                <div class="col-7 label-color">
-                  <div>{{ col.label }}</div>
-                </div>
-                <div class="col">
-                  <div>{{ date2Thai(col.value) }}</div>
-                </div>
-              </div>
-              <div v-else-if="col.name === 'yearly'" class="row q-pa-sm">
-                <div class="col-7 label-color">
-                  <div>{{ col.label }}</div>
-                </div>
-                <div class="col">
-                  <div>{{ col.value + 543 }}</div>
-                </div>
-              </div>
-
-              <div v-else class="row q-pa-sm">
+              <div class="row q-pa-sm">
                 <div class="col-7 label-color">
                   <div>{{ col.label }}</div>
                 </div>
@@ -1104,23 +1069,7 @@ onMounted(async () => {
             <template v-slot:body="props">
               <q-tr :props="props" class="cursor-pointer">
                 <q-td v-for="col in props.cols" :key="col.id">
-                  <div
-                    v-if="col.name === 'startDate' || col.name === 'endDate'"
-                  >
-                    <div v-if="props.row.isDate">
-                      {{ date2Thai(col.value) }}
-                    </div>
-                    <div v-else>
-                      {{ +col.value.slice(0, 4) + 543 }}
-                    </div>
-                  </div>
-                  <div v-else-if="col.name === 'dateOrder'">
-                    {{ date2Thai(col.value) }}
-                  </div>
-                  <div v-else-if="col.name === 'yearly'">
-                    {{ col.value + 543 }}
-                  </div>
-                  <div v-else>
+                  <div>
                     {{ col.value ? col.value : "-" }}
                   </div>
                 </q-td>