ปรับ เเสดงรายละเอียด รายบุคคลระบบ บรรจุ/พ้นราชการ

src/modules/06_retirement/components/Expulsion/expulsionRegistry.vue

@@ -10,7 +10,10 @@ import keycloak from "@/plugins/keycloak";
 /**Import Type */
 import type { QForm } from "quasar";
 import type { ResponseDataDetail } from "@/modules/06_retirement/interface/response/expulsion";
-
+import PopupPersonal from "@/components/Dialogs/PopupPersonal.vue";
+  
+const modalPersonal = ref<boolean>(false);
+const personId = ref<string>("");
 /** Use */
 const $q = useQuasar();
 const route = useRoute();
@@ -175,6 +178,15 @@ const getClass = (val: boolean) => {
     "full-width cursor-pointer": !val,
   };
 };
+
+function onclickViewinfo(id: string) {
+  modalPersonal.value = true;
+  personId.value = id;
+}
+
+function updatemodalPersonal(modal: boolean) {
+  modalPersonal.value = modal;
+}
 </script>
 <template>
   <div class="toptitle text-dark col-12 row items-center">
@@ -203,7 +215,7 @@ const getClass = (val: boolean) => {
         icon-right="mdi-open-in-new"
         class="q-px-sm"
         label="ดูข้อมูลทะเบียนประวัติ"
-        @click="router.push(`/registry/${responseData.personId}`)"
+        @click="onclickViewinfo(responseData.personId)"
       />
     </div>
     <div class="col-12"><q-separator /></div>
@@ -467,6 +479,12 @@ const getClass = (val: boolean) => {
       </div>
     </q-form>
   </q-card>
+
+  <PopupPersonal
+    :modal="modalPersonal"
+    :id="personId"
+    @update:modal="updatemodalPersonal"
+  />
 </template>
 <style lang="scss" scope>
 .q-img {