From 860da528ddb1d5f09e28fd888d250375cd7e714a Mon Sep 17 00:00:00 2001
From: oat_dev <nattapon@frappet.com>
Date: Mon, 1 Apr 2024 14:04:26 +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=B9=81=E0=B8=81=E0=B9=89=E0=B9=84?=
 =?UTF-8?q?=E0=B8=82=E0=B9=82=E0=B8=AB=E0=B8=A5=E0=B8=94=E0=B8=84=E0=B9=89?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=87=E0=B8=82=E0=B8=AD=E0=B8=87=E0=B8=9B=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B0=E0=B8=A7=E0=B8=B1=E0=B8=95=E0=B8=B4=E0=B8=82=E0=B9=89?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=A1=E0=B8=B9=E0=B8=A5=E0=B8=84=E0=B8=A3=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=9A=E0=B8=84=E0=B8=A3=E0=B8=B1=E0=B8=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../detail/PersonalInformation/04_Family.vue  | 66 +++++++++----------
 1 file changed, 32 insertions(+), 34 deletions(-)

diff --git a/src/modules/04_registryNew/components/detail/PersonalInformation/04_Family.vue b/src/modules/04_registryNew/components/detail/PersonalInformation/04_Family.vue
index 96b2b6b48..e197f856e 100644
--- a/src/modules/04_registryNew/components/detail/PersonalInformation/04_Family.vue
+++ b/src/modules/04_registryNew/components/detail/PersonalInformation/04_Family.vue
@@ -36,32 +36,29 @@ const index = ref<number>(1);
 const fatherData = reactive({
   isHaveInfo: 1,
   isLive: 0,
-  citizenId: "123123213",
-  prefix: "นาย",
-  optionPrefix: ["นาย", "จ่าสิบเอก"],
-  firstName: "ณัฐพัฐ",
-  lastName: "ดิษยบุตร",
-  job: "ตำรวจ",
+  citizenId: "",
+  prefix: "",
+  firstName: "",
+  lastName: "",
+  job: "",
 });
 const motherData = reactive({
   isHaveInfo: 1,
   isLive: 0,
-  citizenId: "222222222",
-  prefix: "นาง",
-  optionPrefix: ["นาง", "นางสาว"],
-  firstName: "นางอริญกัญญา",
-  lastName: "ดิษยบุตร",
-  job: "พยาบาล",
+  citizenId: "",
+  prefix: "",
+  firstName: "",
+  lastName: "",
+  job: "",
 });
 const spouseData = reactive({
   isHave: 1,
   isLive: 0,
-  citizenId: "44444444",
-  prefix: "นาย",
-  optionPrefix: ["นาย", "นาง", "นางสาว"],
-  firstName: "กัญจาพล",
-  lastName: "ดิอุรุกษา",
-  job: "ค้าขาย",
+  citizenId: "",
+  prefix: "",
+  firstName: "",
+  lastName: "",
+  job: "",
 });
 
 const rows = ref<any>([]);
@@ -294,25 +291,25 @@ onMounted(async () => {
             <div>เลขบัตรประจำตัวประชาชน</div>
           </div>
           <div class="col">
-            {{ fatherData.citizenId }}
+            {{ fatherData.citizenId ? fatherData.citizenId : "-" }}
           </div>
         </div>
         <div class="row items-center">
           <div class="col-2">คำนำหน้าชื่อ</div>
           <div class="col-2">
-            {{ fatherData.prefix }}
+            {{ fatherData.prefix ? fatherData.prefix : "-" }}
           </div>
           <div class="col-1">ชื่อ</div>
           <div class="col-2">
-            {{ fatherData.firstName }}
+            {{ fatherData.firstName ? fatherData.firstName : "-" }}
           </div>
           <div class="col-1">นามสกุล</div>
           <div class="col-2">
-            {{ fatherData.lastName }}
+            {{ fatherData.lastName ? fatherData.lastName : "-" }}
           </div>
           <div class="col-1">อาชีพ</div>
           <div class="col">
-            {{ fatherData.job }}
+            {{ fatherData.job ? fatherData.job : "-" }}
           </div>
         </div>
         <div class="row items-center">
@@ -336,25 +333,25 @@ onMounted(async () => {
             <div>เลขบัตรประจำตัวประชาชน</div>
           </div>
           <div class="col">
-            {{ motherData.citizenId }}
+            {{ motherData.citizenId ? motherData.citizenId : "-" }}
           </div>
         </div>
         <div class="row items-center">
           <div class="col-2">คำนำหน้าชื่อ</div>
           <div class="col-2">
-            {{ motherData.prefix }}
+            {{ motherData.prefix ? motherData.prefix : "-" }}
           </div>
           <div class="col-1">ชื่อ</div>
           <div class="col-2">
-            {{ motherData.firstName }}
+            {{ motherData.firstName ? motherData.firstName : "-" }}
           </div>
           <div class="col-1">นามสกุล</div>
           <div class="col-2">
-            {{ motherData.lastName }}
+            {{ motherData.lastName ? motherData.lastName : "-" }}
           </div>
           <div class="col-1">อาชีพ</div>
           <div class="col">
-            {{ motherData.job }}
+            {{ motherData.job ? motherData.job : "-" }}
           </div>
         </div>
         <div class="row items-center">
@@ -378,25 +375,25 @@ onMounted(async () => {
             <div>เลขบัตรประจำตัวประชาชน</div>
           </div>
           <div class="col">
-            {{ spouseData.citizenId }}
+            {{ spouseData.citizenId ? spouseData.citizenId : "-" }}
           </div>
         </div>
         <div class="row items-center">
           <div class="col-2">คำนำหน้าชื่อ</div>
           <div class="col-2">
-            {{ spouseData.prefix }}
+            {{ spouseData.prefix ? spouseData.prefix : "-" }}
           </div>
           <div class="col-1">ชื่อ</div>
           <div class="col-2">
-            {{ spouseData.firstName }}
+            {{ spouseData.firstName ? spouseData.firstName : "-" }}
           </div>
           <div class="col-1">นามสกุล</div>
           <div class="col-2">
-            {{ spouseData.lastName }}
+            {{ spouseData.lastName ? spouseData.lastName : "-" }}
           </div>
           <div class="col-1">อาชีพ</div>
           <div class="col">
-            {{ spouseData.job }}
+            {{ spouseData.job ? spouseData.job : "-" }}
           </div>
         </div>
         <div class="row items-center">
@@ -1041,7 +1038,8 @@ onMounted(async () => {
         />
       </q-card-section>
       <q-separator color="grey-4" />
-      <div class="q-pa-md scroll" style="max-height: 70vh">
+      <div v-if="historyRows.length === 0" class="q-pa-md">ไม่พบข้อมูล</div>
+      <div v-else class="q-pa-md scroll" style="max-height: 70vh">
         <div>
           <div class="row text-right">
             <div class="col-12">