รายการเลื่อนเงินเดือนลูกจ้างประจำ = > ส่งออกคำสั่ง

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

@@ -7,9 +7,11 @@ import config from "@/app.config";
 import DialogPopupReason from "@/components/Dialogs/PopupReason.vue"; //หมายเหตุ
 
 import { useCounterMixin } from "@/stores/mixin";
+import { useSalaryEmployeeListSDataStore } from "@/modules/13_salary/store/SalaryEmployeeListsStore";
 
 const $q = useQuasar(); //ใช้ noti quasar
 const mixin = useCounterMixin();
+const store = useSalaryEmployeeListSDataStore();
 const { messageError, dialogConfirm, showLoader, hideLoader, success } = mixin;
 
 const props = defineProps({
@@ -173,7 +175,7 @@ function sendAndRecommend(title: string, typeOrder: string) {
       <div>
         <!-- การเจ้าหน้าที่ของหน่วยงานส่งเอกสารให้ ผอ. หน่วยงานตรวจสอบ -->
         <q-btn
-          v-if="sendStep == 1"
+          v-if="store.statusQuota == 'PENDING'"
           unelevated
           color="public"
           label="ส่งเอกสารให้ ผอ. ตรวจสอบ"
@@ -182,7 +184,7 @@ function sendAndRecommend(title: string, typeOrder: string) {
 
         <!-- ผอ. หน่วยงานทำการยืนยันและส่งให้ สกจ. -->
         <q-btn
-          v-if="sendStep == 2"
+          v-if="store.statusQuota == 'WAITHEAD1'"
           unelevated
           color="public"
           label="ยืนยันและส่งเอกสารให้ สกจ."
@@ -191,7 +193,7 @@ function sendAndRecommend(title: string, typeOrder: string) {
 
         <!-- สกจ. ตรวจสอบเอกสารและข้อมูลรายการเงินเดือนที่แต่ละหน่วยงานส่งมา ไม่มีปรับโควต้า -->
         <q-btn
-          v-if="sendStep == 3"
+          v-if="store.statusQuota == 'WAITOWNER1'"
           unelevated
           color="green"
           label="ยืนยันการตรวจสอบ"
@@ -200,7 +202,7 @@ function sendAndRecommend(title: string, typeOrder: string) {
 
         <!-- สกจ. ตรวจสอบเอกสารและข้อมูลรายการเงินเดือนที่แต่ละหน่วยงานส่งมา มีปรับโควต้า -->
         <q-btn
-          v-if="sendStep == 3"
+          v-if="store.statusQuota == 'WAITOWNER1'"
           class="q-ml-sm"
           unelevated
           color="warning"
@@ -210,19 +212,28 @@ function sendAndRecommend(title: string, typeOrder: string) {
 
         <!-- ผอ.หน่วยงานส่งคำแนะนำให้การเจ้าหน้าที่หน่วยงาน -->
         <q-btn
-          v-if="sendStep == 4"
+          v-if="store.statusQuota == 'WAITHEAD2'"
           unelevated
           color="public"
           label="ส่งคำแนะนำให้การเจ้าหน้าที่หน่วยงาน"
-          @click="sendAndRecommend('ส่งคำแนะนำให้ ผอ. ตรวจสอบ', 'head')"
+          @click="
+            sendAndRecommend('ส่งคำแนะนำให้การเจ้าหน้าที่หน่วยงาน', 'head')
+          "
         />
 
         <q-btn
-          v-if="sendStep > 4"
+          v-if="store.statusQuota == 'WAITOFFICER2'"
           unelevated
           color="public"
           label="ส่งไปออกคำสั่ง"
         />
+        <q-btn
+          v-if="store.statusQuota == 'REPORT'"
+          unelevated
+          color="public"
+          disable
+          label="รอออกคำสั่ง"
+        />
       </div>
     </q-toolbar>
 

src/modules/13_salary/components/SalaryEmployeeLists/TabMain.vue

@@ -221,6 +221,7 @@ function fetchDataQuota(id: string) {
     .then((res) => {
       const data = res.data.result;
       store.remaining = data.remaining;
+      store.statusQuota = data.status;
       itemsCard.value[0].total = data.total;
       itemsCard.value[1].total = data.fifteenPercent;
       itemsCard.value[2].total = data.chosen;

src/modules/13_salary/store/SalaryEmployeeListsStore.ts

@@ -26,6 +26,7 @@ export const useSalaryEmployeeListSDataStore = defineStore(
     const roundYear = ref<number>(0);
     const roundCode = ref<string>("");
     const isClosedRound = ref<boolean>(false); // การปิดรอบ
+    const statusQuota = ref<string>("");
     /** List Menu*/
     const itemMenu = ref<ItemsMenu[]>([
       {
@@ -157,6 +158,7 @@ export const useSalaryEmployeeListSDataStore = defineStore(
       remaining,
       isClosedRound,
       roundYear,
+      statusQuota,
     };
   }
 );