From 53c14dbc6d13758f117c4e743e039f73d9e14d0a Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 11 Apr 2025 09:33:29 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84=E0=B8=82?=
 =?UTF-8?q?=20popup=20=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?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialogs/PopupPersonalNew.vue   | 83 ++++++++++---------
 .../interface/response/Government.ts          |  2 +
 2 files changed, 45 insertions(+), 40 deletions(-)

diff --git a/src/components/Dialogs/PopupPersonalNew.vue b/src/components/Dialogs/PopupPersonalNew.vue
index 40a99c35e..35003b4b6 100644
--- a/src/components/Dialogs/PopupPersonalNew.vue
+++ b/src/components/Dialogs/PopupPersonalNew.vue
@@ -69,6 +69,8 @@ const goverment = reactive<Goverment>({
   positionLevel: "",
   positionExecutive: "",
   positionExecutiveSide: "",
+  dateLeave: "",
+  dateRetireLaw: "",
 });
 
 function calculateAge(birthDate: Date | null) {
@@ -172,6 +174,10 @@ async function fetchProfileGov(id: string) {
         data.posExecutive !== null ? data.posExecutive : "-";
       goverment.positionExecutiveSide =
         data.positionExecutiveField !== "" ? data.positionExecutiveField : "-";
+      goverment.dateLeave = !data.dateLeave ? "-" : date2Thai(data.dateLeave);
+      goverment.dateRetireLaw = !data.dateRetireLaw
+        ? "-"
+        : date2Thai(data.dateRetireLaw);
     })
 
     .catch((err) => {
@@ -311,46 +317,7 @@ async function fetchProfile(id: string, avatarName: string) {
                         label="เลขประจำตัวประชาชน"
                       ></q-input>
                     </div>
-                    <div class="col-xs-6 col-md-6">
-                      <q-input
-                        borderless
-                        readonly
-                        :model-value="
-                          imformation.prefix ? imformation.prefix : '-'
-                        "
-                        label="คำนำหน้าชื่อ"
-                      />
-                    </div>
-                    <div class="col-xs-6 col-md-6">
-                      <q-input
-                        borderless
-                        readonly
-                        :model-value="
-                          imformation.firstName ? imformation.firstName : '-'
-                        "
-                        label="ชื่่อ"
-                      />
-                    </div>
-                    <div class="col-xs-6 col-md-6">
-                      <q-input
-                        borderless
-                        readonly
-                        :model-value="
-                          imformation.lastName ? imformation.lastName : '-'
-                        "
-                        label="นามสกุล"
-                      />
-                    </div>
-                    <div class="col-xs-6 col-md-6">
-                      <q-input
-                        borderless
-                        readonly
-                        :model-value="
-                          imformation.birthDate ? imformation.birthDate : '-'
-                        "
-                        label="วัน/เดือน/ปีเกิด"
-                      />
-                    </div>
+
                     <div class="col-xs-6 col-md-6">
                       <q-input
                         borderless
@@ -361,6 +328,18 @@ async function fetchProfile(id: string, avatarName: string) {
                         label="เพศ"
                       />
                     </div>
+
+                    <div class="col-xs-6 col-md-6">
+                      <q-input
+                        borderless
+                        readonly
+                        :model-value="
+                          imformation.birthDate ? imformation.birthDate : '-'
+                        "
+                        label="วัน/เดือน/ปีเกิด"
+                      />
+                    </div>
+
                     <div class="col-xs-6 col-md-6">
                       <q-input
                         borderless
@@ -369,6 +348,30 @@ async function fetchProfile(id: string, avatarName: string) {
                         label="อายุ"
                       />
                     </div>
+
+                    <div class="col-xs-6 col-md-6">
+                      <q-input
+                        borderless
+                        readonly
+                        :model-value="
+                          goverment.dateLeave ? goverment.dateLeave : '-'
+                        "
+                        label="วันครบเกษียณอายุ"
+                      />
+                    </div>
+
+                    <div class="col-xs-6 col-md-6">
+                      <q-input
+                        borderless
+                        readonly
+                        :model-value="
+                          goverment.dateRetireLaw
+                            ? goverment.dateRetireLaw
+                            : '-'
+                        "
+                        label="วันที่เกษียณอายุราชการตามกฏหมาย"
+                      />
+                    </div>
                   </div>
                 </div>
               </q-card>
diff --git a/src/components/information/interface/response/Government.ts b/src/components/information/interface/response/Government.ts
index 82c7c9973..e99129ad8 100644
--- a/src/components/information/interface/response/Government.ts
+++ b/src/components/information/interface/response/Government.ts
@@ -30,6 +30,8 @@ interface Goverment {
   positionLevel: string;
   positionExecutive: string;
   positionExecutiveSide: string;
+  dateLeave: string;
+  dateRetireLaw: string;
 }
 
 export type { ResponseObject, Goverment };