เพิ่มแสดง info

src/modules/02_organization/components/TableMain.vue

@@ -30,6 +30,7 @@ import DialogHistoryPos from "@/modules/02_organization/components/DialogHistory
 import DialogSelectPerson from "@/modules/02_organization/components/DialogSelectPerson.vue"; // เลือกคนครอง
 import DialogSuccession from "@/modules/02_organization/components/DialogSuccession.vue"; // สืบทอดตำแหน่ง
 import DialogCondition from "@/modules/19_condition/components/DialogCondition.vue";
+import PopupPersonal from "@/components/Dialogs/PopupPersonalNew.vue";
 
 const $q = useQuasar();
 const store = useOrganizational();
@@ -64,6 +65,8 @@ const props = defineProps({
   },
 });
 
+const modalPerson = ref<boolean>(false); //ตัวแปร popup ข้อมูลทะเบียนประวัติ
+const personalId = ref<string>(""); //ตัวแปร id ข้อมูลทะเบียนประวัติ
 const modalSelectPerson = ref<boolean>(false); //เลือกคนครอล
 const rowId = ref<string>(""); //id ที่ต้องการกระทำ
 const actionType = ref<string>(""); //ประเภทการกระทำ
@@ -819,6 +822,24 @@ watch(
                   : "-"
               }}
             </div>
+            <div v-else-if="col.name == 'positionIsSelected'">
+              {{
+                props.row.positionIsSelected
+                  ? props.row.positionIsSelected
+                  : "-"
+              }}
+              <q-btn
+                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>
@@ -973,6 +994,13 @@ watch(
     :fetch-data="fetchDataCondition"
     :data-condition="dataCondition"
   />
+
+  <!-- ข้อมูลทะเบียนประวัติ -->
+  <PopupPersonal
+    :modal="modalPerson"
+    :id="personalId"
+    @update:modal="(value:any)=>{modalPerson = value}"
+  />
 </template>
 
 <style lang="scss" scoped>