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

src/modules/05_placement/components/Transfer/transferMain.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
+import { checkPermission } from "@/utils/permissions";
 import type { QTableProps } from "quasar";
 import { useQuasar } from "quasar";
 import { useRouter } from "vue-router";
@@ -184,6 +185,7 @@ onMounted(async () => {
       <div class="col-12">
         <div class="row col-12">
           <q-btn
+            v-if="checkPermission($route)?.attrIsUpdate"
             @click="openModalOrder"
             size="14px"
             flat
@@ -254,7 +256,10 @@ onMounted(async () => {
                   v-for="col in props.cols"
                   :key="col.id"
                   class="cursor-pointer"
-                  @click="router.push(`/placement/transfer/${props.row.id}`)"
+                  @click="
+                    checkPermission($route)?.attrIsGet &&
+                      router.push(`/placement/transfer/${props.row.id}`)
+                  "
                 >
                   <div v-if="col.name === 'no'">
                     {{ props.rowIndex + 1 }}

src/modules/05_placement/components/Transfer/transferRegistry.vue

@@ -3,6 +3,7 @@ import { onMounted, ref } from "vue";
 import { useQuasar } from "quasar";
 import { useRoute, useRouter } from "vue-router";
 import { useCounterMixin } from "@/stores/mixin";
+import { checkPermission } from "@/utils/permissions";
 
 // import CurrencyInput from "@/components/CurruncyInput.vue";
 import http from "@/plugins/http";
@@ -523,7 +524,9 @@ onMounted(async () => {
           style="width: 80px"
           @click="edit = !edit"
           v-if="
-            !(responseData.status == 'REPORT' || responseData.status == 'DONE')
+            !(
+              responseData.status == 'REPORT' || responseData.status == 'DONE'
+            ) && checkPermission($route)?.attrIsUpdate
           "
         />
       </div>