set permission menu master data of evaluation

src/modules/01_masterdata/components/competency/03ListLinkGroup.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 Header from "@/components/DialogHeader.vue";
 
@@ -24,6 +24,7 @@ const editStatus = ref<boolean>(false);
 const groupName = ref<any>();
 const position = ref<any>();
 const competency = ref<any>();
+const route = useRoute();
 
 const groupNameOp = ref<DataOption[]>([]);
 const groupNameOpMain = ref<DataOption[]>([]);
@@ -339,7 +340,7 @@ watch(
 );
 
 onMounted(async () => {
-  getData();
+  if (checkPermission(route)?.attrIsList) getData();
 });
 </script>
 
@@ -407,23 +408,25 @@ onMounted(async () => {
   >
     <template v-slot:header="props">
       <q-tr :props="props">
-        <q-th auto-width v-if="checkPermission($route)?.attrIsUpdate || checkPermission($route)?.attrIsDelete "/>
+        <q-th auto-width />
         <q-th v-for="col in props.cols" :key="col.name" :props="props">
           <span class="text-weight-medium">{{ col.label }}</span>
         </q-th>
       </q-tr>
     </template>
     <template v-slot:body="props">
-      <q-tr :props="props" class="cursor-pointer">
-        <q-td auto-width v-if="checkPermission($route)?.attrIsUpdate || checkPermission($route)?.attrIsDelete ">
+      <q-tr :props="props">
+        <q-td auto-width>
           <q-btn
-            v-if="checkPermission($route)?.attrIsUpdate"
+            v-if="
+              checkPermission($route)?.attrIsGet &&
+              checkPermission($route)?.attrIsUpdate
+            "
             color="edit"
             flat
             dense
             round
             class="q-mr-xs"
-            size="12px"
             icon="edit"
             clickable
             @click="onEdit(props.row.id)"
@@ -436,7 +439,6 @@ onMounted(async () => {
             flat
             dense
             round
-            size="12px"
             icon="mdi-delete"
             clickable
             @click.stop="
@@ -589,7 +591,9 @@ onMounted(async () => {
             class="q-px-md items-center"
             color="public"
             label="บันทึก"
-          />
+          >
+            <q-tooltip>บันทึกข้อมูล</q-tooltip>
+          </q-btn>
         </q-card-actions>
       </q-form>
     </q-card>