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

refactor: handle status canceled

Browse source
This commit is contained in:
Thanaphon Frappet 2025-01-07 11:29:40 +07:00
parent 1fc44abdb4
commit 9590467d0f
2 changed files with 12 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/components/05_quotation/TableQuotation.vue
View file

@ -33,16 +33,6 @@ function payCondition(value: string) {
return '';
}
function quotationStatus(value: string) {
if (value === 'Issued') return 'quotation.status.Issued';
if (value === 'Accepted') return 'quotation.status.Accepted';
if (value === 'Expired') return 'quotation.status.Expired';
if (value === 'PaymentInProcess') return 'quotation.status.Invoice';
if (value === 'PaymentSuccess') return 'quotation.status.PaymentSuccess';
if (value === 'ProcessComplete') return 'quotation.status.ProcessComplete';
return '';
}
defineEmits<{
(e: 'preview', data: any): void;
(e: 'view', data: any): void;
@ -109,21 +99,21 @@ defineEmits<{
</q-td>
<q-td v-if="visibleColumns.includes('status')">
<div class="row" style="min-width: 150px">
<div style="min-width: 150px">
<BadgeComponent
:title="$t(quotationStatus(props.row.quotationStatus))"
:title="$t(`quotation.status.${props.row.quotationStatus}`)"
:hsla-color="hslaColors[props.row.quotationStatus] || ''"
/>
<div v-if="props.row.urgent" class="q-ml-sm" style="font-size: 90%">
<BadgeComponent
icon="mdi-fire"
:title="$t('general.urgent2')"
hsla-color="--gray-1-hsl"
hsla-background="--red-8-hsl"
solid
/>
</div>
<BadgeComponent
class="q-ml-xs"
icon="mdi-fire"
v-if="props.row.urgent"
:title="$t('general.urgent2')"
hsla-color="--gray-1-hsl"
hsla-background="--red-8-hsl"
solid
/>
</div>
</q-td>

1
src/pages/05_quotation/constants.ts
View file

@ -135,4 +135,5 @@ export const hslaColors: Record<string, string> = {
PaymentInProcess: '--purple-7-hsl',
PaymentSuccess: '--green-8-hsl',
ProcessComplete: '--blue-6-hsl',
Canceled: '--red-6-hsl',
};