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

refactor: change stats card icon for each status (#78)

Browse source 
* refactor: change stats card icon for each status

* refactor: change stats color
This commit is contained in:
Methapon Metanipat 2024-11-19 15:57:26 +07:00 • committed by GitHub
parent c6190bbedc
commit f6645b0a86
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 6 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/pages/05_quotation/MainPage.vue
View file

@ -387,7 +387,7 @@ async function storeDataLocal(id: string) {
labelI18n labelI18n
:branch="[ :branch="[
{ {
icon: 'mdi-cash', icon: 'material-symbols-light:receipt-long',
count: quotationStats.issued, count: quotationStats.issued,
label: 'quotation.status.Issued', label: 'quotation.status.Issued',
color: 'orange', color: 'orange',
@ -400,33 +400,29 @@ async function storeDataLocal(id: string) {
color: 'pink', color: 'pink',
hidden: pageState.currentTab !== 'Accepted', hidden: pageState.currentTab !== 'Accepted',
}, },
{ {
icon: 'mdi-hand-coin-outline', icon: 'pajamas:expire',
count: quotationStats.expired, count: quotationStats.expired,
label: 'quotation.status.Expired', label: 'quotation.status.Expired',
color: 'cyan', color: 'cyan',
hidden: pageState.currentTab !== 'Expired', hidden: pageState.currentTab !== 'Expired',
}, },
{ {
icon: 'mdi-hand-coin-outline', icon: 'material-symbols-light:receipt-long',
count: quotationStats.paymentInProcess, count: quotationStats.paymentInProcess,
label: 'quotation.status.Invoice', label: 'quotation.status.Invoice',
color: 'purple', color: 'purple',
hidden: pageState.currentTab !== 'Invoice', hidden: pageState.currentTab !== 'Invoice',
}, },
{ {
icon: 'mdi-hand-coin-outline', icon: 'fluent:receipt-money-16-regular',
count: quotationStats.paymentSuccess, count: quotationStats.paymentSuccess,
label: 'quotation.status.PaymentSuccess', label: 'quotation.status.PaymentSuccess',
color: 'dark-orange', color: 'light-green',
hidden: pageState.currentTab !== 'PaymentSuccess', hidden: pageState.currentTab !== 'PaymentSuccess',
}, },
{ {
icon: 'mdi-hand-coin-outline', icon: 'mdi-check-decagram-outline',
count: quotationStats.processComplete, count: quotationStats.processComplete,
label: 'quotation.status.ProcessComplete', label: 'quotation.status.ProcessComplete',
color: 'blue', color: 'blue',