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

refactor: edit tab

Browse source
This commit is contained in:
Thanaphon Frappet 2024-11-07 14:23:55 +07:00
parent a2de3f2ffa
commit 941dea1a08
1 changed files with 67 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -72,7 +72,7 @@ const pageState = reactive({
gridView: true,
total: 0,
currentTab: 'all',
currentTab: 'Issued',
addModal: false,
quotationModal: false,
employeeModal: false,
@ -227,7 +227,7 @@ onMounted(async () => {
text: 'quotation.caption',
i18n: true,
handler: () => {
pageState.currentTab = 'all';
pageState.currentTab = 'Issued';
},
},
];
@ -243,6 +243,8 @@ onMounted(async () => {
const ret = await quotationStore.getQuotationList({
page: quotationPage.value,
pageSize: quotationPageSize.value,
status: 'Issued',
urgentFirst: true,
});
if (ret) {
@ -257,20 +259,24 @@ onMounted(async () => {
async function fetchQuotationList() {
{
console.log(pageState.currentTab);
const ret = await quotationStore.getQuotationList({
page: quotationPage.value,
pageSize: quotationPageSize.value,
payCondition:
pageState.currentTab !== 'all'
status:
pageState.currentTab !== 'Issued'
? (
{
fullAmountCash: 'Full',
installmentsCash: 'Split',
installmentsCustomCash: 'SplitCustom',
Accepted: 'Accepted',
Expired: 'Expired',
Invoice: 'PaymentInProcess',
PaymentSuccess: 'PaymentSuccess',
ProcessComplete: 'ProcessComplete',
} as const
)[pageState.currentTab]
: undefined,
: 'Issued',
query: pageState.inputSearch,
urgentFirst: true,
});
if (ret) {
@ -331,15 +337,19 @@ async function storeDataLocal(id: string) {
"
>
{{
pageState.currentTab === 'all'
? pageState.total
: pageState.currentTab === 'fullAmountCash'
? quotationStats.full
: pageState.currentTab === 'installmentsCash'
? quotationStats.split
: pageState.currentTab === 'installmentsCustomCash'
? quotationStats.splitCustom
: 0
pageState.currentTab === 'Issued'
? quotationStats.issued
: pageState.currentTab === 'Accepted'
? quotationStats.accepted
: pageState.currentTab === 'Expired'
? quotationStats.expired
: pageState.currentTab === 'Invoice'
? quotationStats.paymentInProcess
: pageState.currentTab === 'PaymentSuccess'
? quotationStats.paymentSuccess
: pageState.currentTab === 'ProcessComplete'
? quotationStats.processComplete
: 0
}}
</q-badge>
<q-btn
@ -364,30 +374,49 @@ async function storeDataLocal(id: string) {
:branch="[
{
icon: 'mdi-cash',
count: quotationStats.full,
label: 'quotation.type.fullAmountCash',
color: 'red',
hidden:
pageState.currentTab !== 'all' &&
pageState.currentTab !== 'fullAmountCash',
count: quotationStats.issued,
label: 'quotation.status.Issued',
color: 'orange',
hidden: pageState.currentTab !== 'Issued',
},
{
icon: 'mdi-hand-coin-outline',
count: quotationStats.split,
label: 'quotation.type.installmentsCash',
count: quotationStats.accepted,
label: 'quotation.status.Accepted',
color: 'pink',
hidden: pageState.currentTab !== 'Accepted',
},
{
icon: 'mdi-hand-coin-outline',
count: quotationStats.expired,
label: 'quotation.status.Expired',
color: 'cyan',
hidden: pageState.currentTab !== 'Expired',
},
{
icon: 'mdi-hand-coin-outline',
count: quotationStats.paymentInProcess,
label: 'quotation.status.Invoice',
color: 'purple',
hidden: pageState.currentTab !== 'Invoice',
},
{
icon: 'mdi-hand-coin-outline',
count: quotationStats.paymentSuccess,
label: 'quotation.status.PaymentSuccess',
color: 'dark-orange',
hidden: pageState.currentTab !== 'PaymentSuccess',
},
{
icon: 'mdi-hand-coin-outline',
count: quotationStats.processComplete,
label: 'quotation.status.ProcessComplete',
color: 'blue',
hidden:
pageState.currentTab !== 'all' &&
pageState.currentTab !== 'installmentsCash',
},
{
icon: 'mdi-hand-coin-outline',
count: quotationStats.splitCustom,
label: 'quotation.type.installmentsCustomCash',
color: 'lime',
hidden:
pageState.currentTab !== 'all' &&
pageState.currentTab !== 'installmentsCustomCash',
hidden: pageState.currentTab !== 'ProcessComplete',
},
]"
:dark="$q.dark.isActive"
@ -528,7 +557,7 @@ async function storeDataLocal(id: string) {
pageState.currentTab === tab ? 'text-bold' : 'app-text-muted'
"
>
{{ $t(`quotation.type.${tab}`) }}
{{ $t(`quotation.status.${tab}`) }}
</div>
</q-tab>
</q-tabs>