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

src/modules/08_registryEmployee/views/Main.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, onMounted, reactive, watch } from "vue";
+import { checkPermission } from "@/utils/permissions";
 import { date, useQuasar } from "quasar";
 import { useRouter } from "vue-router";
 import http from "@/plugins/http";
@@ -288,6 +289,7 @@ onMounted(() => {
   <q-card flat bordered class="q-pa-md">
     <div class="col-12 row items-center">
       <q-btn
+        v-if="checkPermission($route)?.attrIsCreate"
         flat
         round
         color="primary"
@@ -297,6 +299,7 @@ onMounted(() => {
         <q-tooltip>เพิ่มข้อมูล</q-tooltip>
       </q-btn>
       <q-btn
+        v-if="checkPermission($route)?.attrIsUpdate"
         flat
         round
         color="primary"
@@ -380,7 +383,13 @@ onMounted(() => {
         </template>
         <template v-slot:body="props">
           <q-tr :props="props" class="cursor-pointer">
-            <q-td auto-width>
+            <q-td
+              auto-width
+              v-if="
+                checkPermission($route)?.attrIsDelete ||
+                checkPermission($route)?.attrIsUpdate
+              "
+            >
               <q-btn
                 icon="mdi-dots-vertical"
                 size="12px"
@@ -395,9 +404,10 @@ onMounted(() => {
                       clickable
                       v-close-popup
                       v-if="
-                        props.row.draftOrgEmployeeStatus === null ||
-                        props.row.draftOrgEmployeeStatus === 'WAITTING' ||
-                        props.row.draftOrgEmployeeStatus === 'PENDING'
+                        (props.row.draftOrgEmployeeStatus === null ||
+                          props.row.draftOrgEmployeeStatus === 'WAITTING' ||
+                          props.row.draftOrgEmployeeStatus === 'PENDING') &&
+                        checkPermission($route)?.attrIsUpdate
                       "
                       @click.pervent="onClickSelectPos(props.row)"
                     >
@@ -415,6 +425,7 @@ onMounted(() => {
                       <q-item-section>กำหนดตำแหน่ง</q-item-section>
                     </q-item>
                     <q-item
+                      v-if="checkPermission($route)?.attrIsUpdate"
                       clickable
                       v-close-popup
                       @click.pervent="redirectToPageDetail(props.row.id)"
@@ -430,6 +441,7 @@ onMounted(() => {
                     </q-item>
                     <q-separator />
                     <q-item
+                      v-if="checkPermission($route)?.attrIsDelete"
                       clickable
                       v-close-popup
                       @click.pervent="onClickDelete(props.row.id)"