permission => บรรจุ แต่งตั้ง ย้าย โอน,สรรหา

src/modules/03_recruiting/components/TableCandidate.vue

@@ -30,7 +30,7 @@
           use-chips
           multiple
           class="col-xs-12 col-sm-4"
-          v-if="statusPayment"
+          v-if="statusPayment && checkPermission($route)?.attrIsUpdate"
         >
           <template v-slot:prepend>
             <q-icon name="attach_file" color="blue" />
@@ -43,7 +43,7 @@
             round
             flat
             color="blue"
-            v-if="statusPayment"
+            v-if="statusPayment && checkPermission($route)?.attrIsUpdate"
             @click="uploadFile"
           >
             <q-tooltip v-if="setSeat == false">อัปโหลดที่นั่งสอบ</q-tooltip>
@@ -71,6 +71,7 @@
       </div>
       <div>
         <q-btn
+          v-if="checkPermission($route)?.attrIsUpdate"
           size="md"
           icon="mdi-playlist-check"
           round
@@ -125,7 +126,7 @@
           round
           flat
           color="indigo"
-          v-if="statusPayment && setSeat == true"
+          v-if="statusPayment && setSeat == true && checkPermission($route)?.attrIsUpdate"
           @click="candidateToPlacement"
         >
           <q-tooltip>บรรจุผู้ผ่านการคัดเลือก</q-tooltip>
@@ -209,7 +210,7 @@
       </template>
       <template v-slot:header="props">
         <q-tr :props="props">
-          <q-th auto-width>
+          <q-th auto-width v-if="checkPermission($route)?.attrIsUpdate">
             <q-checkbox v-model="props.selected" />
           </q-th>
           <q-th auto-width v-if="boss == true" />
@@ -232,6 +233,7 @@
 </template>
 <script setup lang="ts">
 import { ref, useAttrs, watch, watchEffect } from "vue";
+import { checkPermission } from "@/utils/permissions";
 import { useRoute, useRouter } from "vue-router";
 
 import { useCounterMixin } from "@/stores/mixin";