From 88d0e1df1431a3ec4a161f0b548ac02a82e56f64 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Fri, 1 Nov 2024 10:50:39 +0700
Subject: [PATCH] refactor: show total pay split

---
 src/pages/05_quotation/QuotationForm.vue        | 5 +++--
 src/pages/05_quotation/QuotationFormReceipt.vue | 3 +++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index 60e9e8ea..35fa1079 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -1458,13 +1458,14 @@ const view = ref<View>(View.Quotation);
               </div>
             </q-expansion-item>
           </template>
-
           <QuotationFormReceipt
             v-if="view === View.Receipt"
-            v-for="v in receiptList"
+            v-for="(v, i) in receiptList"
             :amount="v.amount"
             :date="v.date"
             :pay-type="quotationFormData.payCondition"
+            :index="i"
+            :pay-split-count="quotationFormData.paySplitCount || 0"
           />
         </div>
       </section>
diff --git a/src/pages/05_quotation/QuotationFormReceipt.vue b/src/pages/05_quotation/QuotationFormReceipt.vue
index 0f32c267..04d84825 100644
--- a/src/pages/05_quotation/QuotationFormReceipt.vue
+++ b/src/pages/05_quotation/QuotationFormReceipt.vue
@@ -7,6 +7,8 @@ withDefaults(
     payType: string;
     amount: number;
     date: string | Date;
+    index: number;
+    paySplitCount: number;
   }>(),
   { payType: 'Full', amount: 0, date: () => new Date() },
 );
@@ -22,6 +24,7 @@ withDefaults(
       </span>
       <span class="row items-center">
         {{ $t(`quotation.type.${payType}`) }}
+        {{ payType !== 'Full' ? `${index + 1} / ${paySplitCount}` : `` }}
         <q-icon name="mdi-minus" class="q-px-xs" />
         <article class="app-text-positive text-weight-medium">
           {{ $t('quotation.receiptDialog.PaymentSuccess') }}