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

feat: scroll inside

Browse source
This commit is contained in:
Methapon2001 2024-07-05 13:10:37 +07:00
parent 52f37e168d
commit d64421f48b
1 changed files with 184 additions and 165 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -537,7 +537,7 @@ watch(locale, () => {
style="width: 100%"
>
<template v-slot:before>
<div class="rounded surface-1 scroll">
<div class="rounded surface-1 column" style="height: 100%">
<div
class="row bordered-b q-pl-sm text-weight-bold surface-2 items-center"
style="height: 50px"
@ -573,6 +573,8 @@ watch(locale, () => {
</q-btn>
</div>
<div class="col" style="position: relative">
<div class="scroll" style="position: absolute; inset: 0">
<q-tree
:nodes="treeData"
node-key="id"
@ -623,7 +625,11 @@ watch(locale, () => {
node.code,
);
} else {
triggerEdit('drawer', node.id, 'subBranch');
triggerEdit(
'drawer',
node.id,
'subBranch',
);
}
"
clickable
@ -637,7 +643,9 @@ watch(locale, () => {
size="xs"
style="color: hsl(var(--green-6-hsl))"
/>
<span class="col-9 q-px-md flex items-center">
<span
class="col-9 q-px-md flex items-center"
>
{{ $t('viewDetail') }}
</span>
</q-item>
@ -658,7 +666,11 @@ watch(locale, () => {
node.code,
);
} else {
triggerEdit('form', node.id, 'subBranch');
triggerEdit(
'form',
node.id,
'subBranch',
);
}
}
"
@ -669,7 +681,9 @@ watch(locale, () => {
size="xs"
style="color: hsl(var(--cyan-6-hsl))"
/>
<span class="col-9 q-px-md flex items-center">
<span
class="col-9 q-px-md flex items-center"
>
{{ $t('edit') }}
</span>
</q-item>
@ -680,7 +694,8 @@ watch(locale, () => {
class="row"
:class="{
'surface-3': node.status !== 'CREATED',
'app-text-muted': node.status !== 'CREATED',
'app-text-muted':
node.status !== 'CREATED',
}"
style="white-space: nowrap"
@click="triggerDelete(node.id)"
@ -694,7 +709,9 @@ watch(locale, () => {
node.status === 'CREATED',
}"
/>
<span class="col-9 q-px-md flex items-center">
<span
class="col-9 q-px-md flex items-center"
>
{{ $t('delete') }}
</span>
</q-item>
@ -742,6 +759,8 @@ watch(locale, () => {
</template>
</q-tree>
</div>
</div>
</div>
</template>
<template v-slot:after>