From 5722ced3697edf3dcdc838887b45c1f526439e43 Mon Sep 17 00:00:00 2001
From: oat_dev <nattapon@frappet.com>
Date: Tue, 19 Mar 2024 11:57:10 +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=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=A7?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=95=E0=B8=B4=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=A8?=
 =?UTF-8?q?=E0=B8=B6=E0=B8=81=E0=B8=A9=E0=B8=B2=20=E0=B9=81=E0=B8=81?=
 =?UTF-8?q?=E0=B9=89=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=84=E0=B9=89=E0=B8=99?=
 =?UTF-8?q?=E0=B8=AB=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../PersonalInformation/05_Education.vue      | 59 +++++++++----------
 1 file changed, 27 insertions(+), 32 deletions(-)

diff --git a/src/modules/04_registryNew/components/detail/PersonalInformation/05_Education.vue b/src/modules/04_registryNew/components/detail/PersonalInformation/05_Education.vue
index 666b6f44a..58d905d23 100644
--- a/src/modules/04_registryNew/components/detail/PersonalInformation/05_Education.vue
+++ b/src/modules/04_registryNew/components/detail/PersonalInformation/05_Education.vue
@@ -53,7 +53,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) =>
@@ -64,7 +67,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) =>
@@ -76,6 +80,7 @@ const columns = ref<QTableProps["columns"]>([
     label: "วันที่สำเร็จการศึกษา",
     sortable: true,
     field: "finishDate",
+    format: (v) => date2Thai(v),
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
     sort: (a: string, b: string) =>
@@ -89,6 +94,7 @@ const columns = ref<QTableProps["columns"]>([
     field: "isEducation",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
+    format: (v) => (v === true ? "ใช่" : "ไม่ใช่"),
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
@@ -334,7 +340,6 @@ async function fetchData(id: string) {
     .get(config.API.profileNewEducationByProfileId(id))
     .then(async (res) => {
       rows.value = res.data.result;
-      console.log(rows.value);
     })
     .catch((err) => {
       messageError($q, err);
@@ -350,7 +355,6 @@ async function fetchHistoryData(id: string) {
     .get(config.API.profileNewEducationHisByEducationId(id))
     .then(async (res) => {
       historyRows.value = res.data.result;
-      console.log(historyRows.value);
     })
     .catch((err) => {
       messageError($q, err);
@@ -361,7 +365,6 @@ async function fetchHistoryData(id: string) {
 }
 
 async function addData() {
-  console.log(educationData.durationYear);
   await http
     .post(config.API.profileNewEducation, {
       profileId: id.value,
@@ -451,7 +454,6 @@ watch(
   () => isDate.value,
   () => {
     if (isDate.value === "false") {
-      console.log(educationData.startDate);
       educationData.startYear = +educationData.startDate
         .toString()
         .slice(11, 15);
@@ -613,19 +615,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 === 'finishDate'">
-            {{ col.value ? date2Thai(col.value) : "-" }}
-          </div>
-          <div v-else-if="col.name === 'isEducation'">
-            {{ col.value === true ? "ใช่" : "ไม่ใช่" }}
-          </div>
-          <div v-else>
+          <div>
             {{ col.value === "" ? "-" : col.value }}
           </div>
         </q-td>
@@ -749,6 +739,7 @@ onMounted(async () => {
           </q-card-actions>
           <q-separator />
           <div class="row">
+            {{ console.log(props) }}
             <div class="col-3 q-pa-sm label-color">ระดับการศึกษา</div>
             <div class="col-4 q-pa-sm">{{ props.cols[0].value }}</div>
             <div class="col-2 q-pa-sm label-color">สถานศึกษา</div>
@@ -756,24 +747,19 @@ onMounted(async () => {
             <div class="col-12">
               <div :class="`row bg-color`">
                 <div class="col-3 q-pa-sm label-color">ตั้งแต่</div>
-                <div v-if="props.row.isDate" class="col-4 q-pa-sm">
-                  {{ date2Thai(props.cols[2].value) }}
-                </div>
-                <div v-else class="col-4 q-pa-sm">
-                  {{ +props.cols[2].value.slice(0, 4) + 543 }}
+                <div class="col-4 q-pa-sm">
+                  {{ props.cols[2].value }}
                 </div>
+
                 <div class="col-2 q-pa-sm label-color">ถึง</div>
-                <div v-if="props.row.isDate" class="col-3 q-pa-sm">
-                  {{ date2Thai(props.cols[3].value) }}
-                </div>
-                <div v-else class="col-3 q-pa-sm">
-                  {{ +props.cols[3].value.slice(0, 4) + 543 }}
+                <div class="col-3 q-pa-sm">
+                  {{ props.cols[3].value }}
                 </div>
               </div>
             </div>
             <div class="col-3 q-pa-sm label-color">วันที่สำเร็จการศึกษา</div>
             <div class="col-9 q-pa-sm">
-              {{ date2Thai(props.cols[4].value) }}
+              {{ props.cols[4].value }}
             </div>
             <div class="col-12">
               <div :class="`row bg-color`">
@@ -1065,9 +1051,11 @@ onMounted(async () => {
                     dense
                     lazy-rules
                     :model-value="date2Thai(educationData.finishDate)"
-                    :rules="[(val) => !!val || `${'กรุณาเลือกวันที่ได้รับ'}`]"
+                    :rules="[
+                      (val) => !!val || `${'กรุณาเลือกวันที่สำเร็จการศึกษา'}`,
+                    ]"
                     hide-bottom-space
-                    :label="`${'วันที่ได้รับ'}`"
+                    :label="`${'วันที่สำเร็จการศึกษา'}`"
                   >
                     <template v-slot:prepend>
                       <q-icon
@@ -1092,6 +1080,9 @@ onMounted(async () => {
                 :options="educationOption"
                 option-value="value"
                 option-label="label"
+                :rules="[
+                  (val) => !!val || `${'กรุณาเลือกวุฒิการศึกษาในตำแหน่ง'}`,
+                ]"
                 label="เป็นวุฒิการศึกษาในตำแหน่ง"
               />
             </div>
@@ -1165,6 +1156,7 @@ onMounted(async () => {
                 outlined
                 v-model="educationData.duration"
                 label="ระยะเวลา"
+                :rules="[(val) => !!val || `${'กรุณากรอกระยะเวลา'}`]"
                 bg-color="white"
                 dense
               />
@@ -1174,6 +1166,9 @@ onMounted(async () => {
                 outlined
                 v-model="educationData.durationYear"
                 label="ระยะเวลาหลักสูตร (ปี)"
+                :rules="[
+                  (val) => !!val || `${'กรุณากรอกระยะเวลาหลักสูตร (ปี)'}`,
+                ]"
                 bg-color="white"
                 type="number"
                 dense