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

src/modules/02_organization/views/main.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
 import { useQuasar } from "quasar";
+import { checkPermission } from "@/utils/permissions";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
@@ -175,6 +176,7 @@ onMounted(async () => {
         <strong>{{ date2Thai(store.orgPublishDate) }}</strong>
       </div>
       <q-btn
+        v-if="checkPermission($route)?.attrIsUpdate"
         dense
         class="q-px-md"
         color="indigo-9"
@@ -208,6 +210,7 @@ onMounted(async () => {
         >
           <div>
             <q-btn
+              v-if="checkPermission($route)?.attrIsCreate"
               flat
               style="background-color: #d8f5f2"
               round
@@ -242,6 +245,7 @@ onMounted(async () => {
               />
 
               <q-btn
+                v-if="checkPermission($route)?.attrIsUpdate"
                 dense
                 class="q-px-md"
                 :outline="store.typeOrganizational === 'draft' ? false : true"
@@ -280,6 +284,7 @@ onMounted(async () => {
             </q-btn-group>
 
             <q-btn-dropdown
+              v-if="checkPermission($route)?.attrIsCreate"
               dense
               unelevated
               class="q-px-md"