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

src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { onMounted, ref, watch, reactive } from "vue";
+import { checkPermission } from "@/utils/permissions";
 import { useRoute } from "vue-router";
 import { useQuasar } from "quasar";
 import http from "@/plugins/http";
@@ -608,6 +609,7 @@ onMounted(async () => {
 <template>
   <div class="row items-center q-gutter-x-sm q-pb-sm">
     <q-btn
+      v-if="checkPermission($route)?.attrIsUpdate"
       dense
       color="primary"
       icon="add"
@@ -716,6 +718,7 @@ onMounted(async () => {
       <q-tr :props="props" class="cursor-pointer">
         <q-td auto-width>
           <q-btn
+            v-if="checkPermission($route)?.attrIsUpdate"
             flat
             dense
             round
@@ -757,6 +760,7 @@ onMounted(async () => {
         <q-card bordered>
           <q-card-actions class="bg-grey-3" align="right">
             <q-btn
+              v-if="checkPermission($route)?.attrIsUpdate"
               flat
               round
               color="primary"
@@ -779,7 +783,7 @@ onMounted(async () => {
           <div>
             <q-item
               v-for="(col, index) in props.cols.filter(
-                (col) => col.name !== 'desc'
+                (col:any) => col.name !== 'desc'
               )"
               :key="col.name"
               :class="index % 2 !== 0 ? 'bg-grey-1' : ''"