From cbfc9dbc210806b4af2afeae1f090d011c4c5294 Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Wed, 9 Oct 2024 17:47:22 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=A5=E0=B8=B0=E0=B9=80=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=B5=E0=B8=A2=E0=B8=94=20=E0=B8=9F=E0=B8=B4=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=94=E0=B9=8C=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B8=AD=E0=B9=88?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=99/=E0=B8=AD=E0=B8=B1=E0=B8=9B=E0=B9=80?=
 =?UTF-8?q?=E0=B8=94=E0=B8=95=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=A1=E0=B8=B9?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=88=E0=B8=B2=E0=B8=81=E0=B8=81=E0=B8=A3=E0=B8=A1?=
 =?UTF-8?q?=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=9B=E0=B8=81=E0=B8=84=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=87=E0=B8=9C=E0=B9=88=E0=B8=B2=E0=B8=99=E0=B8=97?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=87=20Linkage=20Center?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DialogAddRequestEdit.vue       | 82 ++++++++++++++++++-
 src/modules/10_registry/store/RequestEdit.ts  | 15 ++--
 2 files changed, 90 insertions(+), 7 deletions(-)

diff --git a/src/modules/10_registry/components/DialogAddRequestEdit.vue b/src/modules/10_registry/components/DialogAddRequestEdit.vue
index 93e0c8e..64504a0 100644
--- a/src/modules/10_registry/components/DialogAddRequestEdit.vue
+++ b/src/modules/10_registry/components/DialogAddRequestEdit.vue
@@ -22,6 +22,7 @@ const { dialogConfirm, showLoader, hideLoader, messageError, success } =
 /**
  *  props
  */
+const modalInfo = ref<boolean>(false);
 const modal = defineModel<boolean>("modal", { required: true });
 const props = defineProps({
   fetchData: { type: Function, requied: true },
@@ -167,6 +168,12 @@ function fetchProfile() {
       hideLoader();
     });
 }
+
+/** popup รายละเอียดของ ขออัปเดตข้อมูลจากกรมการปกครอง */
+function onInfo() {
+  modalInfo.value = true;
+}
+
 watch(
   () => modal.value,
   () => {
@@ -202,6 +209,18 @@ watch(
                 doneFn:Function) => filterOption(inputValue, doneFn
                 ) "
               >
+                <template v-slot:option="scope">
+                  <q-item v-bind="scope.itemProps">
+                    <q-item-section v-if="scope.index == 0">
+                      <q-item-label @click="onInfo">{{
+                        scope.opt
+                      }}</q-item-label>
+                    </q-item-section>
+                    <q-item-section v-else>
+                      <q-item-label>{{ scope.opt }}</q-item-label>
+                    </q-item-section>
+                  </q-item>
+                </template>
                 <template v-slot:no-option>
                   <q-item>
                     <q-item-section class="text-grey">
@@ -248,6 +267,67 @@ watch(
       </q-form>
     </q-card>
   </q-dialog>
+
+  <!-- popup รายละเอียดของ ขออัปเดตข้อมูลจากกรมการปกครอง -->
+  <q-dialog v-model="modalInfo">
+    <q-card style="width: 700px; max-width: 80vw">
+      <DialogHeader
+        tittle="ฟิลด์ที่อ่าน/อัปเดตข้อมูลจากกรมการปกครองผ่านทาง Linkage Center"
+        :close="() => (modalInfo = false)"
+      />
+      <q-separator />
+
+      <q-card-section class="q-pa-none">
+        <ul class="list-main">
+          <li>เลขประจำ ตัวประชาชน (ไม่สามารถแก้ไขได้)</li>
+          <li>คำนำหน้า</li>
+          <li>ชื่อ</li>
+          <li>นามสกุล</li>
+          <li>วัน เดือน ปีเกิด</li>
+          <li>เพศ</li>
+          <li>สถานภาพ (ดึงจากข้อมูลประวัติการจดทะเบียนสมรส, ข้อมูลประวัติการจดทะเบียนหย่า)</li>
+          <li>สัญชาติ</li>
+          <li>ที่อยู่ตามทะเบียนบ้าน 
+            <ul>
+              <li>ที่อยู่ (บ้านเลขที่ หมู่ ตรอก ซอย ถนน ใส่ในฟิลด์นี้)</li>
+              <li>แขวง/ตำ บล</li>
+              <li>เขต/อำ เภอ</li>
+              <li>จังหวัด</li>
+              <li>รหัสไปรษณีย์</li>
+            </ul>
+          </li>
+          <li>บิดา
+            <ul>
+              <li>เลขประจำตัวประชาชน</li>
+              <li>คำนำหน้า</li>
+              <li>ชื่อ</li>
+              <li>นามสกุล</li>
+            </ul>
+          </li>
+          <li>มารดา
+            <ul>
+              <li>เลขประจำตัวประชาชน</li>
+              <li>คำนำหน้า</li>
+              <li>ชื่อ</li>
+              <li>นามสกุล</li>
+            </ul>
+          </li>
+          
+        </ul>
+      </q-card-section>
+      <q-separator />
+
+      <q-card-actions align="right">
+        <q-btn label="ตกลง" color="secondary" type="submit"
+          ><q-tooltip>ตกลง</q-tooltip></q-btn
+        >
+      </q-card-actions>
+    </q-card>
+  </q-dialog>
 </template>
 
-<style scoped></style>
+<style scoped lang="scss">
+.list-main li::marker{
+  color: $primary;
+}
+</style>
diff --git a/src/modules/10_registry/store/RequestEdit.ts b/src/modules/10_registry/store/RequestEdit.ts
index eb8e82c..ceda422 100644
--- a/src/modules/10_registry/store/RequestEdit.ts
+++ b/src/modules/10_registry/store/RequestEdit.ts
@@ -4,14 +4,17 @@ import type { DataOption } from "@/modules/10_registry/interface/index/Main";
 
 export const useRequestEditStore = defineStore("requestEditStore", () => {
   const optionTopic = ref<string[]>([
-    "ขอแก้ไขคำนำหน้านาม ชื่อ นามสกุล",
+    "ขออัปเดตข้อมูลจากกรมการปกครอง",
     "ขอแก้ไขรูปภาพประจำตัว",
-    "ขอแก้ไขชื่อ - นามสกุล คู่สมรส",
-    "ขอแก้ไขชื่อ - นามสกุล บิดา",
-    "ขอแก้ไขชื่อ - นามสกุล มารดา",
-    "ขอแก้ไขข้อมูลการได้รับพระราชทานเครื่องราชอิสริยาภรณ์/เหรียญจักรพรรดิมาลา",
-    "ขอแก้ไขประกาศเกียรติคุณ",
+    "ขอแก้ไขอาชีพ คู่สมรส",
+    "ขอแก้ไขอาชีพ บิดา",
+    "ขอแก้ไขอาชีพ มารดา",
+    "ขอแก้ไขข้อมูลเครื่องราชฯ เหรียญจักพรรดิมาลา",
     "ขอแก้ไขข้อมูลประวัติการศึกษา",
+    "ขอแก้ไขข้อมูลประวัติการฝึกอบรม",
+    "ขอแก้ไขที่อยู่ปัจจุบัน",
+    "ขอแก้ไขเบอร์โทร",
+    "ขอแก้ไขข้อมูลบุตร",
   ]);
   const optionStatus = ref<DataOption[]>([
     { id: "", name: "ทั้งหมด" },