เพิ่มแสดง info

src/modules/20_positionTemp/components/TableMain.vue

@@ -32,6 +32,7 @@ import DialogMovePos from "@/modules/20_positionTemp/components/DialogMovePos.vu
 import DialogHistoryPos from "@/modules/20_positionTemp/components/DialogHistoryPos.vue";
 import DialogSelectPerson from "@/modules/20_positionTemp/components/DialogSelectPerson.vue";
 import DialogSuccession from "@/modules/20_positionTemp/components/DialogSuccession.vue";
+import PopupPersonal from "@/components/Dialogs/PopupPersonalNew.vue";
 
 /**
  * ues
@@ -73,6 +74,9 @@ const props = defineProps({
 /**
  * modal popup
  */
+const modalPerson = ref<boolean>(false); //ตัวแปร popup ข้อมูลทะเบียนประวัติ
+const personalId = ref<string>(""); //ตัวแปร id ข้อมูลทะเบียนประวัติ
+
 const dialogDetail = ref<boolean>(false); // รายละเอียดตำแหน่ง
 const modalSelectPerson = ref<boolean>(false); // เลือกคนครอง
 const dialogPosition = ref<boolean>(false); // อัตรากำลัง
@@ -628,6 +632,28 @@ watch(
                   : "-"
               }}
             </div>
+            <div v-else-if="col.name == 'positionIsSelected'">
+              {{
+                props.row.positionIsSelected
+                  ? props.row.positionIsSelected
+                  : "-"
+              }}
+              <q-btn
+                v-if="
+                  props.row.positionIsSelected !== 'ว่าง' &&
+                  props.row.positionIsSelected
+                "
+                size="12px"
+                dense
+                flat
+                icon="info"
+                color="info"
+                round
+                @click="(modalPerson = true), (personalId = props.row.current_holderId)"
+              >
+                <q-tooltip>ดูข้อมูลในทะเบียนประวัติ</q-tooltip>
+              </q-btn>
+            </div>
             <div v-else>
               {{ col.value ? col.value : "-" }}
             </div>
@@ -704,6 +730,14 @@ watch(
 
   <!-- สืบทอดตำแหน่ง -->
   <DialogSuccession v-model:modal="modalDialogSuccession" :rowId="rowId" />
+
+  <!-- ข้อมูลทะเบียนประวัติ -->
+  <PopupPersonal
+    :modal="modalPerson"
+    :id="personalId"
+    @update:modal="(value:any)=>{modalPerson = value}"
+    :type="'employee'"
+  />
 </template>
 
 <style lang="scss" scoped>