refactor: table color

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

View file

@ -1064,6 +1064,13 @@ watch(currentHq, () => {
'app-text-muted': props.row.status === 'INACTIVE',
'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"
@click="
() => {

View file

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