From 974f226c9ef37b6624d42afe13ea482dc1e28f3b Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Thu, 10 Oct 2024 10:17:46 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9B=E0=B8=A5=E0=B8=B5=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=99=20click=20=E0=B9=80=E0=B8=9B=E0=B9=87?=
 =?UTF-8?q?=E0=B8=99=20change?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DialogAddRequestEdit.vue       | 25 ++++++++-----------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/src/modules/10_registry/components/DialogAddRequestEdit.vue b/src/modules/10_registry/components/DialogAddRequestEdit.vue
index 2efe9d7..650d80f 100644
--- a/src/modules/10_registry/components/DialogAddRequestEdit.vue
+++ b/src/modules/10_registry/components/DialogAddRequestEdit.vue
@@ -170,8 +170,10 @@ function fetchProfile() {
 }
 
 /** popup รายละเอียดของ ขออัปเดตข้อมูลจากกรมการปกครอง */
-function onInfo() {
-  modalInfo.value = true;
+function onInfo(val: string) {
+  if (val == "ขออัปเดตข้อมูลจากกรมการปกครอง") {
+    modalInfo.value = true;
+  }
 }
 
 watch(
@@ -205,22 +207,11 @@ watch(
                 lazy-rules
                 hide-bottom-space
                 use-input
+                @update:model-value="onInfo(formData.topic)"
                 @filter="(inputValue:string,
                 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">
@@ -323,7 +314,11 @@ watch(
       <q-separator />
 
       <q-card-actions align="right">
-        <q-btn label="ตกลง" color="secondary" type="submit"
+        <q-btn
+          label="ตกลง"
+          color="secondary"
+          type="submit"
+          @click="() => (modalInfo = false)"
           ><q-tooltip>ตกลง</q-tooltip></q-btn
         >
       </q-card-actions>