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

refactor: table color

Browse source
This commit is contained in:
puriphatt 2024-08-09 10:55:19 +00:00
parent e8b5006bf4
commit 676c2c5ebf
2 changed files with 24 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1064,6 +1064,13 @@ watch(currentHq, () => {
'app-text-muted': props.row.status === 'INACTIVE', 'app-text-muted': props.row.status === 'INACTIVE',
'cursor-pointer': props.row._count.branch !== 0, 'cursor-pointer': props.row._count.branch !== 0,
}" }"
:style="
props.rowIndex % 2 !== 0
? $q.dark.isActive
? 'background: hsl(var(--gray-11-hsl)/0.2)'
: `background: #f9fafc`
: ''
"
:props="props" :props="props"
@click=" @click="
() => { () => {

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

@ -665,8 +665,8 @@ watch(
? customerStats.map((v) => ({ ? customerStats.map((v) => ({
count: count:
v.name === 'CORP' v.name === 'CORP'
? statsCustomerType?.CORP ?? 0 ? (statsCustomerType?.CORP ?? 0)
: statsCustomerType?.PERS ?? 0, : (statsCustomerType?.PERS ?? 0),
label: label:
v.name === 'CORP' v.name === 'CORP'
? 'customerLegalEntity' ? 'customerLegalEntity'
@ -984,6 +984,13 @@ watch(
`/customer-management/${props.row.id}/branch`, `/customer-management/${props.row.id}/branch`,
) )
" "
:style="
props.rowIndex % 2 !== 0
? $q.dark.isActive
? 'background: hsl(var(--gray-11-hsl)/0.2)'
: `background: #f9fafc`
: ''
"
> >
<q-td v-if="fieldSelected.includes('customerName')"> <q-td v-if="fieldSelected.includes('customerName')">
<div class="row items-center"> <div class="row items-center">
@ -1368,6 +1375,13 @@ watch(
<template v-slot:body="props"> <template v-slot:body="props">
<q-tr <q-tr
:style="
props.rowIndex % 2 !== 0
? $q.dark.isActive
? 'background: hsl(var(--gray-11-hsl)/0.2)'
: `background: #f9fafc`
: ''
"
:class="{ :class="{
'app-text-muted': props.row.status === 'INACTIVE', 'app-text-muted': props.row.status === 'INACTIVE',
'status-active': props.row.status !== 'INACTIVE', 'status-active': props.row.status !== 'INACTIVE',
@ -1680,7 +1694,7 @@ watch(
{ {
icon: 'mdi-clock-outline', icon: 'mdi-clock-outline',
value: props.row.dateOfBirth value: props.row.dateOfBirth
? calculateAge(props.row.dateOfBirth) ?? '' ? (calculateAge(props.row.dateOfBirth) ?? '')
: '', : '',
}, },
], ],