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

src/modules/05_placement/components/AppointEmployee/Detail.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";
@@ -190,7 +191,7 @@ onMounted(async () => {
         แก้ไขข้อมูลเพื่อลงบัญชีแนบท้าย
       </div>
       <q-space />
-      <div v-if="status !== 'DONE' && status !== 'REPORT'">
+      <div v-if="status !== 'DONE' && status !== 'REPORT' && checkPermission($route)?.attrIsUpdate">
         <div class="q-gutter-sm" v-if="!edit">
           <q-btn
             outline

src/modules/05_placement/components/AppointEmployee/Main.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";
@@ -541,6 +542,7 @@ function onSave(data: any) {
       <div class="col-12">
         <div class="row col-12">
           <q-btn
+            v-if="checkPermission($route)?.attrIsUpdate"
             @click="popup()"
             size="14px"
             flat
@@ -609,7 +611,13 @@ function onSave(data: any) {
             </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' &&
@@ -627,25 +635,8 @@ function onSave(data: any) {
                       transition-hide="jump-up"
                     >
                       <q-list dense style="min-width: 200px">
-                        <!-- <q-item
-                          clickable
-                          v-close-popup
-                          @click="openModalEmployee(props.row.personalId)"
-                        >
-                          <q-item-section
-                            style="min-width: 0px"
-                            avatar
-                            class="q-py-sm"
-                          >
-                            <q-icon
-                              color="primary"
-                              size="xs"
-                              name="mdi-bookmark-outline"
-                            />
-                          </q-item-section>
-                          <q-item-section>กำหนดตำแหน่ง</q-item-section>
-                        </q-item> -->
                         <q-item
+                          v-if="checkPermission($route)?.attrIsUpdate"
                           clickable
                           v-close-popup
                           @click="openModalTree(props.row, 'SLIP')"
@@ -666,6 +657,7 @@ function onSave(data: any) {
                           >
                         </q-item>
                         <q-item
+                          v-if="checkPermission($route)?.attrIsUpdate"
                           clickable
                           v-close-popup
                           @click="openModalTree(props.row, 'MOVE')"
@@ -686,6 +678,7 @@ function onSave(data: any) {
                           >
                         </q-item>
                         <q-item
+                          v-if="checkPermission($route)?.attrIsDelete"
                           clickable
                           v-close-popup
                           @click="clickDelete(props.row.id)"
@@ -708,7 +701,9 @@ function onSave(data: any) {
                   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 }}
@@ -764,7 +759,6 @@ function onSave(data: any) {
                     {{ col.value ? col.value : "-" }}
                   </div>
                 </q-td>
-
               </q-tr>
             </template>
           </d-table>