isLeave

src/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue

@@ -28,6 +28,13 @@ const {
 
 const id = ref<string>("");
 
+/**
+ * props
+ */
+ const props = defineProps({
+  isLeave:Boolean
+});
+
 const profileId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
@@ -202,7 +209,7 @@ onMounted(() => {
 <template>
   <div class="row items-center q-gutter-x-sm q-pb-sm">
     <q-btn
-      v-if="checkPermission($route)?.attrIsUpdate"
+      v-if="props.isLeave == false && checkPermission($route)?.attrIsUpdate"
       dense
       color="primary"
       icon="add"
@@ -320,7 +327,7 @@ onMounted(() => {
             <q-tooltip>ประวัติแก้ไขอื่นๆ</q-tooltip>
           </q-btn>
           <q-btn
-            v-if="checkPermission($route)?.attrIsUpdate"
+            v-if="props.isLeave == false && checkPermission($route)?.attrIsUpdate"
             flat
             dense
             round
@@ -353,7 +360,7 @@ onMounted(() => {
                 ><q-tooltip>ประวิติแก้ไขอื่นๆ</q-tooltip></q-btn
               >
               <q-btn
-                v-if="checkPermission($route)?.attrIsUpdate"
+                v-if="props.isLeave == false && checkPermission($route)?.attrIsUpdate"
                 color="edit"
                 icon="edit"
                 flat

src/modules/04_registryPerson/components/detail/Other/02_Document.vue

@@ -23,6 +23,13 @@ const {
   dialogRemove,
 } = mixin;
 
+/**
+ * props
+ */
+const props = defineProps({
+  isLeave: Boolean,
+});
+
 const profileId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
@@ -186,7 +193,7 @@ onMounted(() => {
     <div class="row col-12 q-col-gutter-y-sm q-pa-sm">
       <div class="col-12 row">
         <q-file
-          v-if="checkPermission($route)?.attrIsUpdate"
+          v-if="props.isLeave == false && checkPermission($route)?.attrIsUpdate"
           for="inputFiles"
           class="col-12"
           outlined
@@ -241,6 +248,7 @@ onMounted(() => {
                 ><q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
               >
               <q-btn
+                v-if="props.isLeave == false"
                 size="12px"
                 flat
                 round

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

@@ -1,10 +1,14 @@
 <script setup lang="ts">
 import { ref } from "vue";
 
+import { useRegistryNewDataStore } from "@/modules/04_registryPerson/store";
+
 /** importComponents*/
 import OtherInformation from "@/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue";
 import Documentipline from "@/modules/04_registryPerson/components/detail/Other/02_Document.vue";
 
+const storeRegistry = useRegistryNewDataStore();
+
 const tab = ref<string>("1");
 </script>
 <template>
@@ -33,10 +37,10 @@ const tab = ref<string>("1");
 
   <q-tab-panels v-model="tab" animated>
     <q-tab-panel name="1">
-      <OtherInformation />
+      <OtherInformation :is-leave="storeRegistry.isLeave" />
     </q-tab-panel>
     <q-tab-panel name="2">
-      <Documentipline />
+      <Documentipline :is-leave="storeRegistry.isLeave" />
     </q-tab-panel>
   </q-tab-panels>
 </template>