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