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

fix: stat card scroll

Browse source
This commit is contained in:
puriphatt 2024-07-04 04:14:41 +00:00
parent 39fc15167c
commit 93af8ce47b
5 changed files with 65 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1354,42 +1354,44 @@ watch([inputSearch, currentStatus], async () => {
}}
</div>
<div class="q-px-md scroll">
<StatCardComponent
v-if="customerStats && selectorLabel === 'EMPLOYER'"
labelI18n
:branch="
customerStats.map((v) => ({
count:
v.name === 'CORP'
? statsCustomerType?.CORP ?? 0
: statsCustomerType?.PERS ?? 0,
label:
v.name === 'CORP'
? 'customerLegalEntity'
: 'customerNaturalPerson',
color: v.name === 'CORP' ? 'purple' : 'green',
}))
"
:dark="$q.dark.isActive"
nowrap
class="q-mb-md"
/>
<div class="scroll">
<div class="q-mx-md" style="display: inline-block">
<StatCardComponent
v-if="customerStats && selectorLabel === 'EMPLOYER'"
labelI18n
:branch="
customerStats.map((v) => ({
count:
v.name === 'CORP'
? statsCustomerType?.CORP ?? 0
: statsCustomerType?.PERS ?? 0,
label:
v.name === 'CORP'
? 'customerLegalEntity'
: 'customerNaturalPerson',
color: v.name === 'CORP' ? 'purple' : 'green',
}))
"
:dark="$q.dark.isActive"
nowrap
class="q-mb-md"
/>
<StatCardComponent
v-if="customerStats && selectorLabel === 'EMPLOYEE'"
labelI18n
:branch="[
{
label: 'EMPLOYEE',
count: statsEmployee,
color: 'pink',
},
]"
:dark="$q.dark.isActive"
nowrap
class="q-mb-md"
/>
<StatCardComponent
v-if="customerStats && selectorLabel === 'EMPLOYEE'"
labelI18n
:branch="[
{
label: 'EMPLOYEE',
count: statsEmployee,
color: 'pink',
},
]"
:dark="$q.dark.isActive"
nowrap
class="q-mb-md"
/>
</div>
</div>
</div>
</div>