From bbe7604ab2b137981bc833446d0fcd646221c2ef Mon Sep 17 00:00:00 2001
From: Net <thanaphon@frappet.com>
Date: Wed, 21 Aug 2024 14:44:28 +0700
Subject: [PATCH] refactor: edit branchNo -> index

---
 src/pages/03_customer-management/MainPage.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 7d428016..df592675 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -5,7 +5,6 @@ import { useQuasar } from 'quasar';
 import { useRoute, useRouter } from 'vue-router';
 import { getUserId, getRole } from 'src/services/keycloak';
 
-import { calculateAge, dateFormat } from 'src/utils/datetime';
 import useCustomerStore from 'stores/customer';
 import useEmployeeStore from 'stores/employee';
 import useMyBranchStore from 'stores/my-branch';
@@ -1630,11 +1629,11 @@ const emptyCreateDialog = ref(false);
                   name: $t('customer.form.group.branch'),
                   anchor: 'form-branch-customer-branch',
                 },
-                ...(customerFormData.customerBranch?.map((v) => ({
+                ...(customerFormData.customerBranch?.map((v, i) => ({
                   name: $t('customer.form.branch.title', {
-                    name: v.branchNo || 0,
+                    name: i,
                   }),
-                  anchor: `form-branch-customer-no-${v.branchNo}`,
+                  anchor: `form-branch-customer-no-${i}`,
                   sub: true,
                 })) || []),
               ]"
@@ -1764,8 +1763,10 @@ const emptyCreateDialog = ref(false);
               >
                 <EmployerFormBranch
                   v-if="!!customerFormState.editCustomerId"
+                  :index="idx"
                   v-model:customer-branch="customerFormData.customerBranch[idx]"
                   :customer-type="customerFormData.customerType"
+                  :customer-name="`${customerFormData.firstName} ${customerFormData.lastName}`"
                   :action-disabled="
                     !customerFormState.readonly ||
                     (customerFormState.branchIndex !== -1 &&