set permission menu master data of evaluation

src/modules/01_masterdata/components/competency/01ListCompetency.vue

@@ -3,7 +3,7 @@ import { ref, onMounted, reactive, watch } from "vue";
 import type { QTableProps } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
-import { useRouter } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
@@ -20,6 +20,7 @@ import { checkPermission } from "@/utils/permissions";
 const total = ref<number>();
 const store = useKPIDataStore();
 const router = useRouter();
+const route = useRoute();
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const { dialogRemove, messageError, showLoader, hideLoader, success } = mixin;
@@ -143,7 +144,7 @@ watch(
 );
 
 onMounted(() => {
-  fetchList();
+  if (checkPermission(route)?.attrIsList) fetchList();
 });
 </script>
 
@@ -231,7 +232,7 @@ onMounted(() => {
       </q-tr>
     </template>
     <template v-slot:body="props">
-      <q-tr :props="props" class="cursor-pointer">
+      <q-tr :props="props">
         <q-td auto-width>
           <q-btn
             v-if="checkPermission($route)?.attrIsGet"
@@ -239,7 +240,6 @@ onMounted(() => {
             flat
             dense
             round
-            size="12px"
             icon="mdi-eye"
             clickable
             @click.stop="onViewDetailPage(props.row.id)"
@@ -248,18 +248,20 @@ onMounted(() => {
             <q-tooltip>รายละเอียด</q-tooltip>
           </q-btn>
           <q-btn
-            v-if="checkPermission($route)?.attrIsUpdate"
+            v-if="
+              checkPermission($route)?.attrIsGet &&
+              checkPermission($route)?.attrIsUpdate
+            "
             color="edit"
             flat
             dense
             round
-            size="12px"
             icon="edit"
             clickable
             @click.stop="onViewDetail(props.row.id)"
             v-close-popup
           >
-            <q-tooltip>แก้ไข</q-tooltip>
+            <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
           <q-btn
             v-if="checkPermission($route)?.attrIsDelete"
@@ -267,7 +269,6 @@ onMounted(() => {
             flat
             dense
             round
-            size="12px"
             icon="mdi-delete"
             clickable
             @click.stop="deleteData(props.row.id)"