โครงสร้างอัตรากำลัง => สืบทอดตำแหน่ง

src/modules/02_organizationalNew/components/tableTree.vue

@@ -22,6 +22,8 @@ import DialogSort from "@/modules/02_organizationalNew/components/DialogSortPosi
 import DialogMovePos from "@/modules/02_organizationalNew/components/DialogMovePos.vue";
 import DialogHistoryPos from "@/modules/02_organizationalNew/components/DialogHistoryPos.vue";
 import DialogSelectPerson from "@/modules/02_organizationalNew/components/DialogSelectPerson.vue";
+import DialogInherit from "@/modules/02_organizationalNew/components/DialogInherit.vue";
+
 /** importStore*/
 import { useOrganizational } from "@/modules/02_organizationalNew/store/organizational";
 import { useCounterMixin } from "@/stores/mixin";
@@ -78,6 +80,12 @@ const listMenu = ref<ListMenu[]>([
     type: "MOVE",
     color: "positive",
   },
+  {
+    label: "สืบทอดตำแหน่ง",
+    icon: "mdi-account-multiple-outline",
+    type: "INHERIT",
+    color: "deep-orange",
+  },
   {
     label: "ประวัติตำแหน่ง",
     icon: "history",
@@ -356,6 +364,12 @@ function removePerson(id: string) {
   );
 }
 
+const modalDialogInherit = ref<boolean>(false);
+function onClickInherit(id: string) {
+  modalDialogInherit.value = !modalDialogInherit.value;
+  rowId.value = id;
+}
+
 /** ดึงข้อมูลสถิติจำนวนด้านบน*/
 function getSummary() {
   showLoader();
@@ -655,6 +669,8 @@ async function genReportDoc(data: any) {
                         ? onClickMovePos(props.row.id, 'SINGER')
                         : item.type === 'HISTORY'
                         ? onClickHistoryPos(props.row.id)
+                        : item.type === 'INHERIT'
+                        ? onClickInherit(props.row.id)
                         : null
                     "
                   >
@@ -798,12 +814,16 @@ async function genReportDoc(data: any) {
   <!-- ประวัติตำแหน่ง -->
   <DialogHistoryPos v-model:modal="modalDialogHistoryPos" :rowId="rowId" />
 
+  <!-- เลือกคนครอง -->
   <DialogSelectPerson
     v-model:modal="modalSelectPerson"
     :dataDetailPos="dataDetailPos"
     :fetchDataTable="props.fetchDataTable"
     :getSummary="getSummary"
   />
+
+  <!-- สืบทอดตำแหน่ง -->
+  <DialogInherit v-model:modal="modalDialogInherit" :rowId="rowId" />
 </template>
 
 <style lang="scss" scoped>