From 4afcda0bf232003bb3ff9a37c137f211eeeb9934 Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Thu, 31 Oct 2024 13:40:49 +0700
Subject: [PATCH] feat: add installment name input for custom installments

---
 src/pages/05_quotation/QuotationFormInfo.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/pages/05_quotation/QuotationFormInfo.vue b/src/pages/05_quotation/QuotationFormInfo.vue
index f46ddd95..c3684639 100644
--- a/src/pages/05_quotation/QuotationFormInfo.vue
+++ b/src/pages/05_quotation/QuotationFormInfo.vue
@@ -57,9 +57,10 @@ const payType = defineModel<
 const paySplitCount = defineModel<number | null>('paySplitCount', {
   default: 1,
 });
-const paySplit = defineModel<{ no: number; amount: number }[]>('paySplit', {
-  required: true,
-});
+const paySplit = defineModel<{ no: number; name?: string; amount: number }[]>(
+  'paySplit',
+  { required: true },
+);
 const summaryPrice = defineModel<{
   totalPrice: number;
   totalDiscount: number;
@@ -269,6 +270,15 @@ watch(
                 :class="{ 'q-mb-sm': i !== paySplit.length }"
               >
                 {{ `${$t('quotation.periodNo')} ${i + 1}` }}
+                <q-input
+                  :readonly="readonly"
+                  :label="$t('general.name')"
+                  v-if="payType === 'SplitCustom'"
+                  v-model="period.name"
+                  class="col q-mx-sm"
+                  dense
+                  outlined
+                />
                 <q-input
                   :readonly="readonly || payType === 'Split'"
                   class="col q-mx-sm"