chamomind/jws-frontend
chamomind/jws-frontend
6
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix: layout no data

Browse source
This commit is contained in:
Thanaphon Frappet 2024-12-25 11:13:35 +07:00
parent bee2d63d18
commit 8f3f499a7a
1 changed files with 178 additions and 166 deletions
Download patch file Download diff file Expand all files Collapse all files

78
src/pages/03_customer-management/MainPage.vue
View file

@ -5063,6 +5063,16 @@ const emptyCreateDialog = ref(false);
{{ $t('customerEmployee.form.group.passport') }} {{ $t('customerEmployee.form.group.passport') }}
</div> </div>
<div class="col self-center">
<div
class="full-width full-height flex flex-center col"
v-if="
currentFromDataEmployee.employeePassport?.length === 0
"
>
<NoData />
</div>
<template <template
v-for="( v-for="(
value, index value, index
@ -5151,7 +5161,8 @@ const emptyCreateDialog = ref(false);
icon-only icon-only
@click=" @click="
() => { () => {
employeeFormState.currentIndexPassport = index; employeeFormState.currentIndexPassport =
index;
} }
" "
type="submit" type="submit"
@ -5169,7 +5180,8 @@ const emptyCreateDialog = ref(false);
icon-only icon-only
@click=" @click="
() => { () => {
employeeFormState.currentIndexPassport = index; employeeFormState.currentIndexPassport =
index;
employeeFormState.isEmployeeEdit = true; employeeFormState.isEmployeeEdit = true;
employeeFormState.dialogType = 'edit'; employeeFormState.dialogType = 'edit';
} }
@ -5182,7 +5194,8 @@ const emptyCreateDialog = ref(false);
(!employeeFormState.isEmployeeEdit && (!employeeFormState.isEmployeeEdit &&
value.id !== undefined && value.id !== undefined &&
!( !(
employeeFormState.currentIndexPassport === -1 employeeFormState.currentIndexPassport ===
-1
) && ) &&
employeeFormState.currentIndexPassport === employeeFormState.currentIndexPassport ===
index) index)
@ -5191,7 +5204,10 @@ const emptyCreateDialog = ref(false);
icon-only icon-only
@click.stop=" @click.stop="
() => { () => {
deleteEmployeeById({ type: 'passport', index }); deleteEmployeeById({
type: 'passport',
index,
});
} }
" "
type="button" type="button"
@ -5200,7 +5216,8 @@ const emptyCreateDialog = ref(false);
employeeFormState.currentIndexPassport === -1 employeeFormState.currentIndexPassport === -1
) && ) &&
!( !(
employeeFormState.currentIndexPassport === index employeeFormState.currentIndexPassport ===
index
) )
" "
/> />
@ -5209,12 +5226,6 @@ const emptyCreateDialog = ref(false);
</FormEmployeePassport> </FormEmployeePassport>
</div> </div>
</template> </template>
<div
class="full-width flex flex-center col"
v-if="currentFromDataEmployee.employeePassport?.length === 0"
>
<NoData />
</div> </div>
</div> </div>
</template> </template>
@ -5232,7 +5243,14 @@ const emptyCreateDialog = ref(false);
/> />
{{ $t('customerEmployee.form.group.visa') }} {{ $t('customerEmployee.form.group.visa') }}
</div> </div>
<div class="col"> <div class="col self-center">
<div
v-if="currentFromDataEmployee.employeeVisa?.length === 0"
class="full-width full-height col flex flex-center"
>
<NoData />
</div>
<FormEmployeeVisa <FormEmployeeVisa
v-for="( v-for="(
value, index value, index
@ -5353,12 +5371,6 @@ const emptyCreateDialog = ref(false);
</template> </template>
</FormEmployeeVisa> </FormEmployeeVisa>
</div> </div>
<div
v-if="currentFromDataEmployee.employeeVisa?.length === 0"
class="full-width col flex flex-center"
>
<NoData />
</div>
</div> </div>
</template> </template>
@ -5379,7 +5391,13 @@ const emptyCreateDialog = ref(false);
{{ $t(`customerEmployee.formHealthCheck.title`) }} {{ $t(`customerEmployee.formHealthCheck.title`) }}
</div> </div>
<div class="col"> <div class="col self-center">
<div
v-if="currentFromDataEmployee.employeeCheckup?.length === 0"
class="full-width full-height col flex flex-center"
>
<NoData />
</div>
<FormEmployeeHealthCheck <FormEmployeeHealthCheck
v-if="employeeFormState.currentTab === 'healthCheck'" v-if="employeeFormState.currentTab === 'healthCheck'"
id="drawer-form-checkup" id="drawer-form-checkup"
@ -5446,12 +5464,6 @@ const emptyCreateDialog = ref(false);
" "
/> />
</div> </div>
<div
class="full-width col flex flex-center"
v-if="currentFromDataEmployee.employeeCheckup?.length === 0"
>
<NoData />
</div>
</div> </div>
</template> </template>
<template v-if="employeeFormState.currentTab === 'workHistory'"> <template v-if="employeeFormState.currentTab === 'workHistory'">
@ -5470,7 +5482,14 @@ const emptyCreateDialog = ref(false);
{{ $t(`customerEmployee.form.group.workHistory`) }} {{ $t(`customerEmployee.form.group.workHistory`) }}
</div> </div>
<div class="col"> <div class="col self-center">
<div
class="full-width full-height col flex flex-center"
v-if="currentFromDataEmployee.employeeWork?.length === 0"
>
<NoData />
</div>
<FormEmployeeWorkHistory <FormEmployeeWorkHistory
v-if="employeeFormState.currentTab === 'workHistory'" v-if="employeeFormState.currentTab === 'workHistory'"
id="drawer-work-history" id="drawer-work-history"
@ -5529,13 +5548,6 @@ const emptyCreateDialog = ref(false);
/> />
</div> </div>
</div> </div>
<div
class="full-width col flex flex-center"
v-if="currentFromDataEmployee.employeeWork?.length === 0"
>
<NoData />
</div>
</template> </template>
<template v-if="employeeFormState.currentTab === 'other'"> <template v-if="employeeFormState.currentTab === 'other'">
<FormEmployeeOther <FormEmployeeOther