เพิ่ม Dialog แก้ไขข้อมูลการลาออก

src/modules/06_retirement/components/02_resign/ResignByid.vue

@@ -26,6 +26,7 @@ import type { DataProfile } from "@/modules/05_placement/interface/index/Main";
 import PopupPersonal from "@/components/Dialogs/PopupPersonalNew.vue";
 import CardProfile from "@/components/CardProfile.vue";
 import DialogAddCommander from "@/modules/06_retirement/components/DialogAddCommander.vue";
+import DialogFormResign from "@/modules/06_retirement/components/DialogFormResign.vue";
 
 /** Use */
 const $q = useQuasar();
@@ -193,6 +194,8 @@ const actionPass = ref<boolean>(false);
 const reasonReign = ref<string>("");
 const dateBreak = ref<Date | null>(null);
 
+const modalFormResign = ref<boolean>(false);
+
 /** คอลัมน์ */
 const rows = ref<TypeFile[]>([]);
 const columns = ref<QTableProps["columns"]>([
@@ -762,6 +765,18 @@ onMounted(async () => {
     <q-card bordered class="row col-12 text-dark q-mt-sm">
       <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
         <div class="q-pl-sm text-weight-bold text-dark">ข้อมูลการลาออก</div>
+        <q-space />
+        <div v-if="isStaff && status === 'WAITTING'">
+          <q-btn
+            outline
+            color="primary"
+            dense
+            icon-right="mdi-file-edit-outline"
+            class="q-px-sm"
+            label="แก้ไข"
+            @click="modalFormResign = !modalFormResign"
+          />
+        </div>
       </div>
       <div class="col-12"><q-separator /></div>
       <div class="row col-12 q-pa-md">
@@ -785,7 +800,7 @@ onMounted(async () => {
               <div class="col-12 text-top">เหตุผลที่ลาออกจากราชการ</div>
               <div class="col-12 text-detail">
                 {{
-                  `${convertStatus(dataDetail.reason)}${
+                  `${convertStatus(dataDetail.reason)} ${
                     dataDetail.remark ? `(${dataDetail.remark})` : ""
                   }`
                 }}
@@ -1723,6 +1738,12 @@ onMounted(async () => {
     :id-check="idCheck"
     :keycloak-user-id="keycloakUserId"
   />
+
+  <DialogFormResign
+    v-model:modal="modalFormResign"
+    :data="dataDetail"
+    :fetch-data="fetchData"
+  />
 </template>
 
 <style lang="scss" scope>