isLeave

src/modules/04_registryPerson/components/detail/Employee/01_DataEmployee.vue

@@ -33,6 +33,13 @@ const profileId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
 
+/**
+ * props
+ */
+ const props = defineProps({
+  isLeave:Boolean
+});
+
 /** ข้อมูลลูกจ้างชั่วคราว*/
 const modalEdit = ref<boolean>(false);
 const dataEmployee = reactive<ResEmployee>({
@@ -296,7 +303,7 @@ onMounted(() => {
   <div class="row q-gutter-sm items-center">
     <div class="toptitle col text-right q-gutter-x-sm">
       <q-btn
-        v-if="checkPermission($route)?.attrIsUpdate"
+        v-if="props.isLeave == false && checkPermission($route)?.attrIsUpdate"
         flat
         round
         dense

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

src/modules/04_registryPerson/components/detail/Employee/Main.vue

@@ -1,9 +1,13 @@
 <script setup lang="ts">
 import { ref } from "vue";
 
+import { useRegistryNewDataStore } from "@/modules/04_registryPerson/store";
+
 import DataEmployee from "@/modules/04_registryPerson/components/detail/Employee/01_DataEmployee.vue";
 import Employment from "@/modules/04_registryPerson/components/detail/Employee/02_Employment.vue";
 
+const storeRegistry = useRegistryNewDataStore();
+
 const tab = ref<string>("1");
 </script>
 <template>
@@ -32,10 +36,10 @@ const tab = ref<string>("1");
 
   <q-tab-panels v-model="tab" animated>
     <q-tab-panel name="1">
-      <DataEmployee />
+      <DataEmployee :is-leave="storeRegistry.isLeave"/>
     </q-tab-panel>
     <q-tab-panel name="2">
-      <Employment />
+      <Employment :is-leave="storeRegistry.isLeave"/>
     </q-tab-panel>
   </q-tab-panels>
 </template>