fix การแสดงข้อมูลครอบครัว

src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue

@@ -177,6 +177,7 @@ const coupleData = reactive<FormPerson>({
   job: "",
   lastNameOld: "",
   statusMarital: "",
+  isCouple: false, // ใช้สำหรับการแสดงผลใน UI
 });
 const childData = ref<FormChildren[]>([]);
 
@@ -266,6 +267,7 @@ async function fetchDataCouple() {
         coupleData.job = data.coupleCareer;
         coupleData.lastNameOld = data.coupleLastNameOld;
         coupleData.statusMarital = data.relationship;
+        coupleData.isCouple = data.couple;
       }
     })
     .catch((err) => {
@@ -677,7 +679,7 @@ onMounted(async () => {
           >
         </div>
         <q-space />
-        <div class="row q-col-gutter-sm" v-if="coupleData.statusMarital">
+        <div class="row q-col-gutter-sm" v-if="coupleData.isCouple">
           <q-btn
             round
             flat
@@ -691,11 +693,7 @@ onMounted(async () => {
         </div>
       </q-toolbar>
 
-      <q-card
-        bordered
-        class="bg-grey-1 q-pb-md"
-        v-if="coupleData.statusMarital"
-      >
+      <q-card bordered class="bg-grey-1 q-pb-md" v-if="coupleData.isCouple">
         <div class="col-12 row q-py-sm q-px-md bg-grey-2 items-start">
           <div class="text-weight-medium q-pr-md">คู่สมรส</div>
         </div>

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

@@ -7,6 +7,7 @@ interface FormPerson {
   job: string;
   lastNameOld?: string;
   statusMarital?: string;
+  isCouple?: boolean;
 }
 
 interface ChildrenFamily {