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

src/modules/05_placement/components/PersonalList/Table.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, onMounted, watch, reactive, computed } from "vue";
+import { checkPermission } from "@/utils/permissions";
 import { useQuasar, QForm } from "quasar";
 import type { QTableProps } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
@@ -788,7 +789,10 @@ onMounted(async () => {
         <q-tr :props="props">
           <q-td auto-width>
             <q-btn
-              v-if="props.row.statusId !== 'CONTAIN'"
+              v-if="
+                props.row.statusId !== 'CONTAIN' &&
+                checkPermission($route)?.attrIsUpdate
+              "
               icon="mdi-dots-vertical"
               size="12px"
               color="grey-7"
@@ -1163,7 +1167,6 @@ onMounted(async () => {
               </div>
             </template>
           </q-td>
-
         </q-tr>
       </template>
     </Table>

src/modules/05_placement/components/PersonalList/TableView.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, useAttrs } from "vue";
 import { QTooltip, useQuasar } from "quasar";
+import { checkPermission } from "@/utils/permissions";
 
 const $q = useQuasar();
 const attrs = ref<any>(useAttrs());
@@ -172,7 +173,7 @@ function updateModaladdlist() {
           color="primary"
           icon="mdi-account-arrow-right"
           @click="updateModaladdlist"
-          v-if="displayAdd"
+          v-if="displayAdd && checkPermission($route)?.attrIsUpdate"
         >
           <q-tooltip>ส่งรายชื่อไปยังหน่วยงาน</q-tooltip>
         </q-btn>