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

src/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { useQuasar, type QTableProps } from "quasar";
+import { checkPermission } from "@/utils/permissions";
 import { ref, onMounted, reactive } from "vue";
 import type {
   RowList,
@@ -214,7 +215,14 @@ onMounted(() => {
 </script>
 <template>
   <div class="row items-center q-gutter-x-sm q-pb-sm">
-    <q-btn dense color="primary" icon="add" flat round @click="openDialogAdd()"
+    <q-btn
+      v-if="checkPermission($route)?.attrIsUpdate"
+      dense
+      color="primary"
+      icon="add"
+      flat
+      round
+      @click="openDialogAdd()"
       ><q-tooltip>เพิ่มข้อมูล</q-tooltip></q-btn
     >
 
@@ -316,6 +324,7 @@ onMounted(() => {
       <q-tr :props="props" class="cursor-pointer">
         <q-td auto-width>
           <q-btn
+            v-if="checkPermission($route)?.attrIsUpdate"
             flat
             dense
             round
@@ -353,6 +362,7 @@ onMounted(() => {
             <q-space />
             <div class="q-gutter-x-sm">
               <q-btn
+                v-if="checkPermission($route)?.attrIsUpdate"
                 color="primary"
                 icon="mdi-pencil-outline"
                 flat
@@ -374,7 +384,7 @@ onMounted(() => {
           <q-card-section class="q-pa-none">
             <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' : ''"

src/modules/04_registryPerson/components/detail/Other/02_Document.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
+import { checkPermission } from "@/utils/permissions";
+
 import { useRoute } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -179,6 +181,7 @@ onMounted(() => {
     <div class="row col-12 q-col-gutter-y-sm q-pa-sm">
       <div class="col-12 row">
         <q-file
+          v-if="checkPermission($route)?.attrIsUpdate"
           for="inputFiles"
           class="col-12"
           outlined