permission => โครงสร้างอัตรากำลัง,อัตรากำลังลูกจ้างประจำ,ทะเบียนประวัติ, ทะเบียนประวัติลูกจ้าง,ตั้งค่าเว็บสรรหา, สอบแข่งขัน

src/modules/16_positionEmployee/components/TreeTable.vue

@@ -3,7 +3,7 @@ import { ref, watch } from "vue";
 import { useQuasar } from "quasar";
 import config from "@/app.config";
 import http from "@/plugins/http";
-import genreport from "@/plugins/genreportxlsx";
+import { checkPermission } from "@/utils/permissions";
 
 /**
  * importType
@@ -348,6 +348,7 @@ watch(
     <q-toolbar style="padding: 0">
       <div>
         <q-btn
+          v-if="checkPermission($route)?.attrIsCreate"
           flat
           round
           dense
@@ -359,6 +360,7 @@ watch(
         </q-btn>
 
         <q-btn
+          v-if="checkPermission($route)?.attrIsUpdate"
           flat
           round
           dense
@@ -370,6 +372,7 @@ watch(
         </q-btn>
 
         <q-btn
+          v-if="checkPermission($route)?.attrIsUpdate"
           flat
           round
           dense
@@ -381,32 +384,6 @@ watch(
         </q-btn>
       </div>
 
-      <!-- <q-btn
-        v-if="store.typeOrganizational === 'draft'"
-        flat
-        round
-        dense
-        color="deep-purple"
-        icon="save_alt"
-      >
-        <q-menu>
-          <q-list
-            dense
-            style="min-width: 100px"
-            v-for="(item, index) in document"
-            :key="index"
-          >
-            <q-item
-              clickable
-              v-close-popup
-              @click.stop="onClickDownloadReport(item.val, item.name)"
-            >
-              <q-item-section>{{ item.name }}</q-item-section>
-            </q-item>
-          </q-list>
-        </q-menu>
-        <q-tooltip>ดาวน์โหลด</q-tooltip>
-      </q-btn> -->
       <q-space />
       <div class="row q-gutter-md">
         <div>
@@ -466,6 +443,10 @@ watch(
         <q-tr :props="props" class="cursor-pointer">
           <q-td>
             <q-btn
+              v-if="
+                checkPermission($route)?.attrIsUpdate ||
+                checkPermission($route)?.attrIsDelete
+              "
               flat
               dense
               icon="mdi-dots-vertical"
@@ -477,7 +458,10 @@ watch(
                 <q-list dense style="min-width: 150px">
                   <!-- เลือกคนครอง -->
                   <q-item
-                    v-if="props.row.positionIsSelected == 'ว่าง'"
+                    v-if="
+                      props.row.positionIsSelected == 'ว่าง' &&
+                      checkPermission($route)?.attrIsUpdate
+                    "
                     clickable
                     v-close-popup
                     @click="openSelectPerson(props.row)"
@@ -494,7 +478,10 @@ watch(
                     </q-item-section>
                   </q-item>
                   <q-item
-                    v-else-if="props.row.positionIsSelected != 'ว่าง'"
+                    v-else-if="
+                      props.row.positionIsSelected != 'ว่าง' &&
+                      checkPermission($route)?.attrIsUpdate
+                    "
                     clickable
                     v-close-popup
                     @click="removePerson(props.row.id)"
@@ -511,7 +498,13 @@ watch(
                     </q-item-section>
                   </q-item>
                   <q-item
-                    v-for="(item, index) in listMenu"
+                    v-for="(item, index) in checkPermission($route)
+                      ?.attrIsUpdate && !checkPermission($route)?.attrIsDelete
+                      ? listMenu.filter((e) => e.type !== 'DEL')
+                      : checkPermission($route)?.attrIsDelete &&
+                        !checkPermission($route)?.attrIsUpdate
+                      ? listMenu.filter((e) => e.type === 'DEL')
+                      : listMenu"
                     :key="index"
                     clickable
                     v-close-popup