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

src/modules/04_registryPerson/components/detail/GovernmentInformation/01_Info.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import { ref, reactive, watch, onMounted } from "vue";
+import { checkPermission } from "@/utils/permissions";
+
 import { useCounterMixin } from "@/stores/mixin";
 import type {
   RequestItemsHistoryObject,
@@ -435,6 +437,7 @@ onMounted(() => {
     <q-space />
     <div class="q-gutter-x-sm">
       <q-btn
+        v-if="checkPermission($route)?.attrIsUpdate"
         color="primary"
         icon="mdi-pencil-outline"
         flat

src/modules/04_registryPerson/components/detail/GovernmentInformation/02_Discipline.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted, reactive } from "vue";
+import { checkPermission } from "@/utils/permissions";
+
 import type { QTableProps } from "quasar";
 import type {
   RequestItemsObject,
@@ -344,7 +346,14 @@ onMounted(async () => {
 </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
     >
 
@@ -449,6 +458,7 @@ onMounted(async () => {
       <q-tr :props="props" class="cursor-pointer">
         <q-td auto-width>
           <q-btn
+            v-if="checkPermission($route)?.attrIsUpdate"
             color="primary"
             flat
             dense
@@ -472,19 +482,6 @@ onMounted(async () => {
           >
             <q-tooltip>ประวัติแก้ไขวินัย</q-tooltip>
           </q-btn>
-          <!-- <q-btn
-            color="red"
-            flat
-            dense
-            round
-            size="14px"
-            icon="mdi-delete"
-            clickable
-            @click.stop="deleteData(props.row.id)"
-            v-close-popup
-          >
-            <q-tooltip>ลบข้อมูล</q-tooltip>
-          </q-btn> -->
         </q-td>
         <q-td v-for="col in props.cols" :key="col.id">
           <div v-if="col.name === 'no'">
@@ -505,6 +502,7 @@ onMounted(async () => {
             <q-space />
             <div class="q-gutter-x-sm">
               <q-btn
+                v-if="checkPermission($route)?.attrIsUpdate"
                 color="primary"
                 icon="mdi-pencil-outline"
                 flat

src/modules/04_registryPerson/components/detail/GovernmentInformation/03_Leave.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import { ref, reactive, onMounted } from "vue";
+import { checkPermission } from "@/utils/permissions";
+
 import { useRoute } from "vue-router";
 import { useQuasar, type QTableProps } from "quasar";
 
@@ -457,7 +459,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
     >
 
@@ -560,6 +569,7 @@ onMounted(() => {
       <q-tr :props="props" class="cursor-pointer">
         <q-td auto-width>
           <q-btn
+            v-if="checkPermission($route)?.attrIsUpdate"
             color="primary"
             flat
             dense
@@ -611,6 +621,7 @@ onMounted(() => {
             <q-space />
             <div class="q-gutter-x-sm">
               <q-btn
+                v-if="checkPermission($route)?.attrIsUpdate"
                 color="primary"
                 icon="mdi-pencil-outline"
                 flat

src/modules/04_registryPerson/components/detail/GovernmentInformation/04_PerformSpecialWork.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import { ref, reactive, onMounted } from "vue";
+import { checkPermission } from "@/utils/permissions";
+
 import { useQuasar, type QTableProps } from "quasar";
 import type {
   FormFilter,
@@ -301,7 +303,14 @@ onMounted(async () => {
 </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
     >
 
@@ -405,6 +414,7 @@ onMounted(async () => {
       <q-tr :props="props" class="cursor-pointer">
         <q-td auto-width>
           <q-btn
+            v-if="checkPermission($route)?.attrIsUpdate"
             color="primary"
             flat
             dense
@@ -428,19 +438,6 @@ onMounted(async () => {
           >
             <q-tooltip>ประวัติแก้ไขปฏิบัติราชการพิเศษ</q-tooltip>
           </q-btn>
-          <!-- <q-btn
-            color="red"
-            flat
-            dense
-            round
-            size="14px"
-            icon="mdi-delete"
-            clickable
-            @click.stop="deleteData(props.row.id)"
-            v-close-popup
-          >
-            <q-tooltip>ลบข้อมูล</q-tooltip>
-          </q-btn> -->
         </q-td>
         <q-td v-for="col in props.cols" :key="col.id">
           <div v-if="col.name === 'no'">
@@ -462,6 +459,7 @@ onMounted(async () => {
             <q-space />
             <div class="q-gutter-x-sm">
               <q-btn
+                v-if="checkPermission($route)?.attrIsUpdate"
                 color="primary"
                 icon="mdi-pencil-outline"
                 flat