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

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

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
 import { useQuasar } from "quasar";
+import { checkPermission } from "@/utils/permissions";
 import axios from "axios";
 
 import http from "@/plugins/http";
@@ -248,7 +249,10 @@ onMounted(() => {
   <div class="row col-12 q-pa-md">
     <q-toolbar style="padding: 0px">
       <q-file
-        v-if="store.statusQuota == 'PENDING'"
+        v-if="
+          store.statusQuota == 'PENDING' &&
+          checkPermission($route)?.attrIsUpdate
+        "
         bg-color="white"
         clearable
         outlined
@@ -274,7 +278,10 @@ onMounted(() => {
       <div>
         <!-- การเจ้าหน้าที่ของหน่วยงานส่งเอกสารให้ ผอ. หน่วยงานตรวจสอบ -->
         <q-btn
-          v-if="store.statusQuota == 'PENDING'"
+          v-if="
+            store.statusQuota == 'PENDING' &&
+            checkPermission($route)?.attrIsUpdate
+          "
           unelevated
           color="public"
           label="ส่งเอกสารให้ ผอ. ตรวจสอบ"
@@ -283,7 +290,10 @@ onMounted(() => {
 
         <!-- ผอ. หน่วยงานทำการยืนยันและส่งให้ สกจ. -->
         <q-btn
-          v-if="store.statusQuota == 'WAITHEAD1'"
+          v-if="
+            store.statusQuota == 'WAITHEAD1' &&
+            checkPermission($route)?.attrIsUpdate
+          "
           unelevated
           color="public"
           label="ยืนยันและส่งเอกสารให้ สกจ."
@@ -292,7 +302,10 @@ onMounted(() => {
 
         <!-- สกจ. ตรวจสอบเอกสารและข้อมูลรายการเงินเดือนที่แต่ละหน่วยงานส่งมา ไม่มีปรับโควต้า -->
         <q-btn
-          v-if="store.statusQuota == 'WAITOWNER1'"
+          v-if="
+            store.statusQuota == 'WAITOWNER1' &&
+            checkPermission($route)?.attrIsUpdate
+          "
           unelevated
           color="green"
           label="ยืนยันการตรวจสอบ"
@@ -301,7 +314,10 @@ onMounted(() => {
 
         <!-- สกจ. ตรวจสอบเอกสารและข้อมูลรายการเงินเดือนที่แต่ละหน่วยงานส่งมา มีปรับโควต้า -->
         <q-btn
-          v-if="store.statusQuota == 'WAITOWNER1'"
+          v-if="
+            store.statusQuota == 'WAITOWNER1' &&
+            checkPermission($route)?.attrIsUpdate
+          "
           class="q-ml-sm"
           unelevated
           color="warning"
@@ -311,7 +327,10 @@ onMounted(() => {
 
         <!-- ผอ.หน่วยงานส่งคำแนะนำให้การเจ้าหน้าที่หน่วยงาน -->
         <q-btn
-          v-if="store.statusQuota == 'WAITHEAD2'"
+          v-if="
+            store.statusQuota == 'WAITHEAD2' &&
+            checkPermission($route)?.attrIsUpdate
+          "
           unelevated
           color="public"
           label="ส่งคำแนะนำให้การเจ้าหน้าที่หน่วยงาน"
@@ -321,13 +340,19 @@ onMounted(() => {
         />
 
         <q-btn
-          v-if="store.statusQuota == 'WAITOFFICER2'"
+          v-if="
+            store.statusQuota == 'WAITOFFICER2' &&
+            checkPermission($route)?.attrIsUpdate
+          "
           unelevated
           color="public"
           label="ส่งไปออกคำสั่ง"
         />
         <q-btn
-          v-if="store.statusQuota == 'REPORT'"
+          v-if="
+            store.statusQuota == 'REPORT' &&
+            checkPermission($route)?.attrIsUpdate
+          "
           unelevated
           color="public"
           disable
@@ -348,6 +373,7 @@ onMounted(() => {
               <div class="row">
                 <div>
                   <q-btn
+                    v-if="checkPermission($route)?.attrIsGet"
                     dense
                     flat
                     round
@@ -361,6 +387,7 @@ onMounted(() => {
                 </div>
                 <div>
                   <q-btn
+                    v-if="checkPermission($route)?.attrIsDelete"
                     dense
                     flat
                     round