process เลื่อนเงินเดือน

src/modules/13_salary/components/SalaryLists/ProcessStep.vue

@@ -12,7 +12,7 @@ const $q = useQuasar(); //ใช้ noti quasar
 const mixin = useCounterMixin();
 const { messageError, dialogConfirm, showLoader, hideLoader, success } = mixin;
 
-const sendStep = ref<number>(4);
+const sendStep = ref<number>(1);
 const fileUpload = ref<any>(null);
 const document = ref<string>("");
 /**
@@ -48,10 +48,27 @@ async function uploadFile(event: any) {
 }
 
 function saveReccommend() {
-  modalRecommend.value = false;
+  dialogConfirm(
+    $q,
+    async () => {
+      sendStep.value = sendStep.value + 1;
+      modalRecommend.value = false;
+    },
+    "ยืนยันการ" + titleRecommend.value,
+    "ต้องการยืนยันการ" + titleRecommend.value + "หรือไม่?"
+  );
 }
 
-function sendToDirector() {}
+function sendToDirector(msg: string) {
+  dialogConfirm(
+    $q,
+    async () => {
+      sendStep.value = sendStep.value == 3 ? 6 : sendStep.value + 1;
+    },
+    "ยืนยันการ" + msg,
+    "ต้องการยืนยันการ" + msg + "หรือไม่?"
+  );
+}
 
 const modalRecommend = ref<boolean>(false);
 const titleRecommend = ref<string>("");
@@ -111,7 +128,7 @@ function sendAndRecommend(title: string) {
           unelevated
           color="public"
           label="ส่งเอกสารให้ ผอ. ตรวจสอบ"
-          @click="sendToDirector()"
+          @click="sendToDirector('ส่งเอกสารให้ ผอ. ตรวจสอบ')"
         />
 
         <!-- ผอ. หน่วยงานทำการยืนยันและส่งให้ สกจ. -->
@@ -120,35 +137,43 @@ function sendAndRecommend(title: string) {
           unelevated
           color="public"
           label="ยืนยันและส่งเอกสารให้ สกจ."
-          @click="sendToDirector()"
+          @click="sendToDirector('ยืนยันและส่งเอกสารให้ สกจ.')"
         />
 
         <!-- สกจ. ตรวจสอบเอกสารและข้อมูลรายการเงินเดือนที่แต่ละหน่วยงานส่งมา ไม่มีปรับโควต้า -->
         <q-btn
           v-if="sendStep == 3"
           unelevated
-          color="public"
+          color="green"
           label="ยืนยันการตรวจสอบ"
-          @click="sendToDirector()"
+          @click="sendToDirector('ยืนยันการตรวจสอบ')"
         />
 
         <!-- สกจ. ตรวจสอบเอกสารและข้อมูลรายการเงินเดือนที่แต่ละหน่วยงานส่งมา มีปรับโควต้า -->
         <q-btn
-          v-if="sendStep == 4"
+          v-if="sendStep == 3"
+          class="q-ml-sm"
           unelevated
-          color="public"
+          color="warning"
           label="ส่งคำแนะนำให้ ผอ. ตรวจสอบ"
           @click="sendAndRecommend('ส่งคำแนะนำให้ ผอ. ตรวจสอบ')"
         />
 
         <!-- ผอ.หน่วยงานส่งคำแนะนำให้การเจ้าหน้าที่หน่วยงาน -->
         <q-btn
-          v-if="sendStep == 5"
+          v-if="sendStep == 4"
           unelevated
           color="public"
           label="ส่งคำแนะนำให้การเจ้าหน้าที่หน่วยงาน"
           @click="sendAndRecommend('ส่งคำแนะนำให้ ผอ. ตรวจสอบ')"
         />
+
+        <q-btn
+          v-if="sendStep > 4"
+          unelevated
+          color="public"
+          label="ส่งไปออกคำสั่ง"
+        />
       </div>
     </q-toolbar>