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

src/modules/11_discipline/components/7_ListSuspend/DetailPage.vue

@@ -12,7 +12,10 @@ import { useDisciplineSuspendStore } from "@/modules/11_discipline/store/Suspend
 /**Import type */
 import type { QForm } from "quasar";
 import type { dataDetail } from "@/modules/11_discipline/interface/response/suspend";
-
+import PopupPersonal from "@/components/Dialogs/PopupPersonal.vue";
+  
+const modalPersonal = ref<boolean>(false);
+const personId = ref<string>("");
 /** use */
 const dataStore = useDisciplineSuspendStore();
 const $q = useQuasar();
@@ -170,6 +173,14 @@ function getClass(val: boolean){
   };
 };
 
+function onclickViewinfo(id: string) {
+  modalPersonal.value = true;
+  personId.value = id;
+}
+
+function updatemodalPersonal(modal: boolean) {
+  modalPersonal.value = modal;
+}
 
 /** Hook */
 onMounted(async () => {
@@ -206,7 +217,7 @@ onMounted(async () => {
         icon-right="mdi-open-in-new"
         class="q-px-sm"
         label="ดูข้อมูลทะเบียนประวัติ"
-        @click="router.push(`/registry/${data.personId}`)"
+        @click="onclickViewinfo(data.personId)"
       />
     </div>
     <div class="col-12"><q-separator /></div>
@@ -541,6 +552,12 @@ onMounted(async () => {
       </div>
     </q-form>
   </q-card>
+
+  <PopupPersonal
+    :modal="modalPersonal"
+    :id="personId"
+    @update:modal="updatemodalPersonal"
+  />
 </template>
 <style lang="scss" scope>
 .q-img {