diff --git a/src/modules/04_registryPerson/components/Dialog/01_Information.vue b/src/modules/04_registryPerson/components/Dialog/01_Information.vue
index 70b8f6755..53bb9cd32 100644
--- a/src/modules/04_registryPerson/components/Dialog/01_Information.vue
+++ b/src/modules/04_registryPerson/components/Dialog/01_Information.vue
@@ -117,47 +117,25 @@ watch(
       />
     </div>
     <div class="col-xs-6 col-sm-6 col-md-3">
-      <q-select
+      <q-input
         dense
         outlined
-        use-input
         lazy-rules
-        emit-value
-        map-options
         hide-bottom-space
-        input-debounce="0"
-        option-label="name"
-        option-value="name"
         v-model="formInformations.prefix"
         class="inputgreen"
-        :options="props.Ops.prefixOps"
         :label="dataLabel.prefix"
-        :rules="[(val: string) => !!val || `${'กรุณาเลือก คำนำหน้าชื่อ'}`]"
-        @filter="(inputValue: string,
-              doneFn: Function) => filterSelector(inputValue, doneFn, 'prefixOps'
-              )"
+        :rules="[(val: string) => !!val || `${'กรุณากรอก คำนำหน้าชื่อ'}`]"
       />
     </div>
     <div class="col-xs-6 col-sm-6 col-md-3">
-      <q-select
+      <q-input
         dense
         outlined
-        clearable
-        use-input
         lazy-rules
-        emit-value
-        map-options
-        hide-bottom-space
-        input-debounce="0"
-        option-label="name"
-        option-value="name"
         v-model="formInformations.rank"
         class="inputgreen"
-        :options="props.Ops.rankOps"
         :label="dataLabel.rank"
-        @filter="(inputValue: string,
-              doneFn: Function) => filterSelector(inputValue, doneFn, 'rankOps'
-              )"
       />
     </div>
     <div class="col-xs-6 col-sm-6 col-md-3">
@@ -239,47 +217,23 @@ watch(
       />
     </div>
     <div class="col-xs-6 col-sm-6 col-md-3">
-      <q-select
+      <q-input
         dense
         outlined
-        use-input
-        clearable
         lazy-rules
-        emit-value
-        map-options
-        hide-bottom-space
-        input-debounce="0"
-        option-label="name"
-        option-value="name"
         v-model="formInformations.gender"
         class="inputgreen"
-        :options="props.Ops.genderOps"
         :label="dataLabel.gender"
-        @filter="(inputValue: string,
-              doneFn: Function) => filterSelector(inputValue, doneFn, 'genderOps'
-              )"
       />
     </div>
     <div class="col-xs-6 col-sm-6 col-md-3">
-      <q-select
+      <q-input
         dense
         outlined
-        use-input
-        clearable
         lazy-rules
-        emit-value
-        map-options
-        hide-bottom-space
-        option-value="name"
-        option-label="name"
-        input-debounce="0"
-        class="inputgreen"
         v-model="formInformations.relationship"
-        :options="props.Ops.statusOps"
+        class="inputgreen"
         :label="dataLabel.relationship"
-        @filter="(inputValue: string,
-              doneFn: Function) => filterSelector(inputValue, doneFn, 'statusOps'
-              )"
       />
     </div>
     <div class="col-xs-6 col-sm-6 col-md-3">
@@ -305,47 +259,13 @@ watch(
       />
     </div>
     <div class="col-xs-6 col-sm-6 col-md-3">
-      <q-select
+      <q-input
         dense
         outlined
-        use-input
-        clearable
         lazy-rules
-        emit-value
-        map-options
-        hide-bottom-space
-        option-value="name"
-        option-label="name"
-        input-debounce="0"
         v-model="formInformations.religion"
         class="inputgreen"
-        :options="props.Ops.religionOps"
         :label="dataLabel.religion"
-        @filter="(inputValue: string,
-              doneFn: Function) => filterSelector(inputValue, doneFn, 'religionOps'
-              )"
-      />
-    </div>
-    <div class="col-xs-6 col-sm-6 col-md-3">
-      <q-select
-        dense
-        outlined
-        use-input
-        clearable
-        lazy-rules
-        emit-value
-        map-options
-        hide-bottom-space
-        option-value="name"
-        option-label="name"
-        input-debounce="0"
-        v-model="formInformations.bloodGroup"
-        class="inputgreen"
-        :options="props.Ops.bloodOps"
-        :label="dataLabel.bloodGroup"
-        @filter="(inputValue: string,
-              doneFn: Function) => filterSelector(inputValue, doneFn, 'bloodOps'
-              )"
       />
     </div>
     <div class="col-xs-6 col-sm-6 col-md-3">
@@ -353,11 +273,9 @@ watch(
         dense
         outlined
         lazy-rules
-        hide-bottom-space
-        mask="##########"
+        v-model="formInformations.bloodGroup"
         class="inputgreen"
-        v-model="formInformations.phone"
-        :label="dataLabel.phone"
+        :label="dataLabel.bloodGroup"
       />
     </div>
   </div>
diff --git a/src/modules/04_registryPerson/components/Dialog/03_Family.vue b/src/modules/04_registryPerson/components/Dialog/03_Family.vue
deleted file mode 100644
index a34c53fa4..000000000
--- a/src/modules/04_registryPerson/components/Dialog/03_Family.vue
+++ /dev/null
@@ -1,571 +0,0 @@
-<script setup lang="ts">
-import { useDataLinkCenter } from "@/modules/04_registryPerson/stores/LinkCenter";
-import { useProfileDataStore } from "@/modules/04_registryPerson/stores/profile";
-
-import type {
-  FormPerson,
-  FormChildren,
-} from "@/modules/04_registryPerson/interface/index/family";
-
-const fatherData = defineModel<FormPerson>("fatherData", { required: true });
-const motherData = defineModel<FormPerson>("motherData", { required: true });
-const coupleData = defineModel<FormPerson>("coupleData", { required: true });
-const childData = defineModel<FormChildren[]>("childData", { required: true });
-
-const storeProfile = useProfileDataStore();
-const storeLinkCenter = useDataLinkCenter();
-
-/**
- * function  ค้นหาข้อมูลใน select
- * @param val  คำค้นหา
- * @param update  function
- */
-function filterSelectorRelation(val: any, update: Function) {
-  update(() => {
-    storeLinkCenter.optionRelationship =
-      storeLinkCenter.optionRelationshipMain.filter(
-        (v: any) => v.name.indexOf(val) > -1
-      );
-  });
-}
-
-/**
- * เพิ่มลบ row
- * @param type 1 = เพิ่ม / 0 = ลบ
- * @param index ระบุว่าเป็น object ตัวไหน
- */
-function onChild(type: number, index?: number) {
-  if (type === 1) {
-    childData.value.push({
-      id: "",
-      createdAt: "",
-      createdUserId: "",
-      createdFullName: "",
-      lastUpdatedAt: "",
-      lastUpdateUserId: "",
-      lastUpdateFullName: "",
-      profileId: "",
-      profileEmployeeId: "",
-      childrenCitizenId: "",
-      childrenPrefix: "",
-      childrenFirstName: "",
-      childrenLastName: "",
-      childrenCareer: "",
-      childrenLive: 1,
-    } as FormChildren);
-  } else if (type === 0 && index !== undefined) {
-    childData.value.splice(index, 1);
-  }
-}
-</script>
-<template>
-  <div class="row col-12 q-col-gutter-x-xs q-col-gutter-y-xs">
-    <div class="col-12 text-tooltip text-weight-medium">ข้อมูลครอบครัว</div>
-    <div class="col-xs-12 text-weight-bold">• บิดา</div>
-    <div class="col-xs-6 col-sm-6 col-md-3">
-      <q-input
-        outlined
-        hide-bottom-space
-        bg-color="white"
-        dense
-        v-model="fatherData.citizenId"
-        :label="`${'เลขประจำตัวประชาชน'}`"
-        maxlength="13"
-        :rules="[
-                          (val:string) => !!val || 'กรุณากรอกเลขบัตรประชาชน',
-                          (val:string) =>
-                            val.length === 13 ||
-                            'กรุณากรอกเลขบัตรประชาชนให้ครบ 13 หลัก',
-                        ]
-                  "
-        class="inputgreen"
-        mask="#############"
-      />
-    </div>
-    <div class="col-xs-6 col-sm-6 col-md-2">
-      <q-select
-        outlined
-        bg-color="white"
-        lazy-rules
-        hidden-space
-        hide-bottom-space
-        dense
-        class="inputgreen"
-        :rules="
-[(val:string) => !!val || 'กรุณาเลือกคำนำหน้าชื่อ']
-
-                  "
-        label="คำนำหน้าชื่อ"
-        v-model="fatherData.prefix"
-        use-input
-        input-debounce="0"
-        emit-value
-        map-options
-        :options="storeLinkCenter.OpsPerson.prefixOps"
-        option-label="name"
-        option-value="name"
-        @filter="(inputValue:string,
-                    doneFn:Function) => storeProfile.filterSelector(inputValue, doneFn,'prefixOps'
-                    ) "
-      />
-    </div>
-    <div class="col-xs-6 col-sm-6 col-md-2">
-      <q-input
-        outlined
-        dense
-        hide-bottom-space
-        bg-color="white"
-        class="inputgreen"
-        lazy-rules
-        v-model="fatherData.firstName"
-        :rules="
-[(val:string) => !!val || 'กรุณากรอกชื่อ']
-
-                  "
-        label="ชื่อ"
-        hidden-space
-      />
-    </div>
-    <div class="col-xs-6 col-sm-6 col-md-2">
-      <q-input
-        outlined
-        dense
-        class="inputgreen"
-        bg-color="white"
-        hide-bottom-space
-        lazy-rules
-        v-model="fatherData.lastName"
-        :rules="
-[(val:string) => !!val || 'กรุณากรอกนามสกุล']
-
-                  "
-        label="นามสกุล"
-      />
-    </div>
-    <div class="col-xs-6 col-sm-6 col-md-3">
-      <q-input
-        outlined
-        dense
-        class="inputgreen"
-        bg-color="white"
-        v-model="fatherData.job"
-        label="อาชีพ"
-      />
-    </div>
-    <div class="col-12">
-      <div class="row q-my-xs">
-        <div class="q-mr-sm">สถานภาพการมีชีวิต</div>
-        <div>
-          <q-radio
-            class="q-mr-sm"
-            v-model="fatherData.isLive"
-            checked-icon="task_alt"
-            unchecked-icon="panorama_fish_eye"
-            :val="1"
-            label="ยังมีชีวิตอยู่"
-            dense
-            :color="!fatherData.isLive ? 'grey' : 'primary'"
-          />
-          <q-radio
-            v-model="fatherData.isLive"
-            checked-icon="task_alt"
-            unchecked-icon="panorama_fish_eye"
-            :val="0"
-            :color="!fatherData.isLive ? 'grey' : 'red'"
-            label="ถึงแก่กรรม"
-            dense
-          />
-        </div>
-      </div>
-    </div>
-    <div class="col-xs-12 text-weight-bold">• มารดา</div>
-    <div class="col-xs-6 col-sm-6 col-md-3">
-      <q-input
-        outlined
-        hide-bottom-space
-        bg-color="white"
-        dense
-        v-model="motherData.citizenId"
-        :label="`${'เลขประจำตัวประชาชน'}`"
-        maxlength="13"
-        :rules="[
-                          (val:string) => !!val || 'กรุณากรอกเลขบัตรประชาชน',
-                          (val:string) =>
-                            val.length === 13 ||
-                            'กรุณากรอกเลขบัตรประชาชนให้ครบ 13 หลัก',
-                        ]
-                  "
-        class="inputgreen"
-        mask="#############"
-      />
-    </div>
-    <div class="col-xs-6 col-sm-6 col-md-2">
-      <q-select
-        outlined
-        bg-color="white"
-        lazy-rules
-        hidden-space
-        hide-bottom-space
-        dense
-        class="inputgreen"
-        :rules="
-[(val:string) => !!val || 'กรุณาเลือกคำนำหน้าชื่อ']
-
-                  "
-        label="คำนำหน้าชื่อ"
-        v-model="motherData.prefix"
-        use-input
-        input-debounce="0"
-        emit-value
-        map-options
-        :options="storeLinkCenter.OpsPerson.prefixOps"
-        option-label="name"
-        option-value="name"
-        @filter="(inputValue:string,
-                    doneFn:Function) => storeProfile.filterSelector(inputValue, doneFn,'prefixOps'
-                    ) "
-      />
-    </div>
-    <div class="col-xs-6 col-sm-6 col-md-2">
-      <q-input
-        outlined
-        dense
-        hide-bottom-space
-        bg-color="white"
-        class="inputgreen"
-        lazy-rules
-        v-model="motherData.firstName"
-        :rules="
-[(val:string) => !!val || 'กรุณากรอกชื่อ']
-
-                  "
-        label="ชื่อ"
-        hidden-space
-      />
-    </div>
-    <div class="col-xs-6 col-sm-6 col-md-2">
-      <q-input
-        outlined
-        dense
-        class="inputgreen"
-        bg-color="white"
-        hide-bottom-space
-        lazy-rules
-        v-model="motherData.lastName"
-        :rules="
-[(val:string) => !!val || 'กรุณากรอกนามสกุล']
-
-                  "
-        label="นามสกุล"
-      />
-    </div>
-    <div class="col-xs-6 col-sm-6 col-md-3">
-      <q-input
-        outlined
-        dense
-        class="inputgreen"
-        bg-color="white"
-        v-model="motherData.job"
-        label="อาชีพ"
-      />
-    </div>
-    <div class="col-12">
-      <div class="row q-my-xs">
-        <div class="q-mr-sm">สถานภาพการมีชีวิต</div>
-        <div>
-          <q-radio
-            class="q-mr-sm"
-            v-model="motherData.isLive"
-            checked-icon="task_alt"
-            unchecked-icon="panorama_fish_eye"
-            :val="1"
-            label="ยังมีชีวิตอยู่"
-            dense
-            :color="!motherData.isLive ? 'grey' : 'primary'"
-          />
-          <q-radio
-            v-model="motherData.isLive"
-            checked-icon="task_alt"
-            unchecked-icon="panorama_fish_eye"
-            :val="0"
-            :color="!motherData.isLive ? 'grey' : 'red'"
-            label="ถึงแก่กรรม"
-            dense
-          />
-        </div>
-      </div>
-    </div>
-    <div class="col-xs-12 text-weight-bold">• คู่สมรส</div>
-    <div class="col-12">
-      <div class="row q-col-gutter-x-xs">
-        <div class="col-xs-6 col-sm-6 col-md-2">
-          <q-select
-            outlined
-            bg-color="white"
-            lazy-rules
-            hidden-space
-            dense
-            class="inputgreen"
-            label="สถานภาพการสมรส"
-            v-model="coupleData.statusMarital"
-            use-input
-            input-debounce="0"
-            emit-value
-            map-options
-            :options="storeLinkCenter.optionRelationship"
-            option-label="name"
-            option-value="name"
-            @filter="(inputValue:string,
-                    doneFn:Function) => filterSelectorRelation(inputValue, doneFn) "
-          />
-        </div>
-      </div>
-    </div>
-    <div class="col-xs-6 col-sm-6 col-md-2">
-      <q-input
-        outlined
-        bg-color="white"
-        dense
-        v-model="coupleData.citizenId"
-        :label="`${'เลขประจำตัวประชาชน'}`"
-        maxlength="13"
-        class="inputgreen"
-        mask="#############"
-      />
-    </div>
-    <div class="col-xs-6 col-sm-6 col-md-2">
-      <q-select
-        outlined
-        bg-color="white"
-        lazy-rules
-        hidden-space
-        dense
-        class="inputgreen"
-        label="คำนำหน้าชื่อ"
-        v-model="coupleData.prefix"
-        use-input
-        input-debounce="0"
-        emit-value
-        map-options
-        :options="storeLinkCenter.OpsPerson.prefixOps"
-        option-label="name"
-        option-value="name"
-        @filter="(inputValue:string,
-                    doneFn:Function) => storeProfile.filterSelector(inputValue, doneFn,'prefixOps'
-                    ) "
-      />
-    </div>
-    <div class="col-xs-6 col-sm-6 col-md-2">
-      <q-input
-        outlined
-        dense
-        bg-color="white"
-        class="inputgreen"
-        lazy-rules
-        v-model="coupleData.firstName"
-        label="ชื่อ"
-        hidden-space
-      />
-    </div>
-    <div class="col-xs-6 col-sm-6 col-md-2">
-      <q-input
-        outlined
-        dense
-        class="inputgreen"
-        bg-color="white"
-        hide-bottom-space
-        lazy-rules
-        v-model="coupleData.lastName"
-        label="นามสกุล"
-      />
-    </div>
-    <div class="col-xs-6 col-sm-6 col-md-2">
-      <q-input
-        outlined
-        dense
-        class="inputgreen"
-        bg-color="white"
-        lazy-rules
-        v-model="coupleData.lastNameOld"
-        label="นามสกุลเดิม"
-      />
-    </div>
-    <div class="col-xs-6 col-sm-6 col-md-2">
-      <q-input
-        outlined
-        dense
-        class="inputgreen"
-        bg-color="white"
-        v-model="coupleData.job"
-        label="อาชีพ"
-      />
-    </div>
-    <div class="col-12">
-      <div class="row q-my-xs">
-        <div class="q-mr-sm">สถานภาพการมีชีวิต</div>
-        <div>
-          <q-radio
-            class="q-mr-sm"
-            v-model="coupleData.isLive"
-            checked-icon="task_alt"
-            unchecked-icon="panorama_fish_eye"
-            :val="1"
-            label="ยังมีชีวิตอยู่"
-            dense
-            :color="!coupleData.isLive ? 'grey' : 'primary'"
-          />
-          <q-radio
-            v-model="coupleData.isLive"
-            checked-icon="task_alt"
-            unchecked-icon="panorama_fish_eye"
-            :val="0"
-            :color="!coupleData.isLive ? 'grey' : 'red'"
-            label="ถึงแก่กรรม"
-            dense
-          />
-        </div>
-      </div>
-    </div>
-    <div class="col-xs-12 text-weight-bold">
-      • บุตร
-      <q-btn dense round flat icon="add" color="primary" @click="onChild(1)"
-        ><q-tooltip>เพิ่ม</q-tooltip></q-btn
-      >
-    </div>
-    <div
-      class="row col-12 q-col-gutter-x-xs"
-      v-for="(item, index) in childData"
-      :key="index"
-    >
-      <div class="col-12 q-mb-xs">บุตรคนที่:{{ index + 1 }}</div>
-      <div class="col-xs-6 col-sm-6 col-md-3">
-        <q-input
-          outlined
-          hide-bottom-space
-          bg-color="white"
-          dense
-          v-model="item.childrenCitizenId"
-          :label="`${'เลขประจำตัวประชาชน'}`"
-          maxlength="13"
-          :rules="[
-                          (val:string) => !!val || 'กรุณากรอกเลขบัตรประชาชน',
-                          (val:string) =>
-                            val.length === 13 ||
-                            'กรุณากรอกเลขบัตรประชาชนให้ครบ 13 หลัก',
-                        ]
-                  "
-          class="inputgreen"
-          mask="#############"
-        />
-      </div>
-      <div class="col-xs-6 col-sm-6 col-md-2">
-        <q-select
-          outlined
-          bg-color="white"
-          lazy-rules
-          hidden-space
-          hide-bottom-space
-          dense
-          class="inputgreen"
-          :rules="
-[(val:string) => !!val || 'กรุณาเลือกคำนำหน้าชื่อ']
-
-                  "
-          label="คำนำหน้าชื่อ"
-          v-model="item.childrenPrefix"
-          use-input
-          input-debounce="0"
-          emit-value
-          map-options
-          :options="storeLinkCenter.OpsPerson.prefixOps"
-          option-label="name"
-          option-value="name"
-          @filter="(inputValue:string,
-                    doneFn:Function) => storeProfile.filterSelector(inputValue, doneFn,'prefixOps'
-                    ) "
-        />
-      </div>
-      <div class="col-xs-6 col-sm-6 col-md-2">
-        <q-input
-          outlined
-          dense
-          hide-bottom-space
-          bg-color="white"
-          class="inputgreen"
-          lazy-rules
-          v-model="item.childrenFirstName"
-          :rules="
-[(val:string) => !!val || 'กรุณากรอกชื่อ']
-
-                  "
-          label="ชื่อ"
-          hidden-space
-        />
-      </div>
-      <div class="col-xs-6 col-sm-6 col-md-2">
-        <q-input
-          outlined
-          dense
-          class="inputgreen"
-          bg-color="white"
-          hide-bottom-space
-          lazy-rules
-          v-model="item.childrenLastName"
-          :rules="
-[(val:string) => !!val || 'กรุณากรอกนามสกุล']
-
-                  "
-          label="นามสกุล"
-        />
-      </div>
-      <div class="col-xs-6 col-sm-6 col-md-2">
-        <q-input
-          outlined
-          dense
-          class="inputgreen"
-          bg-color="white"
-          v-model="item.childrenCareer"
-          label="อาชีพ"
-        />
-      </div>
-      <div class="self-center">
-        <q-btn
-          dense
-          flat
-          round
-          icon="mdi-trash-can"
-          color="red"
-          @click="onChild(0, index)"
-        >
-          <q-tooltip>ลบ</q-tooltip>
-        </q-btn>
-      </div>
-      <div class="col-12">
-        <div class="row q-my-xs">
-          <div class="q-mr-sm">สถานภาพการมีชีวิต</div>
-          <div>
-            <q-radio
-              class="q-mr-sm"
-              v-model="item.childrenLive"
-              checked-icon="task_alt"
-              unchecked-icon="panorama_fish_eye"
-              :val="1"
-              label="ยังมีชีวิตอยู่"
-              dense
-              :color="!item.childrenLive ? 'grey' : 'primary'"
-            />
-            <q-radio
-              v-model="item.childrenLive"
-              checked-icon="task_alt"
-              unchecked-icon="panorama_fish_eye"
-              :val="0"
-              :color="!item.childrenLive ? 'grey' : 'red'"
-              label="ถึงแก่กรรม"
-              dense
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
diff --git a/src/modules/04_registryPerson/components/Dialog/04_Father.vue b/src/modules/04_registryPerson/components/Dialog/04_Father.vue
new file mode 100644
index 000000000..8b9d6c3ae
--- /dev/null
+++ b/src/modules/04_registryPerson/components/Dialog/04_Father.vue
@@ -0,0 +1,251 @@
+<script setup lang="ts">
+import { reactive } from "vue";
+import { useQuasar } from "quasar";
+
+import http from "@/plugins/http";
+import config from "@/app.config";
+import { useCounterMixin } from "@/stores/mixin";
+import { useDataLinkCenter } from "@/modules/04_registryPerson/stores/LinkCenter";
+import { useProfileDataStore } from "@/modules/04_registryPerson/stores/profile";
+
+import type { FormPerson } from "@/modules/04_registryPerson/interface/index/family";
+
+import Header from "@/components/DialogHeader.vue"; //ส่วนหัว popup
+
+const $q = useQuasar();
+const mixin = useCounterMixin();
+const storeLinkCenter = useDataLinkCenter();
+const storeProfile = useProfileDataStore();
+
+const {
+  showLoader,
+  hideLoader,
+  messageError,
+  dialogConfirm,
+  modalError,
+  success,
+} = mixin;
+
+const modal = defineModel<boolean>("modal", { required: true }); // ตัวแปร popup
+const profileId = defineModel<string>("profileId", { required: true }); //id บุคคล
+
+const props = defineProps({
+  fetchData: Function,
+  requestId: String,
+});
+
+const fatherData = reactive<FormPerson>({
+  isLive: 1,
+  citizenId: "",
+  prefix: "",
+  firstName: "",
+  lastName: "",
+  job: "",
+});
+
+/** ปิด popup */
+async function closeDialog() {
+  modal.value = false;
+
+  fatherData.isLive = 1;
+  fatherData.citizenId = "";
+  fatherData.prefix = "";
+  fatherData.firstName = "";
+  fatherData.lastName = "";
+  fatherData.job = "";
+}
+
+async function onSubmit() {
+  dialogConfirm($q, async () => {
+    const body = {
+      profileId: profileId.value,
+      fatherCitizenId: fatherData.citizenId,
+      fatherPrefix: fatherData.prefix,
+      fatherFirstName: fatherData.firstName,
+      fatherLastName: fatherData.lastName,
+      fatherCareer: fatherData.job,
+      fatherLive: fatherData.isLive === 1 ? true : false,
+    };
+    http
+      .post(config.API.profileFamily("", "father"), body)
+      .then(async (res) => {
+        await upDateStatus();
+        success($q, "บันทึกข้อมูลสำเร็จ");
+        closeDialog();
+        await props.fetchData?.();
+      })
+      .catch((e) => {
+        messageError($q, e);
+        hideLoader();
+      })
+      .finally(() => {});
+  });
+}
+
+/** ส่ง สถานะ ดำเนินการเเล้ว */
+async function upDateStatus() {
+  await http
+    .patch(config.API.requestEdit + `${props.requestId}`, {
+      status: "COMPLETE",
+      remark: "",
+    })
+    .then(async () => {
+      await props.fetchData?.();
+      await success($q, "บันทึกข้อมูลสำเร็จ");
+      closeDialog();
+    })
+    .catch((err) => {
+      messageError($q, err);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
+</script>
+<template>
+  <q-dialog v-model="modal" persistent>
+    <q-card class="col-12" style="width: 80vw">
+      <q-form greedy @submit.prevent @validation-success="onSubmit">
+        <Header tittle="ขอปรับปรุงข้อมูลบิดา" :close="closeDialog" />
+        <q-separator />
+
+        <q-card-section class="scroll" style="max-height: 80vh">
+          <div class="row q-col-gutter-sm">
+            <div class="col-12">
+              <div class="row col-12 q-col-gutter-x-xs q-col-gutter-y-xs">
+                <div class="col-xs-6 col-sm-6 col-md-3">
+                  <q-input
+                    outlined
+                    hide-bottom-space
+                    bg-color="white"
+                    dense
+                    v-model="fatherData.citizenId"
+                    :label="`${'เลขประจำตัวประชาชน'}`"
+                    maxlength="13"
+                    :rules="[
+                          (val:string) => !!val || 'กรุณากรอกเลขบัตรประชาชน',
+                          (val:string) =>
+                            val.length === 13 ||
+                            'กรุณากรอกเลขบัตรประชาชนให้ครบ 13 หลัก',
+                        ]
+                  "
+                    class="inputgreen"
+                    mask="#############"
+                  />
+                </div>
+                <div class="col-xs-6 col-sm-6 col-md-2">
+                  <q-select
+                    outlined
+                    bg-color="white"
+                    lazy-rules
+                    hidden-space
+                    hide-bottom-space
+                    dense
+                    class="inputgreen"
+                    :rules="
+[(val:string) => !!val || 'กรุณาเลือกคำนำหน้าชื่อ']
+
+                  "
+                    label="คำนำหน้าชื่อ"
+                    v-model="fatherData.prefix"
+                    use-input
+                    input-debounce="0"
+                    emit-value
+                    map-options
+                    :options="storeLinkCenter.OpsPerson.prefixOps"
+                    option-label="name"
+                    option-value="name"
+                    @filter="(inputValue:string,
+                    doneFn:Function) => storeProfile.filterSelector(inputValue, doneFn,'prefixOps'
+                    ) "
+                  />
+                </div>
+                <div class="col-xs-6 col-sm-6 col-md-2">
+                  <q-input
+                    outlined
+                    dense
+                    hide-bottom-space
+                    bg-color="white"
+                    class="inputgreen"
+                    lazy-rules
+                    v-model="fatherData.firstName"
+                    :rules="
+[(val:string) => !!val || 'กรุณากรอกชื่อ']
+
+                  "
+                    label="ชื่อ"
+                    hidden-space
+                  />
+                </div>
+                <div class="col-xs-6 col-sm-6 col-md-2">
+                  <q-input
+                    outlined
+                    dense
+                    class="inputgreen"
+                    bg-color="white"
+                    hide-bottom-space
+                    lazy-rules
+                    v-model="fatherData.lastName"
+                    :rules="
+[(val:string) => !!val || 'กรุณากรอกนามสกุล']
+
+                  "
+                    label="นามสกุล"
+                  />
+                </div>
+                <div class="col-xs-6 col-sm-6 col-md-3">
+                  <q-input
+                    outlined
+                    dense
+                    class="inputgreen"
+                    bg-color="white"
+                    v-model="fatherData.job"
+                    label="อาชีพ"
+                  />
+                </div>
+                <div class="col-12">
+                  <div class="row q-my-xs">
+                    <div class="q-mr-sm">สถานภาพการมีชีวิต</div>
+                    <div>
+                      <q-radio
+                        class="q-mr-sm"
+                        v-model="fatherData.isLive"
+                        checked-icon="task_alt"
+                        unchecked-icon="panorama_fish_eye"
+                        :val="1"
+                        label="ยังมีชีวิตอยู่"
+                        dense
+                        :color="!fatherData.isLive ? 'grey' : 'primary'"
+                      />
+                      <q-radio
+                        v-model="fatherData.isLive"
+                        checked-icon="task_alt"
+                        unchecked-icon="panorama_fish_eye"
+                        :val="0"
+                        :color="!fatherData.isLive ? 'grey' : 'red'"
+                        label="ถึงแก่กรรม"
+                        dense
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </q-card-section>
+        <q-separator />
+
+        <q-card-actions align="right">
+          <q-btn
+            label="บันทึกลงทะเบียนประวัติ"
+            color="secondary"
+            type="submit"
+          />
+          <q-btn label="ยกเลิก" color="orange" @click="modal = false"
+            ><q-tooltip>ยกเลิก</q-tooltip></q-btn
+          >
+        </q-card-actions>
+      </q-form>
+    </q-card>
+  </q-dialog>
+</template>
diff --git a/src/modules/04_registryPerson/components/Dialog/05_Mother.vue b/src/modules/04_registryPerson/components/Dialog/05_Mother.vue
new file mode 100644
index 000000000..e5352bb0a
--- /dev/null
+++ b/src/modules/04_registryPerson/components/Dialog/05_Mother.vue
@@ -0,0 +1,250 @@
+<script setup lang="ts">
+import { reactive } from "vue";
+import { useQuasar } from "quasar";
+
+import http from "@/plugins/http";
+import config from "@/app.config";
+import { useCounterMixin } from "@/stores/mixin";
+import { useDataLinkCenter } from "@/modules/04_registryPerson/stores/LinkCenter";
+import { useProfileDataStore } from "@/modules/04_registryPerson/stores/profile";
+
+import type { FormPerson } from "@/modules/04_registryPerson/interface/index/family";
+
+import Header from "@/components/DialogHeader.vue"; //ส่วนหัว popup
+
+const $q = useQuasar();
+const mixin = useCounterMixin();
+const storeLinkCenter = useDataLinkCenter();
+const storeProfile = useProfileDataStore();
+const {
+  showLoader,
+  hideLoader,
+  messageError,
+  dialogConfirm,
+  modalError,
+  success,
+} = mixin;
+
+const props = defineProps({
+  fetchData: Function,
+  requestId: String,
+});
+
+const modal = defineModel<boolean>("modal", { required: true }); // ตัวแปร popup
+const profileId = defineModel<string>("profileId", { required: true }); //id บุคคล
+
+const motherData = reactive<FormPerson>({
+  isLive: 1,
+  citizenId: "",
+  prefix: "",
+  firstName: "",
+  lastName: "",
+  job: "",
+});
+
+/** ปิด popup */
+async function closeDialog() {
+  modal.value = false;
+
+  motherData.isLive = 1;
+  motherData.citizenId = "";
+  motherData.prefix = "";
+  motherData.firstName = "";
+  motherData.lastName = "";
+  motherData.job = "";
+}
+
+async function onSubmit() {
+  dialogConfirm($q, async () => {
+    const body = {
+      profileId: profileId.value,
+      motherCitizenId: motherData.citizenId,
+      motherPrefix: motherData.prefix,
+      motherFirstName: motherData.firstName,
+      motherLastName: motherData.lastName,
+      motherCareer: motherData.job,
+      motherLive: motherData.isLive === 1 ? true : false,
+    };
+    http
+      .post(config.API.profileFamily("", "mother"), body)
+      .then(async (res) => {
+        await upDateStatus();
+        success($q, "บันทึกข้อมูลสำเร็จ");
+        closeDialog();
+        await props.fetchData?.();
+      })
+      .catch((e) => {
+        messageError($q, e);
+        hideLoader();
+      })
+      .finally(() => {});
+  });
+}
+
+/** ส่ง สถานะ ดำเนินการเเล้ว */
+async function upDateStatus() {
+  await http
+    .patch(config.API.requestEdit + `${props.requestId}`, {
+      status: "COMPLETE",
+      remark: "",
+    })
+    .then(async () => {
+      await props.fetchData?.();
+      await success($q, "บันทึกข้อมูลสำเร็จ");
+      closeDialog();
+    })
+    .catch((err) => {
+      messageError($q, err);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
+</script>
+<template>
+  <q-dialog v-model="modal" persistent>
+    <q-card class="col-12" style="width: 80vw">
+      <q-form greedy @submit.prevent @validation-success="onSubmit">
+        <Header tittle="ขอปรับปรุงข้อมูลมารดา" :close="closeDialog" />
+        <q-separator />
+
+        <q-card-section class="scroll" style="max-height: 80vh">
+          <div class="row q-col-gutter-sm">
+            <div class="col-12">
+              <div class="row col-12 q-col-gutter-x-xs q-col-gutter-y-xs">
+                <div class="col-xs-6 col-sm-6 col-md-3">
+                  <q-input
+                    outlined
+                    hide-bottom-space
+                    bg-color="white"
+                    dense
+                    v-model="motherData.citizenId"
+                    :label="`${'เลขประจำตัวประชาชน'}`"
+                    maxlength="13"
+                    :rules="[
+                          (val:string) => !!val || 'กรุณากรอกเลขบัตรประชาชน',
+                          (val:string) =>
+                            val.length === 13 ||
+                            'กรุณากรอกเลขบัตรประชาชนให้ครบ 13 หลัก',
+                        ]
+                  "
+                    class="inputgreen"
+                    mask="#############"
+                  />
+                </div>
+                <div class="col-xs-6 col-sm-6 col-md-2">
+                  <q-select
+                    outlined
+                    bg-color="white"
+                    lazy-rules
+                    hidden-space
+                    hide-bottom-space
+                    dense
+                    class="inputgreen"
+                    :rules="
+[(val:string) => !!val || 'กรุณาเลือกคำนำหน้าชื่อ']
+
+                  "
+                    label="คำนำหน้าชื่อ"
+                    v-model="motherData.prefix"
+                    use-input
+                    input-debounce="0"
+                    emit-value
+                    map-options
+                    :options="storeLinkCenter.OpsPerson.prefixOps"
+                    option-label="name"
+                    option-value="name"
+                    @filter="(inputValue:string,
+                    doneFn:Function) => storeProfile.filterSelector(inputValue, doneFn,'prefixOps'
+                    ) "
+                  />
+                </div>
+                <div class="col-xs-6 col-sm-6 col-md-2">
+                  <q-input
+                    outlined
+                    dense
+                    hide-bottom-space
+                    bg-color="white"
+                    class="inputgreen"
+                    lazy-rules
+                    v-model="motherData.firstName"
+                    :rules="
+[(val:string) => !!val || 'กรุณากรอกชื่อ']
+
+                  "
+                    label="ชื่อ"
+                    hidden-space
+                  />
+                </div>
+                <div class="col-xs-6 col-sm-6 col-md-2">
+                  <q-input
+                    outlined
+                    dense
+                    class="inputgreen"
+                    bg-color="white"
+                    hide-bottom-space
+                    lazy-rules
+                    v-model="motherData.lastName"
+                    :rules="
+[(val:string) => !!val || 'กรุณากรอกนามสกุล']
+
+                  "
+                    label="นามสกุล"
+                  />
+                </div>
+                <div class="col-xs-6 col-sm-6 col-md-3">
+                  <q-input
+                    outlined
+                    dense
+                    class="inputgreen"
+                    bg-color="white"
+                    v-model="motherData.job"
+                    label="อาชีพ"
+                  />
+                </div>
+                <div class="col-12">
+                  <div class="row q-my-xs">
+                    <div class="q-mr-sm">สถานภาพการมีชีวิต</div>
+                    <div>
+                      <q-radio
+                        class="q-mr-sm"
+                        v-model="motherData.isLive"
+                        checked-icon="task_alt"
+                        unchecked-icon="panorama_fish_eye"
+                        :val="1"
+                        label="ยังมีชีวิตอยู่"
+                        dense
+                        :color="!motherData.isLive ? 'grey' : 'primary'"
+                      />
+                      <q-radio
+                        v-model="motherData.isLive"
+                        checked-icon="task_alt"
+                        unchecked-icon="panorama_fish_eye"
+                        :val="0"
+                        :color="!motherData.isLive ? 'grey' : 'red'"
+                        label="ถึงแก่กรรม"
+                        dense
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </q-card-section>
+        <q-separator />
+
+        <q-card-actions align="right">
+          <q-btn
+            label="บันทึกลงทะเบียนประวัติ"
+            color="secondary"
+            type="submit"
+          />
+          <q-btn label="ยกเลิก" color="orange" @click="modal = false"
+            ><q-tooltip>ยกเลิก</q-tooltip></q-btn
+          >
+        </q-card-actions>
+      </q-form>
+    </q-card>
+  </q-dialog>
+</template>
diff --git a/src/modules/04_registryPerson/components/Dialog/06_Couple.vue b/src/modules/04_registryPerson/components/Dialog/06_Couple.vue
new file mode 100644
index 000000000..8204a14fe
--- /dev/null
+++ b/src/modules/04_registryPerson/components/Dialog/06_Couple.vue
@@ -0,0 +1,280 @@
+<script setup lang="ts">
+import { reactive } from "vue";
+import { useQuasar } from "quasar";
+
+import http from "@/plugins/http";
+import config from "@/app.config";
+import { useCounterMixin } from "@/stores/mixin";
+import { useDataLinkCenter } from "@/modules/04_registryPerson/stores/LinkCenter";
+import { useProfileDataStore } from "@/modules/04_registryPerson/stores/profile";
+
+import type { FormPerson } from "@/modules/04_registryPerson/interface/index/family";
+
+import Header from "@/components/DialogHeader.vue"; //ส่วนหัว popup
+
+const $q = useQuasar();
+const mixin = useCounterMixin();
+const storeLinkCenter = useDataLinkCenter();
+const storeProfile = useProfileDataStore();
+const {
+  showLoader,
+  hideLoader,
+  messageError,
+  dialogConfirm,
+  modalError,
+  success,
+} = mixin;
+
+const modal = defineModel<boolean>("modal", { required: true }); // ตัวแปร popup
+const profileId = defineModel<string>("profileId", { required: true }); //id บุคคล
+
+const props = defineProps({
+  fetchData: Function,
+  requestId: String,
+});
+
+const coupleData = reactive<FormPerson>({
+  isLive: 1,
+  citizenId: "",
+  prefix: "",
+  firstName: "",
+  lastName: "",
+  job: "",
+  lastNameOld: "",
+  statusMarital: "",
+});
+
+/** ปิด popup */
+async function closeDialog() {
+  modal.value = false;
+
+  coupleData.isLive = 1;
+  coupleData.citizenId = "";
+  coupleData.prefix = "";
+  coupleData.firstName = "";
+  coupleData.lastName = "";
+  coupleData.job = "";
+  coupleData.lastNameOld = "";
+  coupleData.statusMarital = "";
+}
+
+async function onSubmit() {
+  dialogConfirm($q, async () => {
+    const body = {
+      profileId: profileId.value,
+      coupleCitizenId: coupleData.citizenId,
+      couplePrefix: coupleData.prefix,
+      coupleFirstName: coupleData.firstName,
+      coupleLastName: coupleData.lastName,
+      coupleCareer: coupleData.job,
+      coupleLive: coupleData.isLive === 1 ? true : false,
+      relationship: coupleData.statusMarital,
+      coupleLastNameOld: coupleData.lastNameOld,
+    };
+    http
+      .post(config.API.profileFamily("", "couple"), body)
+      .then(async (res) => {
+        await upDateStatus();
+        success($q, "บันทึกข้อมูลสำเร็จ");
+        closeDialog();
+        await props.fetchData?.();
+      })
+      .catch((e) => {
+        messageError($q, e);
+        hideLoader();
+      })
+      .finally(() => {});
+  });
+}
+
+/** ส่ง สถานะ ดำเนินการเเล้ว */
+async function upDateStatus() {
+  await http
+    .patch(config.API.requestEdit + `${props.requestId}`, {
+      status: "COMPLETE",
+      remark: "",
+    })
+    .then(async () => {
+      await props.fetchData?.();
+      await success($q, "บันทึกข้อมูลสำเร็จ");
+      closeDialog();
+    })
+    .catch((err) => {
+      messageError($q, err);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
+
+/**
+ * function  ค้นหาข้อมูลใน select
+ * @param val  คำค้นหา
+ * @param update  function
+ */
+function filterSelectorRelation(val: any, update: Function) {
+  update(() => {
+    storeLinkCenter.optionRelationship =
+      storeLinkCenter.optionRelationshipMain.filter(
+        (v: any) => v.name.indexOf(val) > -1
+      );
+  });
+}
+</script>
+<template>
+  <q-dialog v-model="modal" persistent>
+    <q-card class="col-12" style="width: 80vw">
+      <q-form greedy @submit.prevent @validation-success="onSubmit">
+        <Header tittle="คู่สมรส" :close="closeDialog" />
+        <q-separator />
+
+        <q-card-section class="scroll" style="max-height: 80vh">
+          <div class="row q-col-gutter-sm">
+            <div class="col-12">
+              <div class="row q-col-gutter-x-xs">
+                <div class="col-xs-6 col-sm-6 col-md-2">
+                  <q-select
+                    outlined
+                    bg-color="white"
+                    lazy-rules
+                    hidden-space
+                    dense
+                    class="inputgreen"
+                    label="สถานภาพการสมรส"
+                    v-model="coupleData.statusMarital"
+                    use-input
+                    input-debounce="0"
+                    emit-value
+                    map-options
+                    :options="storeLinkCenter.optionRelationship"
+                    option-label="name"
+                    option-value="name"
+                    @filter="(inputValue:string,
+                    doneFn:Function) => filterSelectorRelation(inputValue, doneFn) "
+                  />
+                </div>
+              </div>
+            </div>
+            <div class="col-xs-6 col-sm-6 col-md-2">
+              <q-input
+                outlined
+                bg-color="white"
+                dense
+                v-model="coupleData.citizenId"
+                :label="`${'เลขประจำตัวประชาชน'}`"
+                maxlength="13"
+                class="inputgreen"
+                mask="#############"
+              />
+            </div>
+            <div class="col-xs-6 col-sm-6 col-md-2">
+              <q-select
+                outlined
+                bg-color="white"
+                lazy-rules
+                hidden-space
+                dense
+                class="inputgreen"
+                label="คำนำหน้าชื่อ"
+                v-model="coupleData.prefix"
+                use-input
+                input-debounce="0"
+                emit-value
+                map-options
+                :options="storeLinkCenter.OpsPerson.prefixOps"
+                option-label="name"
+                option-value="name"
+                @filter="(inputValue:string,
+                    doneFn:Function) => storeProfile.filterSelector(inputValue, doneFn,'prefixOps'
+                    ) "
+              />
+            </div>
+            <div class="col-xs-6 col-sm-6 col-md-2">
+              <q-input
+                outlined
+                dense
+                bg-color="white"
+                class="inputgreen"
+                lazy-rules
+                v-model="coupleData.firstName"
+                label="ชื่อ"
+                hidden-space
+              />
+            </div>
+            <div class="col-xs-6 col-sm-6 col-md-2">
+              <q-input
+                outlined
+                dense
+                class="inputgreen"
+                bg-color="white"
+                hide-bottom-space
+                lazy-rules
+                v-model="coupleData.lastName"
+                label="นามสกุล"
+              />
+            </div>
+            <div class="col-xs-6 col-sm-6 col-md-2">
+              <q-input
+                outlined
+                dense
+                class="inputgreen"
+                bg-color="white"
+                lazy-rules
+                v-model="coupleData.lastNameOld"
+                label="นามสกุลเดิม"
+              />
+            </div>
+            <div class="col-xs-6 col-sm-6 col-md-2">
+              <q-input
+                outlined
+                dense
+                class="inputgreen"
+                bg-color="white"
+                v-model="coupleData.job"
+                label="อาชีพ"
+              />
+            </div>
+            <div class="col-12">
+              <div class="row q-my-xs">
+                <div class="q-mr-sm">สถานภาพการมีชีวิต</div>
+                <div>
+                  <q-radio
+                    class="q-mr-sm"
+                    v-model="coupleData.isLive"
+                    checked-icon="task_alt"
+                    unchecked-icon="panorama_fish_eye"
+                    :val="1"
+                    label="ยังมีชีวิตอยู่"
+                    dense
+                    :color="!coupleData.isLive ? 'grey' : 'primary'"
+                  />
+                  <q-radio
+                    v-model="coupleData.isLive"
+                    checked-icon="task_alt"
+                    unchecked-icon="panorama_fish_eye"
+                    :val="0"
+                    :color="!coupleData.isLive ? 'grey' : 'red'"
+                    label="ถึงแก่กรรม"
+                    dense
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </q-card-section>
+        <q-separator />
+
+        <q-card-actions align="right">
+          <q-btn
+            label="บันทึกลงทะเบียนประวัติ"
+            color="secondary"
+            type="submit"
+          />
+          <q-btn label="ยกเลิก" color="orange" @click="modal = false"
+            ><q-tooltip>ยกเลิก</q-tooltip></q-btn
+          >
+        </q-card-actions>
+      </q-form>
+    </q-card>
+  </q-dialog>
+</template>
diff --git a/src/modules/04_registryPerson/components/Dialog/07_Child.vue b/src/modules/04_registryPerson/components/Dialog/07_Child.vue
new file mode 100644
index 000000000..0a63dbcb6
--- /dev/null
+++ b/src/modules/04_registryPerson/components/Dialog/07_Child.vue
@@ -0,0 +1,276 @@
+<script setup lang="ts">
+import { ref, reactive } from "vue";
+import { useQuasar } from "quasar";
+
+import http from "@/plugins/http";
+import config from "@/app.config";
+import { useCounterMixin } from "@/stores/mixin";
+import { useDataLinkCenter } from "@/modules/04_registryPerson/stores/LinkCenter";
+import { useProfileDataStore } from "@/modules/04_registryPerson/stores/profile";
+
+import type { FormChildren } from "@/modules/04_registryPerson/interface/index/family";
+
+import Header from "@/components/DialogHeader.vue"; //ส่วนหัว popup
+
+const $q = useQuasar();
+const mixin = useCounterMixin();
+const storeLinkCenter = useDataLinkCenter();
+const storeProfile = useProfileDataStore();
+const {
+  showLoader,
+  hideLoader,
+  messageError,
+  dialogConfirm,
+  modalError,
+  success,
+} = mixin;
+
+const props = defineProps({
+  fetchData: Function,
+  requestId: String,
+});
+
+const modal = defineModel<boolean>("modal", { required: true }); // ตัวแปร popup
+const profileId = defineModel<string>("profileId", { required: true }); //id บุคคล
+
+const childData = ref<FormChildren[]>([]);
+
+/** ปิด popup */
+async function closeDialog() {
+  modal.value = false;
+  childData.value = [];
+}
+
+/** อัพเดตข้อมูลครอบครัว */
+async function onSubmit() {
+  if (childData.value.length !== 0) {
+    for (const child of childData.value) {
+      saveChildren(child);
+    }
+  }
+}
+
+async function saveChildren(child: FormChildren) {
+  const body = {
+    profileId: profileId.value,
+    childrenCitizenId: child.childrenCitizenId,
+    childrenPrefix: child.childrenPrefix,
+    childrenFirstName: child.childrenFirstName,
+    childrenLastName: child.childrenLastName,
+    childrenCareer: child.childrenCareer,
+    childrenLive: child.childrenLive === 1 ? true : false,
+  };
+
+  return http
+    .post(config.API.profileFamily("", "children"), body)
+    .then((res) => {})
+    .catch((e) => {
+      messageError($q, e);
+      hideLoader();
+    })
+    .finally(() => {});
+}
+
+/**
+ * เพิ่มลบ row
+ * @param type 1 = เพิ่ม / 0 = ลบ
+ * @param index ระบุว่าเป็น object ตัวไหน
+ */
+function onChild(type: number, index?: number) {
+  if (type === 1) {
+    childData.value.push({
+      id: "",
+      createdAt: "",
+      createdUserId: "",
+      createdFullName: "",
+      lastUpdatedAt: "",
+      lastUpdateUserId: "",
+      lastUpdateFullName: "",
+      profileId: "",
+      profileEmployeeId: "",
+      childrenCitizenId: "",
+      childrenPrefix: "",
+      childrenFirstName: "",
+      childrenLastName: "",
+      childrenCareer: "",
+      childrenLive: 1,
+    } as FormChildren);
+  } else if (type === 0 && index !== undefined) {
+    childData.value.splice(index, 1);
+  }
+}
+</script>
+<template>
+  <q-dialog v-model="modal" persistent>
+    <q-card class="col-12" style="width: 80vw">
+      <q-form greedy @submit.prevent @validation-success="onSubmit">
+        <Header tittle="ขอปรับปรุงข้อมูลบุตร" :close="closeDialog" />
+        <q-separator />
+
+        <q-card-section class="scroll" style="max-height: 80vh">
+          <div class="row q-col-gutter-sm">
+            <div class="col-xs-12 text-weight-bold">
+              • บุตร
+              <q-btn
+                dense
+                round
+                flat
+                icon="add"
+                color="primary"
+                @click="onChild(1)"
+                ><q-tooltip>เพิ่ม</q-tooltip></q-btn
+              >
+            </div>
+            <div
+              class="row col-12 q-col-gutter-x-xs"
+              v-for="(item, index) in childData"
+              :key="index"
+            >
+              <div class="col-12 q-mb-xs">บุตรคนที่:{{ index + 1 }}</div>
+              <div class="col-xs-6 col-sm-6 col-md-3">
+                <q-input
+                  outlined
+                  hide-bottom-space
+                  bg-color="white"
+                  dense
+                  v-model="item.childrenCitizenId"
+                  :label="`${'เลขประจำตัวประชาชน'}`"
+                  maxlength="13"
+                  :rules="[
+                          (val:string) => !!val || 'กรุณากรอกเลขบัตรประชาชน',
+                          (val:string) =>
+                            val.length === 13 ||
+                            'กรุณากรอกเลขบัตรประชาชนให้ครบ 13 หลัก',
+                        ]
+                  "
+                  class="inputgreen"
+                  mask="#############"
+                />
+              </div>
+              <div class="col-xs-6 col-sm-6 col-md-2">
+                <q-select
+                  outlined
+                  bg-color="white"
+                  lazy-rules
+                  hidden-space
+                  hide-bottom-space
+                  dense
+                  class="inputgreen"
+                  :rules="
+[(val:string) => !!val || 'กรุณาเลือกคำนำหน้าชื่อ']
+
+                  "
+                  label="คำนำหน้าชื่อ"
+                  v-model="item.childrenPrefix"
+                  use-input
+                  input-debounce="0"
+                  emit-value
+                  map-options
+                  :options="storeLinkCenter.OpsPerson.prefixOps"
+                  option-label="name"
+                  option-value="name"
+                  @filter="(inputValue:string,
+                    doneFn:Function) => storeProfile.filterSelector(inputValue, doneFn,'prefixOps'
+                    ) "
+                />
+              </div>
+              <div class="col-xs-6 col-sm-6 col-md-2">
+                <q-input
+                  outlined
+                  dense
+                  hide-bottom-space
+                  bg-color="white"
+                  class="inputgreen"
+                  lazy-rules
+                  v-model="item.childrenFirstName"
+                  :rules="
+[(val:string) => !!val || 'กรุณากรอกชื่อ']
+
+                  "
+                  label="ชื่อ"
+                  hidden-space
+                />
+              </div>
+              <div class="col-xs-6 col-sm-6 col-md-2">
+                <q-input
+                  outlined
+                  dense
+                  class="inputgreen"
+                  bg-color="white"
+                  hide-bottom-space
+                  lazy-rules
+                  v-model="item.childrenLastName"
+                  :rules="
+[(val:string) => !!val || 'กรุณากรอกนามสกุล']
+
+                  "
+                  label="นามสกุล"
+                />
+              </div>
+              <div class="col-xs-6 col-sm-6 col-md-2">
+                <q-input
+                  outlined
+                  dense
+                  class="inputgreen"
+                  bg-color="white"
+                  v-model="item.childrenCareer"
+                  label="อาชีพ"
+                />
+              </div>
+              <div class="self-center">
+                <q-btn
+                  dense
+                  flat
+                  round
+                  icon="mdi-trash-can"
+                  color="red"
+                  @click="onChild(0, index)"
+                >
+                  <q-tooltip>ลบ</q-tooltip>
+                </q-btn>
+              </div>
+              <div class="col-12">
+                <div class="row q-my-xs">
+                  <div class="q-mr-sm">สถานภาพการมีชีวิต</div>
+                  <div>
+                    <q-radio
+                      class="q-mr-sm"
+                      v-model="item.childrenLive"
+                      checked-icon="task_alt"
+                      unchecked-icon="panorama_fish_eye"
+                      :val="1"
+                      label="ยังมีชีวิตอยู่"
+                      dense
+                      :color="!item.childrenLive ? 'grey' : 'primary'"
+                    />
+                    <q-radio
+                      v-model="item.childrenLive"
+                      checked-icon="task_alt"
+                      unchecked-icon="panorama_fish_eye"
+                      :val="0"
+                      :color="!item.childrenLive ? 'grey' : 'red'"
+                      label="ถึงแก่กรรม"
+                      dense
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </q-card-section>
+        <q-separator />
+
+        <q-card-actions align="right">
+          <q-btn
+            label="บันทึกลงทะเบียนประวัติ"
+            color="secondary"
+            type="submit"
+          />
+          <q-btn label="ยกเลิก" color="orange" @click="modal = false"
+            ><q-tooltip>ยกเลิก</q-tooltip></q-btn
+          >
+        </q-card-actions>
+      </q-form>
+    </q-card>
+  </q-dialog>
+</template>
diff --git a/src/modules/04_registryPerson/components/Dialog/DialogUpdate.vue b/src/modules/04_registryPerson/components/Dialog/DialogUpdate.vue
index 65f61c2d1..3996253b2 100644
--- a/src/modules/04_registryPerson/components/Dialog/DialogUpdate.vue
+++ b/src/modules/04_registryPerson/components/Dialog/DialogUpdate.vue
@@ -19,7 +19,6 @@ import type {
 import Header from "@/components/DialogHeader.vue"; //ส่วนหัว popup
 import InformationPage from "@/modules/04_registryPerson/components/Dialog/01_Information.vue"; //form ข้อมูลส่วนตัว
 import AddressPage from "@/modules/04_registryPerson/components/Dialog/02_Address.vue"; //form ข้อมูลที่อยู่
-import FamilyPage from "@/modules/04_registryPerson/components/Dialog/03_Family.vue"; //form ข้อมูลครอบครัว
 
 const modal = defineModel<boolean>("modal", { required: true }); // ตัวแปร popup
 const idCard = defineModel<string>("idCard", { required: true }); //เลขบัตร ปชช
@@ -57,7 +56,6 @@ const formInformations = reactive<RequestObject>({
   nationality: null,
   ethnicity: null,
   birthDate: null,
-  phone: null,
   lastName: "",
   firstName: "",
   prefix: "",
@@ -78,38 +76,9 @@ const formDataAddress = reactive<RequestAddressObject>({
   registrationAddress: "",
 });
 
-const fatherData = reactive<FormPerson>({
-  isLive: 1,
-  citizenId: "",
-  prefix: "",
-  firstName: "",
-  lastName: "",
-  job: "",
-});
-const motherData = reactive<FormPerson>({
-  isLive: 1,
-  citizenId: "",
-  prefix: "",
-  firstName: "",
-  lastName: "",
-  job: "",
-});
-const coupleData = reactive<FormPerson>({
-  isLive: 1,
-  citizenId: "",
-  prefix: "",
-  firstName: "",
-  lastName: "",
-  job: "",
-  lastNameOld: "",
-  statusMarital: "",
-});
-const childData = ref<FormChildren[]>([]);
-
 /** ปิด popup */
 async function closeDialog() {
   modal.value = false;
-  childData.value = [];
 
   formInformations.bloodGroup = null;
   formInformations.relationship = null;
@@ -119,34 +88,10 @@ async function closeDialog() {
   formInformations.nationality = null;
   formInformations.ethnicity = null;
   formInformations.birthDate = null;
-  formInformations.phone = null;
   formInformations.lastName = "";
   formInformations.firstName = "";
   formInformations.prefix = "";
   formInformations.rank = null;
-
-  fatherData.isLive = 1;
-  fatherData.citizenId = "";
-  fatherData.prefix = "";
-  fatherData.firstName = "";
-  fatherData.lastName = "";
-  fatherData.job = "";
-
-  motherData.isLive = 1;
-  motherData.citizenId = "";
-  motherData.prefix = "";
-  motherData.firstName = "";
-  motherData.lastName = "";
-  motherData.job = "";
-
-  coupleData.isLive = 1;
-  coupleData.citizenId = "";
-  coupleData.prefix = "";
-  coupleData.firstName = "";
-  coupleData.lastName = "";
-  coupleData.job = "";
-  coupleData.lastNameOld = "";
-  coupleData.statusMarital = "";
 }
 
 /** อัพเดตข้อมูลส่วนตัว */
@@ -195,104 +140,6 @@ async function upDateAddress() {
     .finally(() => {});
 }
 
-/** อัพเดตข้อมูลครอบครัว */
-async function upDateFamily() {
-  await saveFather();
-  await saveMother();
-  if (coupleData.citizenId !== "") {
-    saveCouple();
-  }
-  if (childData.value.length !== 0) {
-    for (const child of childData.value) {
-      saveChildren(child);
-    }
-  }
-  count.value += 1;
-}
-
-async function saveFather() {
-  const body = {
-    profileId: profileId.value,
-    fatherCitizenId: fatherData.citizenId,
-    fatherPrefix: fatherData.prefix,
-    fatherFirstName: fatherData.firstName,
-    fatherLastName: fatherData.lastName,
-    fatherCareer: fatherData.job,
-    fatherLive: fatherData.isLive === 1 ? true : false,
-  };
-  http
-    .post(config.API.profileFamily("", "father"), body)
-    .then((res) => {})
-    .catch((e) => {
-      messageError($q, e);
-      hideLoader();
-    })
-    .finally(() => {});
-}
-
-async function saveMother() {
-  const body = {
-    profileId: profileId.value,
-    motherCitizenId: motherData.citizenId,
-    motherPrefix: motherData.prefix,
-    motherFirstName: motherData.firstName,
-    motherLastName: motherData.lastName,
-    motherCareer: motherData.job,
-    motherLive: motherData.isLive === 1 ? true : false,
-  };
-  http
-    .post(config.API.profileFamily("", "mother"), body)
-    .then((res) => {})
-    .catch((e) => {
-      messageError($q, e);
-      hideLoader();
-    })
-    .finally(() => {});
-}
-
-async function saveCouple() {
-  const body = {
-    profileId: profileId.value,
-    coupleCitizenId: coupleData.citizenId,
-    couplePrefix: coupleData.prefix,
-    coupleFirstName: coupleData.firstName,
-    coupleLastName: coupleData.lastName,
-    coupleCareer: coupleData.job,
-    coupleLive: coupleData.isLive === 1 ? true : false,
-    relationship: coupleData.statusMarital,
-    coupleLastNameOld: coupleData.lastNameOld,
-  };
-  http
-    .post(config.API.profileFamily("", "couple"), body)
-    .then((res) => {})
-    .catch((e) => {
-      messageError($q, e);
-      hideLoader();
-    })
-    .finally(() => {});
-}
-
-async function saveChildren(child: FormChildren) {
-  const body = {
-    profileId: profileId.value,
-    childrenCitizenId: child.childrenCitizenId,
-    childrenPrefix: child.childrenPrefix,
-    childrenFirstName: child.childrenFirstName,
-    childrenLastName: child.childrenLastName,
-    childrenCareer: child.childrenCareer,
-    childrenLive: child.childrenLive === 1 ? true : false,
-  };
-
-  return http
-    .post(config.API.profileFamily("", "children"), body)
-    .then((res) => {})
-    .catch((e) => {
-      messageError($q, e);
-      hideLoader();
-    })
-    .finally(() => {});
-}
-
 /** ส่ง สถานะ ดำเนินการเเล้ว */
 async function upDateStatus() {
   await http
@@ -318,8 +165,7 @@ function onSubmit() {
     showLoader();
     await upDateInfomation();
     await upDateAddress();
-    await upDateFamily();
-    if (count.value == 3) {
+    if (count.value == 2) {
       await upDateStatus();
       success($q, "บันทึกข้อมูลสำเร็จ");
       closeDialog();
@@ -334,53 +180,6 @@ async function amiRequest() {
   data.value = profile;
 
   data.value = profile;
-  data.value = {
-    titleCode: 3,
-    titleDesc: "นาย",
-    titleName: "นาย",
-    titleSex: 1,
-    firstName: "ชัยชนะ",
-    middleName: "",
-    lastName: "เรืองโรจน์",
-    genderCode: 1,
-    genderDesc: "ชาย",
-    dateOfBirth: 25211228,
-    nationalityCode: 99,
-    nationalityDesc: "ไทย",
-    ownerStatusDesc: "เจ้าบ้าน",
-    statusOfPersonCode: 0,
-    statusOfPersonDesc: "บุคคลนี้มีภูมิลำเนาอยู่ในบ้านนี้",
-    dateOfMoveIn: 25580728,
-    age: 45,
-
-    fatherPersonalID: 3102100621479,
-    fatherName: "บุญเชิด",
-    fatherNationalityCode: 99,
-    fatherNationalityDesc: "ไทย",
-
-    motherPersonalID: 3102100621487,
-    motherName: "พยอม",
-    motherNationalityCode: 99,
-    motherNationalityDesc: "ไทย",
-
-    fullnameAndRank: "นายสุพลชัย พูลสวัสดิ์",
-    englishTitleDesc: "MR.",
-    englishFirstName: "SUPHONCHAI",
-    englishMiddleName: "",
-    englishLastName: "PHOONSAWAT",
-
-    registrationAddress: "1220-1222 ถนนเพชรบุรี",
-    registrationProvinceId: "24bf701c-33d6-436e-ad49-6f82bb3ae017",
-    registrationDistrictId: "34bf701c-33d6-436e-ad49-6f82bb3b0586",
-    registrationSubDistrictId: "44bf701c-33d6-436e-ad49-6f82bb3b5649",
-    registrationZipCode: "10400",
-    currentAddress: "1220-1222 ถนนเพชรบุรี",
-    currentProvinceId: "24bf701c-33d6-436e-ad49-6f82bb3ae017",
-    currentDistrictId: "34bf701c-33d6-436e-ad49-6f82bb3b0586",
-    currentSubDistrictId: "44bf701c-33d6-436e-ad49-6f82bb3b5649",
-    currentZipCode: "10400",
-  };
-
   formInformations.citizenId = idCard.value;
   formInformations.prefix = data.value.titleName;
   fullName.value = data.value.fullnameAndRank;
@@ -496,17 +295,6 @@ watch(
                 v-model:present-address="presentAddress"
               />
             </div>
-            <div class="col-12">
-              <q-separator />
-            </div>
-            <div class="col-12">
-              <FamilyPage
-                v-model:father-data="fatherData"
-                v-model:mother-data="motherData"
-                v-model:couple-data="coupleData"
-                v-model:child-data="childData"
-              />
-            </div>
           </div>
         </q-card-section>
         <q-separator />
diff --git a/src/modules/04_registryPerson/interface/request/Profile.ts b/src/modules/04_registryPerson/interface/request/Profile.ts
index c56dab36a..53b616805 100644
--- a/src/modules/04_registryPerson/interface/request/Profile.ts
+++ b/src/modules/04_registryPerson/interface/request/Profile.ts
@@ -8,7 +8,6 @@ interface RequestObject {
   gender: string | null;
   lastName: string;
   nationality: string | null;
-  phone: string | null;
   // posLevelId: string;
   // posTypeId: string;
   prefix: string;