set permission menu master data of evaluation

src/modules/01_masterdata/views/Strategic.vue

@@ -4,13 +4,14 @@ import { useQuasar } from "quasar";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
-import type { ItemsMenu } from "@/modules/01_masterdata/interface/index/Main";
+// import type { ItemsMenu } from "@/modules/01_masterdata/interface/index/Main";
 import type { DataStrategic } from "@/modules/01_masterdata/interface/response/Strategic";
 
 import DialogHeader from "@/components/DialogHeader.vue";
 
 import { useCounterMixin } from "@/stores/mixin";
 import { checkPermission } from "@/utils/permissions";
+import { useRoute } from "vue-router";
 const $q = useQuasar();
 const {
   showLoader,
@@ -21,27 +22,28 @@ const {
   success,
 } = useCounterMixin();
 
-const ListMenu = ref<ItemsMenu[]>([
-  {
-    label: "เพิ่ม",
-    icon: "add",
-    value: "ADD",
-    color: "primary",
-  },
-  {
-    label: "แก้ไข",
-    icon: "edit",
-    value: "EDIT",
-    color: "edit",
-  },
-  {
-    label: "ลบ",
-    icon: "delete",
-    value: "DEL",
-    color: "red",
-  },
-]);
+// const ListMenu = ref<ItemsMenu[]>([
+//   {
+//     label: "เพิ่ม",
+//     icon: "add",
+//     value: "ADD",
+//     color: "primary",
+//   },
+//   {
+//     label: "แก้ไข",
+//     icon: "edit",
+//     value: "EDIT",
+//     color: "edit",
+//   },
+//   {
+//     label: "ลบ",
+//     icon: "delete",
+//     value: "DEL",
+//     color: "red",
+//   },
+// ]);
 
+const route = useRoute();
 const nodes = ref<any[]>([]);
 const filter = ref<string>("");
 const expanded = ref<Array<string>>([]);
@@ -189,7 +191,7 @@ function onDelete(data: DataStrategic) {
 
 /** ดึงข้อมูลเมื่ออยู่ในหน้า */
 onMounted(() => {
-  fetchDataTree();
+  if (checkPermission(route)?.attrIsList) fetchDataTree();
 });
 </script>
 <template>
@@ -248,12 +250,16 @@ onMounted(() => {
               </div>
             </div>
             <q-btn
+              v-if="
+                checkPermission($route)?.attrIsCreate ||
+                checkPermission($route)?.attrIsGet ||
+                checkPermission($route)?.attrIsUpdate ||
+                checkPermission($route)?.attrIsDelete
+              "
               flat
               dense
-              icon="mdi-dots-vertical"
-              class="q-ml-xs"
-              color="grey-13"
-              size="12px"
+              color="secondary"
+              icon="mdi-dots-horizontal-circle-outline"
               round
             >
               <q-menu>
@@ -282,7 +288,10 @@ onMounted(() => {
                     </q-item-section>
                   </q-item>
                   <q-item
-                    v-if="checkPermission($route)?.attrIsUpdate"
+                    v-if="
+                      checkPermission($route)?.attrIsUpdate &&
+                      checkPermission($route)?.attrIsGet
+                    "
                     clickable
                     v-close-popup
                     @click.stop="onClickAction('EDIT', prop.node)"
@@ -312,9 +321,7 @@ onMounted(() => {
                     <q-item-section avatar style="min-width: 20px">
                       <q-icon size="17px" :color="'red'" :name="'delete'" />
                     </q-item-section>
-                    <q-item-section>
-                      {{ `ลบข้อมูล` }}
-                    </q-item-section>
+                    <q-item-section> ลบข้อมูล </q-item-section>
                   </q-item>
                 </q-list>
               </q-menu>