permission => บรรจุ แต่งตั้ง ย้าย โอน,สรรหา

src/modules/05_placement/components/Receive/receiveDetail2.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { onMounted, ref } from "vue";
+import { checkPermission } from "@/utils/permissions";
 import { useQuasar } from "quasar";
 import { useRoute, useRouter } from "vue-router";
 import { useCounterMixin } from "@/stores/mixin";
@@ -503,7 +504,10 @@ onMounted(async () => {
             label="แก้ไข"
             style="width: 80px"
             @click="edit = !edit"
-            v-if="!(status == 'REPORT' || status == 'DONE')"
+            v-if="
+              !(status == 'REPORT' || status == 'DONE') &&
+              checkPermission($route)?.attrIsUpdate
+            "
           />
         </div>
         <div class="q-gutter-sm" v-else>

src/modules/05_placement/components/Receive/receiveMain.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, computed, onMounted } from "vue";
+import { checkPermission } from "@/utils/permissions";
 import { useQuasar } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 import { useTransferDataStore } from "@/modules/05_placement/store";
@@ -364,10 +365,18 @@ onMounted(() => {
     <div class="row q-pa-md">
       <div class="col-12">
         <div class="row col-12">
-          <q-btn flat round color="primary" @click="add" icon="mdi-plus">
+          <q-btn
+            v-if="checkPermission($route)?.attrIsCreate"
+            flat
+            round
+            color="primary"
+            @click="add"
+            icon="mdi-plus"
+          >
             <q-tooltip>เพิ่มข้อมูล</q-tooltip>
           </q-btn>
           <q-btn
+            v-if="checkPermission($route)?.attrIsUpdate"
             size="14px"
             flat
             round
@@ -433,7 +442,13 @@ onMounted(() => {
             </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="
                       props.row.status !== 'REPORT' &&
@@ -452,6 +467,7 @@ onMounted(() => {
                     >
                       <q-list dense style="min-width: 100px">
                         <q-item
+                          v-if="checkPermission($route)?.attrIsUpdate"
                           clickable
                           v-close-popup
                           @click="openModalTree(props.row.id, props.row)"
@@ -477,6 +493,7 @@ onMounted(() => {
                           >
                         </q-item>
                         <q-item
+                          v-if="checkPermission($route)?.attrIsUpdate"
                           clickable
                           v-close-popup
                           @click="openUpload(props.row.id)"
@@ -504,6 +521,7 @@ onMounted(() => {
                           <q-item-section>อัปโหลดเอกสาร</q-item-section>
                         </q-item>
                         <q-item
+                          v-if="checkPermission($route)?.attrIsDelete"
                           clickable
                           v-close-popup
                           @click="openDelete(props.row.id)"
@@ -539,7 +557,9 @@ onMounted(() => {
                   v-for="col in props.cols"
                   :key="col.name"
                   :props="props"
-                  @click="nextPage(props.row.id)"
+                  @click="
+                    checkPermission($route)?.attrIsGet && nextPage(props.row.id)
+                  "
                 >
                   <div v-if="col.name == 'no'">
                     {{ props.rowIndex + 1 }}