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

src/modules/05_placement/components/AppointEmployee/Detail.vue

@@ -13,7 +13,10 @@ import type {
 import type { QForm } from "quasar";
 import http from "@/plugins/http";
 import config from "@/app.config";
-
+import PopupPersonal from "@/components/Dialogs/PopupPersonal.vue";
+  
+const modalPersonal = ref<boolean>(false);
+const personId = ref<string>("");
 const $q = useQuasar();
 const route = useRoute();
 const router = useRouter();
@@ -146,6 +149,15 @@ const getClass = (val: boolean) => {
   };
 };
 
+function onclickViewinfo(id: string) {
+  modalPersonal.value = true;
+  personId.value = id;
+}
+
+function updatemodalPersonal(modal: boolean) {
+  modalPersonal.value = modal;
+}
+
 onMounted(async () => {
   await fecthappointmentByid();
 });
@@ -163,7 +175,7 @@ onMounted(async () => {
       </div>
       <q-space />
       <q-btn outline color="blue" dense icon-right="mdi-open-in-new" class="q-px-sm" label="ดูข้อมูลทะเบียนประวัติ"
-        @click="router.push(`/registry/${profileId}`)" />
+        @click="onclickViewinfo(profileId)" />
     </div>
     <div class="col-12"><q-separator /></div>
     <div class="row col-12 q-pa-md">
@@ -304,6 +316,12 @@ onMounted(async () => {
       </div>
     </q-form>
   </q-card>
+
+  <PopupPersonal
+    :modal="modalPersonal"
+    :id="personId"
+    @update:modal="updatemodalPersonal"
+  />
 </template>
 <style lang="scss" scope>
 .q-img {

src/modules/05_placement/components/AppointMent/Detail.vue

@@ -13,7 +13,10 @@ import type {
 import type { QForm } from "quasar";
 import http from "@/plugins/http";
 import config from "@/app.config";
-
+import PopupPersonal from "@/components/Dialogs/PopupPersonal.vue";
+  
+const modalPersonal = ref<boolean>(false);
+const personId = ref<string>("");
 const $q = useQuasar();
 const route = useRoute();
 const router = useRouter();
@@ -147,6 +150,15 @@ const getClass = (val: boolean) => {
   };
 };
 
+function onclickViewinfo(id: string) {
+  modalPersonal.value = true;
+  personId.value = id;
+}
+
+function updatemodalPersonal(modal: boolean) {
+  modalPersonal.value = modal;
+}
+
 onMounted(async () => {
   await fecthappointmentByid();
 });
@@ -178,7 +190,7 @@ onMounted(async () => {
         icon-right="mdi-open-in-new"
         class="q-px-sm"
         label="ดูข้อมูลทะเบียนประวัติ"
-        @click="router.push(`/registry/${profileId}`)"
+        @click="onclickViewinfo(profileId)"
       />
     </div>
     <div class="col-12"><q-separator /></div>
@@ -427,6 +439,12 @@ onMounted(async () => {
       </div>
     </q-form>
   </q-card>
+
+  <PopupPersonal
+    :modal="modalPersonal"
+    :id="personId"
+    @update:modal="updatemodalPersonal"
+  />
 </template>
 <style lang="scss" scope>
 .q-img {

src/modules/05_placement/components/Other/Detail.vue

@@ -17,7 +17,10 @@ import config from "@/app.config";
 import keycloak from "@/plugins/keycloak";
 
 import CurruncyInput from "@/components/CurruncyInput.vue";
-
+import PopupPersonal from "@/components/Dialogs/PopupPersonal.vue";
+  
+const modalPersonal = ref<boolean>(false);
+const personId = ref<string>("");
 const $q = useQuasar();
 const route = useRoute();
 const router = useRouter();
@@ -179,6 +182,16 @@ 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;
+}
+
 onMounted(async () => {
   if (keycloak.tokenParsed != null) {
     roleAdmin.value = await keycloak.tokenParsed.role.includes("placement1");
@@ -213,7 +226,7 @@ onMounted(async () => {
         icon-right="mdi-open-in-new"
         class="q-px-sm"
         label="ดูข้อมูลทะเบียนประวัติ"
-        @click="router.push(`/registry/${responseData.profileId}`)"
+        @click="onclickViewinfo(responseData.profileId)"
       />
     </div>
     <div class="col-12"><q-separator /></div>
@@ -559,6 +572,12 @@ onMounted(async () => {
       </div>
     </q-form>
   </q-card>
+
+  <PopupPersonal
+    :modal="modalPersonal"
+    :id="personId"
+    @update:modal="updatemodalPersonal"
+  />
 </template>
 
 <style lang="scss" scope>

src/modules/05_placement/components/Relocation/RelocationbyId.vue

@@ -9,11 +9,10 @@ import config from "@/app.config";
 import keycloak from "@/plugins/keycloak";
 import CurrencyInput from "@/components/CurruncyInput.vue";
 import type { QTableProps, QForm } from "quasar";
-// import type {
-//   TypeFile,
-//   ResponseDataDetail,
-// } from "@/modules/05_placement/interface/response/Transfer";
-
+import PopupPersonal from "@/components/Dialogs/PopupPersonal.vue";
+  
+const modalPersonal = ref<boolean>(false);
+const personId = ref<string>("");
 const $q = useQuasar();
 const route = useRoute();
 const router = useRouter();
@@ -220,6 +219,15 @@ const saveData = async () => {
     });
 };
 
+function onclickViewinfo(id: string) {
+  modalPersonal.value = true;
+  personId.value = id;
+}
+
+function updatemodalPersonal(modal: boolean) {
+  modalPersonal.value = modal;
+}
+
 onMounted(async () => {
   await getData();
 });
@@ -249,7 +257,7 @@ onMounted(async () => {
         icon-right="mdi-open-in-new"
         class="q-px-sm"
         label="ดูข้อมูลทะเบียนประวัติ"
-        @click="router.push(`/registry/${profileId}`)"
+        @click="onclickViewinfo(profileId)"
       />
     </div>
     <div class="col-12"><q-separator /></div>
@@ -496,6 +504,12 @@ onMounted(async () => {
       </div>
     </q-form>
   </q-card>
+
+  <PopupPersonal
+    :modal="modalPersonal"
+    :id="personId"
+    @update:modal="updatemodalPersonal"
+  />
 </template>
 
 <style lang="scss" scope>

src/modules/05_placement/components/Repatriate/RepatriatebyId.vue

@@ -12,6 +12,10 @@ import config from "@/app.config";
 
 import type { QForm } from "quasar";
 import type { ResponseData } from "@/modules/05_placement/interface/response/officer";
+import PopupPersonal from "@/components/Dialogs/PopupPersonal.vue";
+  
+const modalPersonal = ref<boolean>(false);
+const personalId = ref<string>("");
 const $q = useQuasar();
 const route = useRoute();
 const router = useRouter();
@@ -141,6 +145,15 @@ const saveData = async () => {
     });
 };
 
+function onclickViewinfo(id: string) {
+  modalPersonal.value = true;
+  personalId.value = id;
+}
+
+function updatemodalPersonal(modal: boolean) {
+  modalPersonal.value = modal;
+}
+
 onMounted(async () => {
   await getData();
 });
@@ -173,7 +186,7 @@ onMounted(async () => {
         icon-right="mdi-open-in-new"
         class="q-px-sm"
         label="ดูข้อมูลทะเบียนประวัติ"
-        @click="router.push(`/registry/${personId}`)"
+        @click="onclickViewinfo(personId)"
       />
     </div>
     <div class="col-12"><q-separator /></div>
@@ -467,6 +480,12 @@ onMounted(async () => {
       </div>
     </q-form>
   </q-card>
+
+  <PopupPersonal
+    :modal="modalPersonal"
+    :id="personalId"
+    @update:modal="updatemodalPersonal"
+  />
 </template>
 
 <style lang="scss" scope>

src/modules/05_placement/components/Transfer/transferRegistry.vue

@@ -15,7 +15,10 @@ import type {
   ResponseDataDetail,
   rowFile,
 } from "@/modules/05_placement/interface/response/Transfer";
-
+import PopupPersonal from "@/components/Dialogs/PopupPersonal.vue";
+  
+const modalPersonal = ref<boolean>(false);
+const personId = ref<string>("");
 const $q = useQuasar();
 const route = useRoute();
 const router = useRouter();
@@ -285,6 +288,16 @@ 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;
+}
+
 onMounted(async () => {
   if (keycloak.tokenParsed != null) {
     roleAdmin.value = await keycloak.tokenParsed.role.includes("placement1");
@@ -319,7 +332,7 @@ onMounted(async () => {
         icon-right="mdi-open-in-new"
         class="q-px-sm"
         label="ดูข้อมูลทะเบียนประวัติ"
-        @click="router.push(`/registry/${responseData.profileId}`)"
+        @click="onclickViewinfo(responseData.profileId)"
       />
     </div>
     <div class="col-12"><q-separator /></div>
@@ -697,6 +710,12 @@ onMounted(async () => {
       </div>
     </q-form>
   </q-card>
+
+  <PopupPersonal
+    :modal="modalPersonal"
+    :id="personId"
+    @update:modal="updatemodalPersonal"
+  />
 </template>
 
 <style lang="scss" scope>

src/modules/05_placement/components/helpgovernment/governmentDetail.vue

@@ -7,7 +7,10 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 import type { QForm } from "quasar";
 import type { resHelpDetail } from "@/modules/05_placement/interface/response/officer";
-
+import PopupPersonal from "@/components/Dialogs/PopupPersonal.vue";
+  
+const modalPersonal = ref<boolean>(false);
+const personId = ref<string>("");
 const $q = useQuasar();
 const route = useRoute();
 const router = useRouter();
@@ -134,6 +137,15 @@ const saveData = async () => {
     });
 };
 
+function onclickViewinfo(id: string) {
+  modalPersonal.value = true;
+  personId.value = id;
+}
+
+function updatemodalPersonal(modal: boolean) {
+  modalPersonal.value = modal;
+}
+
 onMounted(async () => {
   await getData();
 });
@@ -164,7 +176,7 @@ onMounted(async () => {
         icon-right="mdi-open-in-new"
         class="q-px-sm"
         label="ดูข้อมูลทะเบียนประวัติ"
-        @click="router.push(`/registry/${profileId}`)"
+        @click="onclickViewinfo(profileId)"
       />
     </div>
     <div class="col-12"><q-separator /></div>
@@ -393,6 +405,12 @@ onMounted(async () => {
       </div>
     </q-form>
   </q-card>
+
+  <PopupPersonal
+    :modal="modalPersonal"
+    :id="personId"
+    @update:modal="updatemodalPersonal"
+  />
 </template>
 
 <style lang="scss" scope>

src/modules/05_placement/components/probation/ProbationDetail.vue

@@ -7,7 +7,10 @@ import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
 import http from "@/plugins/http";
 import config from "@/app.config";
-
+import PopupPersonal from "@/components/Dialogs/PopupPersonal.vue";
+  
+const modalPersonal = ref<boolean>(false);
+const personId = ref<string>("");
 const router = useRouter();
 const route = useRoute();
 const personalId = ref<string>(route.params.id as string);
@@ -232,6 +235,15 @@ function paginationLabel(start: string, end: string, total: string){
   else return start + "-" + end + " ใน " + total;
 };
 
+function onclickViewinfo(id: string) {
+  modalPersonal.value = true;
+  personId.value = id;
+}
+
+function updatemodalPersonal(modal: boolean) {
+  modalPersonal.value = modal;
+}
+
 /** get ค่า เมื่อโหลดหน้า */
 onMounted(async () => {
   await getpersonalList();
@@ -264,7 +276,7 @@ onMounted(async () => {
         icon-right="mdi-open-in-new"
         class="q-px-sm"
         label="ดูข้อมูลทะเบียนประวัติ"
-        @click="router.push(`/registry/${personalId}`)"
+        @click="onclickViewinfo(personalId)"
       />
     </div>
     <div class="col-12"><q-separator /></div>
@@ -435,6 +447,13 @@ onMounted(async () => {
       </div>
     </div>
   </q-card>
+
+
+  <PopupPersonal
+    :modal="modalPersonal"
+    :id="personId"
+    @update:modal="updatemodalPersonal"
+  />
 </template>
 
 <style lang="scss" scope>