ขอลาออก

src/modules/03_retire/views/addRetire.vue

@@ -9,6 +9,7 @@ import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 
 import Dialog from "@/modules/03_retire/views/DialogRetire.vue";
+import Header from "@/components/DialogHeader.vue";
 import Workflow from "@/components/Workflow/Main.vue";
 
 const $q = useQuasar();
@@ -39,28 +40,9 @@ const noteReason = ref(""); //เหตุผลที่ลาออกจา
 const modal = ref<boolean>(false); //ตัวแปร dialog
 
 /** ข้อมูล v-model ของฟอร์ม */
-const dataDetail = ref<any>({
-  datetext: "",
-  activeDate: new Date(),
-  createdAt: new Date(),
-  firstName: "",
-  id: "",
-  isActive: true,
-  lastName: "",
-  location: "",
-  organizationPositionOld: "",
-  positionLevelOld: "",
-  positionNumberOld: "",
-  positionTypeOld: "",
-  prefix: "",
-  profileId: "",
-  reason: "",
-  salary: 0,
-  sendDate: new Date(),
-  status: "",
-  statustext: "",
-  fullname: "",
-});
+const dataDetail = ref<any>({});
+
+const modalWorkflow = ref<boolean>(false);
 
 /**
  * ฟังก์ชั่นเปลี่ยนเป็น string ของ status
@@ -97,9 +79,9 @@ async function onSubmit() {
       http
         .post(config.API.listResign(), formData)
         .then((res) => {
-          let data = res.data.result.id;
+          let id = res.data.result.id;
+          router.push(`/retire/result/${id}`);
           success($q, "บันทึกข้อมูลสำเร็จ");
-          router.push(`/retire/result/${data}`);
         })
         .catch((e) => {
           messageError($q, e);
@@ -195,7 +177,23 @@ onMounted(() => {
         @validation-success="onSubmit"
       >
         <q-card bordered>
-          <q-card-actions align="right" v-if="routeName !== 'AddRetire'" style="padding-bottom: 0px;">
+          <q-card-actions
+            v-if="routeName !== 'AddRetire'"
+            style="padding-bottom: 0px"
+          >
+            <span
+              class="text-red"
+              v-if="
+                dataDetail.status === 'DELETE' ||
+                dataDetail.status === 'CANCEL' ||
+                dataDetail.status === 'DONECANCEL' ||
+                dataDetail.status === 'DONEREJECT'
+              "
+            >
+              {{ dataDetail.rejectReason }}</span
+            >
+
+            <q-space />
             <q-btn
               v-if="
                 dataDetail.status !== 'DELETE' &&
@@ -210,6 +208,19 @@ onMounted(() => {
               @click="cancelResing"
               :disable="tranferOrg == '' && noteReason == ''"
             />
+
+            <q-btn
+              v-else-if="
+                dataDetail.status === 'DELETE' ||
+                dataDetail.status === 'CANCEL' ||
+                dataDetail.status === 'DONECANCEL' ||
+                dataDetail.status === 'DONEREJECT'
+              "
+              unelevated
+              color="red"
+              label="ติดตามสถานะการขอลาออก"
+              @click="modalWorkflow = true"
+            />
           </q-card-actions>
 
           <div class="col-12 row q-col-gutter-sm q-pa-md">
@@ -393,7 +404,7 @@ onMounted(() => {
               </q-card>
             </div>
 
-            <div class="col-12 row" v-if="routeName != 'AddRetire'">
+            <!-- <div class="col-12 row" v-if="routeName != 'AddRetire'">
               <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"
@@ -451,7 +462,7 @@ onMounted(() => {
                   </div>
                 </div>
               </q-card>
-            </div>
+            </div> -->
 
             <!-- ผลการพิจารณาของผู้บังคับบัญชา -->
             <div class="col-12 row" v-if="routeName != 'AddRetire'">
@@ -594,11 +605,38 @@ onMounted(() => {
         </q-card>
       </q-form>
 
-      <div class="col-12 row q-mt-sm" v-if="routeName != 'AddRetire'">
+      <div
+        class="col-12 row q-mt-sm"
+        v-if="
+          routeName != 'AddRetire' &&
+          dataDetail.status !== 'DELETE' &&
+          dataDetail.status !== 'CANCEL' &&
+          dataDetail.status !== 'DONECANCEL' &&
+          dataDetail.status !== 'DONEREJECT'
+        "
+      >
         <Workflow :id="id" sys-name="RETIREMENT_RESIFNATION" />
       </div>
     </div>
   </div>
 
   <Dialog v-model:modal="modal" :fectData="fectDataresign" />
+
+  <q-dialog v-model="modalWorkflow" persistent>
+    <q-card style="width: 700px; max-width: 80vw">
+      <Header
+        :tittle="`ติดตามสถานะการขอลาออก`"
+        :close="
+          () => {
+            modalWorkflow = false;
+          }
+        "
+      />
+      <q-separator />
+
+      <q-card-section>
+        <Workflow :id="id" sys-name="LEAVE_CANCEL" />
+      </q-card-section>
+    </q-card>
+  </q-dialog>
 </template>