From 2c181e6662726c13cdacaa9aedd15261c9e80e8d Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Wed, 30 Oct 2024 15:04:10 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=94=E0=B8=B9=E0=B8=9B=E0=B8=A3=E0=B8=B0?=
 =?UTF-8?q?=E0=B8=A7=E0=B8=B1=E0=B8=95=E0=B8=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/PersonalList/Table.vue         | 31 ++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/src/modules/05_placement/components/PersonalList/Table.vue b/src/modules/05_placement/components/PersonalList/Table.vue
index 30bb56683..cb661aba0 100644
--- a/src/modules/05_placement/components/PersonalList/Table.vue
+++ b/src/modules/05_placement/components/PersonalList/Table.vue
@@ -21,6 +21,7 @@ import DialogCard from "@/modules/05_placement/components/PersonalList/DialogDet
 import DialogFooter from "@/modules/05_placement/components/PersonalList/DialogFooter.vue";
 import DialogHeader from "@/components/DialogHeader.vue";
 import DialogOrders from "@/modules/05_placement/components/PersonalList/DialogOrders.vue"; //ส่งไปออกคำสั่งขอโอน
+import PopupPersonal from "@/components/Dialogs/PopupPersonalNew.vue";
 
 const $q = useQuasar(); // show dialog
 const DataStore = usePlacementDataStore();
@@ -47,6 +48,7 @@ const props = defineProps({
 
 let roleAdmin = ref<boolean>(false);
 const edit = ref<boolean>(true);
+const modalPersonal = ref<boolean>(false);
 const modal = ref<boolean>(false); //modal ขอผ่อนผัน + สละสิทธิ์
 const modalOrder = ref<boolean>(false); //modal คำสั่ง
 const editRow = ref<boolean>(false); //เช็คมีการแก้ไขข้อมูล
@@ -91,6 +93,7 @@ const dataInfo = reactive({
   reliefDoc: "",
 });
 
+
 const examId = route.params.examId;
 const examIdString = Array.isArray(examId) ? examId[0] : examId;
 const personalId = ref<string>("");
@@ -807,6 +810,15 @@ async function getWorkFlow() {
     .finally(() => {});
 }
 
+function onclickViewinfo(id:string) {
+  modalPersonal.value = true;
+  personalId.value = id
+}
+
+function updatemodalPersonal(modal: boolean) {
+  modalPersonal.value = modal;
+}
+
 onMounted(async () => {
   await getWorkFlow();
   await getTable();
@@ -1149,7 +1161,19 @@ onMounted(async () => {
                 </q-item-section>
 
                 <q-item-section>
-                  <div class="text-weight-medium">{{ props.row.name }}</div>
+                  <div class="text-weight-medium">
+                    {{ props.row.name
+                    }}<q-btn
+                      v-if="props.row.bmaOfficerCheck == 'OFFICER'"
+                      flat
+                      round
+                      color="info"
+                      icon="info"
+                      size="sm"
+                      @click="onclickViewinfo(props.row.personalId)"
+                      ><q-tooltip>ดูข้อมูลทะเบียนประวัติ</q-tooltip></q-btn
+                    >
+                  </div>
                   <div class="text-weight-light">{{ props.row.idCard }}</div>
                 </q-item-section>
               </q-item>
@@ -1622,6 +1646,11 @@ onMounted(async () => {
   </q-dialog>
 
   <DialogOrders v-model:modal="modalOrder" :rows="rowsOrder" />
+  <PopupPersonal
+    :modal="modalPersonal"
+    :id="personalId"
+    @update:modal="updatemodalPersonal"
+  />
 </template>
 
 <style lang="scss" scoped>