isLeave

src/modules/04_registryPerson/components/detail/Employee/02_Employment.vue

@@ -31,6 +31,13 @@ const {
 
 const profileId = ref<string>(route.params.id.toString());
 
+/**
+ * props
+ */
+ const props = defineProps({
+  isLeave:Boolean
+});
+
 /** ข้อมูลการจ้าง*/
 const rows = ref<Employment[]>([]);
 const filter = ref<string>("");
@@ -227,7 +234,7 @@ onMounted(() => {
   <div class="flex items-center">
     <div class="q-gutter-sm">
       <q-btn
-        v-if="checkPermission($route)?.attrIsUpdate"
+        v-if="props.isLeave == false && checkPermission($route)?.attrIsUpdate"
         size="12px"
         flat
         round
@@ -310,7 +317,7 @@ onMounted(() => {
               <q-tooltip>ประวัติข้อมูลการจ้าง </q-tooltip>
             </q-btn>
             <q-btn
-              v-if="checkPermission($route)?.attrIsUpdate"
+              v-if="props.isLeave == false && checkPermission($route)?.attrIsUpdate"
               dense
               flat
               round
@@ -321,7 +328,7 @@ onMounted(() => {
               <q-tooltip>แก้ไขข้อมูล</q-tooltip>
             </q-btn>
             <q-btn
-              v-if="checkPermission($route)?.attrIsDelete"
+              v-if="props.isLeave == false && checkPermission($route)?.attrIsDelete"
               dense
               flat
               round