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

src/modules/05_placement/components/Repatriate/RepatriateMain.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 { useRouter } from "vue-router";
 import { useCounterMixin } from "@/stores/mixin";
@@ -226,6 +227,7 @@ onMounted(async () => {
       <div class="col-12">
         <div class="row col-12">
           <q-btn
+            v-if="checkPermission($route)?.attrIsUpdate"
             flat
             round
             size="14px"
@@ -294,20 +296,18 @@ onMounted(async () => {
               <q-tr :props="props" class="cursor-pointer">
                 <q-td auto-width>
                   <q-btn
+                    v-if="
+                      props.row.status !== 'REPORT' &&
+                      props.row.status !== 'DONE' &&
+                      checkPermission($route)?.attrIsDelete
+                    "
                     icon="delete"
                     size="14px"
                     flat
                     round
                     dense
-                    :color="
-                      props.row.status == 'REPORT' || props.row.status == 'DONE'
-                        ? 'grey'
-                        : 'red-7'
-                    "
+                    color="red-7"
                     @click="clickDelete(props.row.fullname, props.row.id)"
-                    :disable="
-                      props.row.status == 'REPORT' || props.row.status == 'DONE'
-                    "
                   >
                     <q-tooltip>ลบข้อมูล</q-tooltip>
                   </q-btn>
@@ -315,7 +315,10 @@ onMounted(async () => {
                 <q-td
                   v-for="col in props.cols"
                   :key="col.id"
-                  @click.stop.prevent="openDetail(props.row.id)"
+                  @click.stop.prevent="
+                    checkPermission($route)?.attrIsGet &&
+                      openDetail(props.row.id)
+                  "
                 >
                   <div v-if="col.name === 'no'">
                     {{ props.rowIndex + 1 }}

src/modules/05_placement/components/Repatriate/RepatriatebyId.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";
@@ -173,7 +174,10 @@ onMounted(() => {
             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>