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

fix: 03 table scroll

Browse source
This commit is contained in:
puriphatt 2024-07-17 08:16:59 +00:00
parent b5a2dee9aa
commit 0a9f18fe66
1 changed files with 342 additions and 357 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1816,6 +1816,7 @@ watch([inputSearch, currentStatus], async () => {
:limits="[15, 80]"
style="width: 100%"
class="col"
after-class="overflow-hidden"
>
<template v-slot:before>
<div
@ -1857,7 +1858,7 @@ watch([inputSearch, currentStatus], async () => {
</template>
<template v-slot:after>
<div class="column full-height">
<div class="column full-height no-wrap">
<!-- employer -->
<template
v-if="
@ -1873,11 +1874,11 @@ watch([inputSearch, currentStatus], async () => {
>
<NoData :not-found="!!inputSearch" />
</div>
<div
v-if="listCustomer.length !== 0"
class="col q-pa-md scroll"
class="col q-pa-md scroll full-width"
>
<div class="row full-width customer-row">
<q-table
flat
bordered
@ -2023,17 +2024,13 @@ watch([inputSearch, currentStatus], async () => {
:id="`view-detail-btn-${props.row.name}-view`"
@click.stop="
() => {
const { branch, ...payload } =
props.row;
const { branch, ...payload } = props.row;
currentCustomer = payload;
currentCustomerId = props.row.id;
customerType = props.row.customerType;
assignFormData(props.row.id);
openDialogInputForm(
'INFO',
props.row.id,
);
openDialogInputForm('INFO', props.row.id);
}
"
v-close-popup
@ -2048,9 +2045,7 @@ watch([inputSearch, currentStatus], async () => {
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>
@ -2067,8 +2062,7 @@ watch([inputSearch, currentStatus], async () => {
if (!listCustomer) return;
customerType = props.row.customerType;
const { branch, ...payload } =
props.row;
const { branch, ...payload } = props.row;
currentCustomer = payload;
currentCustomerId = props.row.id;
@ -2076,10 +2070,7 @@ watch([inputSearch, currentStatus], async () => {
assignFormData(props.row.id);
infoDrawerEdit = true;
openDialogInputForm(
'INFO',
props.row.id,
);
openDialogInputForm('INFO', props.row.id);
}
"
>
@ -2089,9 +2080,7 @@ watch([inputSearch, currentStatus], async () => {
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>
@ -2102,8 +2091,7 @@ watch([inputSearch, currentStatus], async () => {
:clickable="props.row.status === 'CREATED'"
class="row"
:class="{
'surface-3':
props.row.status !== 'CREATED',
'surface-3': props.row.status !== 'CREATED',
'app-text-muted':
props.row.status !== 'CREATED',
}"
@ -2119,9 +2107,7 @@ watch([inputSearch, currentStatus], async () => {
props.row.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>
@ -2243,7 +2229,6 @@ watch([inputSearch, currentStatus], async () => {
</template>
</q-table>
</div>
</div>
<div
v-if="listCustomer.length !== 0"
@ -2324,7 +2309,7 @@ watch([inputSearch, currentStatus], async () => {
</div>
<div
class="col column justify-between q-px-md q-pt-md scroll"
class="col full-width q-pa-md scroll"
v-if="listEmployee.length !== 0"
>
<q-table