fix display gov age

src/modules/04_registryPerson/components/detail/GovernmentInformation/01_Info.vue

@@ -50,18 +50,10 @@ const formMain = reactive<FormMain>({
   workDate: null, //วันที่เริ่มปฏิบัติราชการ
   reasonSameDate: "",
   retireDate: null, //วันเกษียณอายุ
-  ageAll: {
-    year: 0,
-    month: 0,
-    day: 0,
-  }, //อายุราชการ
+  ageAll: "", //อายุราชการ
   absent: 0, //ขาดราชการ
   age: 0, //อายุราชการเกื้อกูล
-  govAgeBkk:{
-    year: 0,
-    month: 0,
-    day: 0,
-  }
+  govAgeBkk: "",
 });
 
 const modalEdit = ref<boolean>(false); //แสดง popup แก้ไขข้อมูลราชการ
@@ -165,10 +157,22 @@ async function getData() {
       formMain.reasonSameDate = data.reasonSameDate;
       formMain.retireDate = data.dateLeave;
       formMain.dateRetireLaw = data.dateRetireLaw;
-      formMain.ageAll = data.govAge;
+      formMain.ageAll = data.govAge
+        ? (
+            (data.govAge.year > 0 ? `${data.govAge.year} ปี ` : "") +
+            (data.govAge.month > 0 ? `${data.govAge.month} เดือน ` : "") +
+            (data.govAge.day > 0 ? `${data.govAge.day} วัน` : "")
+          ).trim() || "-"
+        : "-";
       formMain.absent = data.govAgeAbsent;
       formMain.age = data.govAgePlus;
-      formMain.govAgeBkk = data.govAgeBkk;
+      formMain.govAgeBkk = data.govAgeBkk
+        ? (
+            (data.govAgeBkk.year > 0 ? `${data.govAgeBkk.year} ปี ` : "") +
+            (data.govAgeBkk.month > 0 ? `${data.govAgeBkk.month} เดือน ` : "") +
+            (data.govAgeBkk.day > 0 ? `${data.govAgeBkk.day} วัน` : "")
+          ).trim() || "-"
+        : "-";
     })
     .catch((e) => {
       messageError($q, e);
@@ -455,25 +459,19 @@ onMounted(() => {
               <span class="text-grey-6 text-weight-medium">อายุราชการ</span>
             </div>
             <div class="col-12 col-sm-12 col-md-7">
-              <span>{{
-                formMain.ageAll
-                  ? `${formMain.ageAll.year} ปี ${formMain.ageAll.month} เดือน ${formMain.ageAll.day} วัน`
-                  : "-"
-              }}</span>
+              <span>{{ formMain.ageAll }}</span>
             </div>
           </div>
         </div>
         <div class="col-12 col-sm-6 col-md-6">
           <div class="row">
             <div class="col-12 col-sm-12 col-md-5">
-              <span class="text-grey-6 text-weight-medium">อายุราชการ (กทม.)</span>
+              <span class="text-grey-6 text-weight-medium"
+                >อายุราชการ (กทม.)</span
+              >
             </div>
             <div class="col-12 col-sm-12 col-md-7">
-                    <span>{{
-                formMain.govAgeBkk
-                  ? `${formMain.govAgeBkk.year} ปี ${formMain.govAgeBkk.month} เดือน ${formMain.govAgeBkk.day} วัน`
-                  : "-"
-              }}</span>
+              <span>{{ formMain.govAgeBkk }}</span>
             </div>
           </div>
         </div>

src/modules/04_registryPerson/interface/index/government.ts

@@ -13,8 +13,8 @@ interface FormMain {
   workDate: any;
   reasonSameDate: string;
   retireDate: any;
-  ageAll: GovAgeForm;
-  govAgeBkk: GovAgeForm;
+  ageAll: GovAgeForm | string;
+  govAgeBkk: GovAgeForm | string;
   absent: number;
   age: number;
   [key: string]: any;