สิทธิ์ / rating เปลี่ยนเป็น btn group

src/modules/01_masterdata/components/competency/03ListLinkGroup.vue

@@ -14,6 +14,8 @@ import type {
 import http from "@/plugins/http";
 import config from "@/app.config";
 
+import { checkPermission } from "@/utils/permissions";
+
 const total = ref<number>();
 const id = ref<string>("");
 const modal = ref<boolean>(false);
@@ -343,7 +345,14 @@ onMounted(async () => {
 
 <template>
   <q-toolbar style="padding: 0">
-    <q-btn flat round color="primary" icon="add" @click="onAdd()">
+    <q-btn
+      v-if="checkPermission($route)?.attrIsCreate"
+      flat
+      round
+      color="primary"
+      icon="add"
+      @click="onAdd()"
+    >
       <q-tooltip> เพิ่มข้อมูล </q-tooltip>
     </q-btn>
     <q-space />
@@ -398,7 +407,7 @@ onMounted(async () => {
   >
     <template v-slot:header="props">
       <q-tr :props="props">
-        <q-th auto-width />
+        <q-th auto-width v-if="checkPermission($route)?.attrIsUpdate || checkPermission($route)?.attrIsDelete "/>
         <q-th v-for="col in props.cols" :key="col.name" :props="props">
           <span class="text-weight-medium">{{ col.label }}</span>
         </q-th>
@@ -406,8 +415,9 @@ onMounted(async () => {
     </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)?.attrIsUpdate || checkPermission($route)?.attrIsDelete ">
           <q-btn
+            v-if="checkPermission($route)?.attrIsUpdate"
             color="edit"
             flat
             dense
@@ -421,6 +431,7 @@ onMounted(async () => {
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
           <q-btn
+            v-if="checkPermission($route)?.attrIsDelete"
             color="red"
             flat
             dense