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