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

src/modules/03_recruiting/views/01_compete/Period.vue

@@ -23,6 +23,7 @@
           <q-tr :props="props" class="cursor-pointer">
             <q-td>
               <q-btn
+                v-if="checkPermission($route)?.attrIsUpdate"
                 dense
                 size="12px"
                 flat
@@ -34,6 +35,7 @@
                 <q-tooltip>แก้ไขข้อมูล</q-tooltip>
               </q-btn>
               <q-btn
+                v-if="checkPermission($route)?.attrIsDelete"
                 dense
                 size="12px"
                 flat
@@ -61,9 +63,12 @@
               v-for="col in props.cols"
               :key="col.name"
               :props="props"
-              @click="clickDetail(props.row.id)"
+              @click="
+                checkPermission($route)?.attrIsGet
+                  ? clickDetail(props.row.id)
+                  : undefined
+              "
             >
-            
               <div v-if="col.name == 'no'">
                 {{ props.rowIndex + 1 }}
               </div>
@@ -81,7 +86,9 @@
                   round
                   color="green"
                   @click.stop.prevent="clickEdit(props.row.id)"
-                  v-if="col.value == null"
+                  v-if="
+                    col.value == null && checkPermission($route)?.attrIsUpdate
+                  "
                 >
                   <q-icon name="mdi-file-excel-outline" size="20px" />
                   <!-- นำเข้าไฟล์ผลคะแนนสอบ -->
@@ -90,6 +97,7 @@
                 <div v-else>
                   {{ col.value }}
                   <q-btn
+                    v-if="checkPermission($route)?.attrIsUpdate"
                     dense
                     size="12px"
                     flat
@@ -102,6 +110,7 @@
                   </q-btn>
 
                   <q-btn
+                    v-if="checkPermission($route)?.attrIsGet"
                     dense
                     size="12px"
                     flat
@@ -122,7 +131,10 @@
                   color="green"
                   round
                   @click.stop.prevent="clickUpload(props.row.id)"
-                  v-if="col.value == null || col.value == '0'"
+                  v-if="
+                    (col.value == null || col.value == '0') &&
+                    checkPermission($route)?.attrIsUpdate
+                  "
                 >
                   <q-icon name="mdi-file-excel-outline" size="20px" />
                   <q-tooltip>นำเข้าไฟล์ผู้สมัครสอบ</q-tooltip>
@@ -131,6 +143,7 @@
                   {{ col.value }}
 
                   <q-btn
+                    v-if="checkPermission($route)?.attrIsUpdate"
                     dense
                     size="12px"
                     flat
@@ -143,6 +156,7 @@
                   </q-btn>
 
                   <q-btn
+                    v-if="checkPermission($route)?.attrIsGet"
                     dense
                     size="12px"
                     flat
@@ -159,7 +173,6 @@
                 {{ col.value }}
               </div>
             </q-td>
-
           </q-tr>
         </template>
       </Table>
@@ -361,6 +374,7 @@
   </q-dialog>
 </template>
 <script setup lang="ts">
+import { checkPermission } from "@/utils/permissions";
 import type { QTableProps } from "quasar";
 import { onMounted, ref } from "vue";
 import { useRouter } from "vue-router";