feat

src/modules/04_registryPerson/views/detailView.vue

@@ -33,10 +33,15 @@ const DialogHeader = defineAsyncComponent(
 const TabMain = defineAsyncComponent(
   () => import("@/modules/04_registryPerson/components/detail/TabMain.vue")
 );
-
 const DialogRetired = defineAsyncComponent(
   () => import("@/modules/04_registryPerson/components/DialogRetired.vue")
 );
+const DialogResign = defineAsyncComponent(
+  () => import("@/modules/04_registryPerson/components/DialogResingn.vue")
+);
+const DialogTransfer = defineAsyncComponent(
+  () => import("@/modules/04_registryPerson/components/DialogTransfer.vue")
+);
 
 /** use*/
 const $q = useQuasar();
@@ -72,7 +77,10 @@ const reasonDeath = ref(""); //เหตุผลการเสียชีว
 const dialogImage = ref<boolean>(false); //แสดงเลือกรูปภาพ
 const formDetail = ref<ResponseObject>(); //ข้อมูลส่วนตัว
 
-const modalDialogRetired = ref<boolean>(false);
+const modalDialogResign = ref<boolean>(false); //ป๊อบอัพขอลาออก
+const modalDialogTransfer = ref<boolean>(false); //ป๊อบอัพขอโอน
+const modalDialogRetired = ref<boolean>(false); //ป๊อบอัพข้อมูลการพ้นจากราชการ
+
 //รายการเมนูออกคำสั่งข้าราชการ
 const baseItemsMenu = ref<DataOptionSys[]>([
   {
@@ -95,6 +103,8 @@ const baseItemsMenu = ref<DataOptionSys[]>([
     name: "ให้ออกจากราชการ",
     system: "SYS_DISMISS",
   },
+  { id: "7", name: "ขอโอน", system: "SYS_TRANSFER_REQ" },
+  { id: "8", name: "ขอลาออก", system: "SYS_RESIGN" },
   {
     id: "6",
     name: "อื่นๆ",
@@ -765,6 +775,14 @@ const titleName = computed(() => {
     : "ทะเบียนประวัติ";
 });
 
+function openDialogSendTransferResign(
+  system: "SYS_TRANSFER_REQ" | "SYS_RESIGN"
+) {
+  system === "SYS_TRANSFER_REQ"
+    ? (modalDialogTransfer.value = true)
+    : (modalDialogResign.value = true);
+}
+
 onMounted(async () => {
   await fetchDataPersonal();
 });
@@ -830,6 +848,9 @@ onMounted(async () => {
                 ? outPost()
                 : item.name == 'อื่นๆ'
                 ? otherPost()
+                : item.system === 'SYS_TRANSFER_REQ' ||
+                  item.system === 'SYS_RESIGN'
+                ? openDialogSendTransferResign(item.system)
                 : null
             "
             v-close-popup
@@ -1211,6 +1232,10 @@ onMounted(async () => {
 
   <!-- Dialog ข้อมูลการพ้นจากราชการ -->
   <DialogRetired v-model:modal="modalDialogRetired" :data="formDetail" />
+  <!-- ลาออก -->
+  <DialogResign v-model:modal="modalDialogResign" />
+  <!-- ขอโอน -->
+  <DialogTransfer v-model:modal="modalDialogTransfer" />
 </template>
 
 <style scoped>