From 5ea09453dcb68f8d2efc45ad69c1d91d4b06f0c4 Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Wed, 13 Nov 2024 17:14:40 +0700
Subject: [PATCH] feat: add simple branch no parameter for select customer

---
 src/components/shared/select/SelectCustomer.vue  |  4 +++-
 .../shared/select/SelectCustomerItem.vue         | 16 +++++++++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/shared/select/SelectCustomer.vue b/src/components/shared/select/SelectCustomer.vue
index 5530b03d..bbd640bd 100644
--- a/src/components/shared/select/SelectCustomer.vue
+++ b/src/components/shared/select/SelectCustomer.vue
@@ -31,6 +31,7 @@ defineEmits<{
 
 type ExclusiveProps = {
   simple?: boolean;
+  simpleBranchNo?: boolean;
 };
 
 const props = defineProps<SelectProps<typeof getList> & ExclusiveProps>();
@@ -87,6 +88,7 @@ onMounted(async () => {
         v-if="typeof opt === 'object'"
         :data="opt"
         :simple
+        :simple-branch-no
         single-line
       />
     </template>
@@ -110,7 +112,7 @@ onMounted(async () => {
 
     <template #option="{ opt, scope }">
       <q-item v-bind="scope.itemProps">
-        <SelectCustomerItem :data="opt" :simple />
+        <SelectCustomerItem :data="opt" :simple :simple-branch-no />
       </q-item>
 
       <q-separator class="q-mx-sm" />
diff --git a/src/components/shared/select/SelectCustomerItem.vue b/src/components/shared/select/SelectCustomerItem.vue
index f47be88e..6d7fe5ac 100644
--- a/src/components/shared/select/SelectCustomerItem.vue
+++ b/src/components/shared/select/SelectCustomerItem.vue
@@ -6,6 +6,7 @@ import { formatAddress } from 'src/utils/address';
 defineProps<{
   data?: CustomerBranch & { customer: Customer };
   simple?: boolean;
+  simpleBranchNo?: boolean;
   singleLine?: boolean;
 }>();
 
@@ -28,7 +29,20 @@ const optionStore = useOptionStore();
             }[$i18n.locale] || '-',
         }[data.customer.customerType]
       }}
-      ({{ data.code }})
+
+      ({{
+        simpleBranchNo
+          ? (
+              $t(
+                `branch.form.title.${data.code.endsWith('-00') ? 'branchHQLabel' : 'branchLabel'}`,
+              ) +
+              ' ' +
+              (!data.code.endsWith('-00')
+                ? String(+data.code.split('-')[1])
+                : '')
+            ).trim()
+          : data.code
+      }})
     </div>
     <div
       v-else