isLeave

src/modules/04_registryPerson/components/detail/Salary/01_PositionSalary.vue

@@ -31,6 +31,13 @@ const profileId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
 
+/**
+ * props
+ */
+const props = defineProps({
+  isLeave: Boolean,
+});
+
 const store = useSalaryDataStore();
 const {
   date2Thai,
@@ -611,7 +618,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 && checkPermission($route)?.attrIsUpdate"
       flat
       color="primary"
       round
@@ -666,7 +673,6 @@ onMounted(() => {
     <template v-slot:header="props">
       <q-tr :props="props">
         <q-th auto-width />
-        <q-th v-if="checkPermission($route)?.attrIsUpdate" auto-width />
         <q-th v-for="col in props.cols" :key="col.name" :props="props">
           <span class="text-weight-medium">{{ col.label }}</span>
         </q-th>
@@ -687,7 +693,7 @@ onMounted(() => {
           </q-btn>
 
           <q-btn
-            v-if="checkPermission($route)?.attrIsUpdate"
+            v-if="props.isLeave == false && checkPermission($route)?.attrIsUpdate"
             flat
             dense
             round
@@ -698,9 +704,8 @@ onMounted(() => {
           >
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
-        </q-td>
-        <q-td v-if="checkPermission($route)?.attrIsUpdate">
           <q-btn
+            v-if="props.isLeave == false && checkPermission($route)?.attrIsUpdate"
             dense
             flat
             round
@@ -712,6 +717,7 @@ onMounted(() => {
           </q-btn>
 
           <q-btn
+            v-if="props.isLeave == false && checkPermission($route)?.attrIsUpdate"
             dense
             flat
             round
@@ -722,6 +728,7 @@ onMounted(() => {
           >
           </q-btn>
         </q-td>
+
         <q-td v-for="col in props.cols" :key="col.id">
           <div class="table_ellipsis">
             {{ col.value ? col.value : "-" }}