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

fix: button position

Browse source
This commit is contained in:
Methapon Metanipat 2024-09-30 11:32:55 +07:00
parent 440177c133
commit e504d02be7
1 changed files with 9 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2421,7 +2421,9 @@ const emptyCreateDialog = ref(false);
}" }"
id="drawer-employee-form" id="drawer-employee-form"
> >
<div class="col surface-1 full-height rounded bordered scroll row"> <div
class="col surface-1 full-height rounded bordered scroll row relative-position"
>
<div <div
class="col" class="col"
style="height: 100%; max-height: 100; overflow-y: auto" style="height: 100%; max-height: 100; overflow-y: auto"
@ -2501,12 +2503,8 @@ const emptyCreateDialog = ref(false);
> >
<template v-if="employeeFormState.currentTab === 'personalInfo'"> <template v-if="employeeFormState.currentTab === 'personalInfo'">
<div <div
class="rounded row" class="rounded row q-py-md q-px-md"
:class="{ style="position: absolute; z-index: 999; top: 0; right: 0"
'q-py-md q-px-lg': $q.screen.gt.sm,
' q-px-md': !$q.screen.gt.sm,
}"
style="position: absolute; z-index: 999; right: 4%"
> >
<div class="surface-1 row rounded"> <div class="surface-1 row rounded">
<UndoButton <UndoButton
@ -3662,7 +3660,7 @@ const emptyCreateDialog = ref(false);
</div> </div>
<div <div
style="flex: 1; width: 100%; overflow-y: auto" style="flex: 1; width: 100%; overflow-y: auto"
class="column" class="column relative-position"
id="drawer-employee-form" id="drawer-employee-form"
:class="{ :class="{
'q-px-lg q-pb-lg': $q.screen.gt.sm, 'q-px-lg q-pb-lg': $q.screen.gt.sm,
@ -3736,7 +3734,7 @@ const emptyCreateDialog = ref(false);
</div> </div>
</div> </div>
<div <div
class="col-12 col-md-10" class="col-12 col-md-10 row"
:class="{ :class="{
'q-py-md q-pr-md ': $q.screen.gt.sm, 'q-py-md q-pr-md ': $q.screen.gt.sm,
'q-py-md q-px-lg': !$q.screen.gt.sm, 'q-py-md q-px-lg': !$q.screen.gt.sm,
@ -3746,16 +3744,12 @@ const emptyCreateDialog = ref(false);
> >
<template v-if="employeeFormState.currentTab === 'personalInfo'"> <template v-if="employeeFormState.currentTab === 'personalInfo'">
<div <div
class="rounded row" class="rounded row q-py-sm q-mx-lg q-px-md"
style="position: absolute; z-index: 999; right: 4%" style="position: absolute; z-index: 999; right: 0; top: 0"
v-if=" v-if="
currentTab === 'employee' && currentTab === 'employee' &&
currentFromDataEmployee.status !== 'INACTIVE' currentFromDataEmployee.status !== 'INACTIVE'
" "
:class="{
'q-py-md q-px-lg': $q.screen.gt.sm,
' q-px-md': !$q.screen.gt.sm,
}"
> >
<div class="surface-1 row rounded"> <div class="surface-1 row rounded">
<UndoButton <UndoButton
@ -3871,7 +3865,6 @@ const emptyCreateDialog = ref(false);
/> />
{{ $t(`general.uploadFile`) }} {{ $t(`general.uploadFile`) }}
</div> </div>
<!-- แก้ไขลูกจ้าง -->
</div> </div>
</template> </template>
<template v-if="employeeFormState.currentTab === 'healthCheck'"> <template v-if="employeeFormState.currentTab === 'healthCheck'">