permission => โครงสร้างอัตรากำลัง,อัตรากำลังลูกจ้างประจำ,ทะเบียนประวัติ, ทะเบียนประวัติลูกจ้าง,ตั้งค่าเว็บสรรหา, สอบแข่งขัน

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

@@ -1,7 +1,10 @@
 <template>
   <div class="q-pb-sm row q-col-gutter-sm">
     <!--  -->
-    <div class="q-gutter-sm" v-if="nornmalData == true">
+    <div
+      class="q-gutter-sm"
+      v-if="nornmalData == true && checkPermission($route)?.attrIsCreate"
+    >
       <q-btn
         size="12px"
         flat
@@ -123,6 +126,7 @@
   </q-table>
 </template>
 <script setup lang="ts">
+import { checkPermission } from "@/utils/permissions";
 import { ref, useAttrs } from "vue";
 import type { Pagination } from "@/modules/04_registry/interface/index/Main";
 

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

@@ -19,7 +19,7 @@
     <div class="q-gutter-sm q-mx-sm" v-if="addData == false">
       <q-btn
         size="12px"
-        v-if="!edit"
+        v-if="!edit && checkPermission($route)?.attrIsUpdate"
         flat
         round
         :disabled="disable"
@@ -33,7 +33,7 @@
         size="12px"
         flat
         round
-        v-if="edit"
+        v-if="edit && checkPermission($route)?.attrIsUpdate"
         :color="!edit ? 'grey-7' : 'public'"
         @click="save"
         icon="mdi-content-save-outline"
@@ -44,7 +44,7 @@
         size="12px"
         flat
         round
-        v-if="edit && !addEmployee"
+        v-if="edit && !addEmployee && checkPermission($route)?.attrIsUpdate"
         :color="!edit ? 'grey-7' : 'red'"
         @click="ClickCancel"
         icon="mdi-undo"
@@ -52,7 +52,14 @@
         <q-tooltip>ยกเลิก</q-tooltip>
       </q-btn>
     </div>
-    <div class="q-pl-sm" v-else-if="iconAdd != '' && iconAdd != null">
+    <div
+      class="q-pl-sm"
+      v-else-if="
+        iconAdd != '' &&
+        iconAdd != null &&
+        checkPermission($route)?.attrIsUpdate
+      "
+    >
       <q-btn
         size="12px"
         flat
@@ -70,6 +77,7 @@
 
     <div class="q-pl-sm" v-else>
       <q-btn
+        v-if="checkPermission($route)?.attrIsUpdate"
         size="12px"
         flat
         round
@@ -99,6 +107,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import { checkPermission } from "@/utils/permissions";
 const props = defineProps({
   header: {
     type: String,