ดูประวัติ

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>