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

refactor: scroll inside

Browse source
This commit is contained in:
Methapon2001 2024-07-05 12:09:45 +07:00
parent 4511137cc7
commit a934f6cd83
1 changed files with 198 additions and 195 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/pages/01_branch-management/MainPage.vue
View file

@ -498,10 +498,7 @@ watch(locale, () => {
/> />
</transition> </transition>
<div <div class="column col surface-1 rounded" :no-padding="!!branchData.total">
class="column col surface-1 rounded scroll"
:no-padding="!!branchData.total"
>
<template v-if="!branchData.total"> <template v-if="!branchData.total">
<TooltipComponent <TooltipComponent
class="self-end" class="self-end"
@ -525,7 +522,7 @@ watch(locale, () => {
style="width: 100%" style="width: 100%"
> >
<template v-slot:before> <template v-slot:before>
<div class="rounded surface-1 full-height"> <div class="rounded surface-1 scroll">
<div <div
class="row bordered-b q-pl-sm text-weight-bold surface-2 items-center" class="row bordered-b q-pl-sm text-weight-bold surface-2 items-center"
style="height: 50px" style="height: 50px"
@ -733,7 +730,7 @@ watch(locale, () => {
</template> </template>
<template v-slot:after> <template v-slot:after>
<div class="full-width"> <div class="column" style="height: 100%">
<div <div
class="row justify-between q-pl-md items-center surface-2 bordered-b q-pr-md" class="row justify-between q-pl-md items-center surface-2 bordered-b q-pr-md"
style="height: 50px" style="height: 50px"
@ -905,7 +902,11 @@ watch(locale, () => {
</q-btn-toggle> </q-btn-toggle>
</div> </div>
</div> </div>
<div class="q-pa-md"> <div style="position: relative; flex: 1">
<div
style="position: absolute; inset: 0"
class="scroll q-pa-md"
>
<q-table <q-table
flat flat
bordered bordered
@ -937,7 +938,8 @@ watch(locale, () => {
) { ) {
return true; return true;
} }
if (fieldSelectedBranch.value === 'all') return true; if (fieldSelectedBranch.value === 'all')
return true;
if (fieldSelectedBranch.value === 'branchHQLabel') if (fieldSelectedBranch.value === 'branchHQLabel')
return v.isHeadOffice; return v.isHeadOffice;
if (fieldSelectedBranch.value === 'branchLabel') if (fieldSelectedBranch.value === 'branchLabel')
@ -1114,6 +1116,7 @@ watch(locale, () => {
</div> </div>
</template> </template>
</q-table> </q-table>
</div>
<!-- <BranchCard <!-- <BranchCard
class="col-6" class="col-6"