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

src/modules/06_retirement/components/ListRetirement/TableList.vue

@@ -9,7 +9,10 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 import DialogHeader from "@/components/DialogHeader.vue";
 import DialogPopupReason from "@/components/Dialogs/PopupReason.vue";
+import PopupPersonal from "@/components/Dialogs/PopupPersonal.vue";
 
+const modalPersonal = ref<boolean>(false);
+const personId = ref<string>("");
 /** Use */
 const route = useRoute();
 const router = useRouter();
@@ -443,6 +446,15 @@ const paginationLabel = (start: number, end: number, total: number) => {
   if (paging.value == true) return " " + start + "-" + end + " ใน " + total;
   else return start + "-" + end + " ใน " + total;
 };
+
+function onclickViewinfo(id: string) {
+  modalPersonal.value = true;
+  personId.value = id;
+}
+
+function updatemodalPersonal(modal: boolean) {
+  modalPersonal.value = modal;
+}
 </script>
 
 <template>
@@ -642,7 +654,7 @@ const paginationLabel = (start: number, end: number, total: number) => {
               :props="props"
               class="cursor-pointer"
               :style="props.row.profileId === profileId && 'color: #26a69a;'"
-              @click.stop="router.push(`/registry/${props.row.profileId}`)"
+              @click.stop="onclickViewinfo(props.row.profileId)"
             >
               <q-td key="order" :props="props">{{ props.row.order }} </q-td>
               <q-td key="name" :props="props">{{ props.row.name }}</q-td>
@@ -871,6 +883,12 @@ const paginationLabel = (start: number, end: number, total: number) => {
     :savaForm="saveEdiitReport"
     :textReport="textReport"
   />
+
+  <PopupPersonal
+    :modal="modalPersonal"
+    :id="personId"
+    @update:modal="updatemodalPersonal"
+  />
 </template>
 
 <style lang="scss" scope>