From 3679de69f1ba7d47c8c0f6b6604a387b66e11851 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Fri, 29 Nov 2024 10:16:51 +0700
Subject: [PATCH] refactor: add props branch virtual

---
 src/components/05_quotation/FormAbout.vue     |  3 ++-
 src/components/shared/select/SelectBranch.vue | 15 +++++++++------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/05_quotation/FormAbout.vue b/src/components/05_quotation/FormAbout.vue
index 4838f447..85b8d79a 100644
--- a/src/components/05_quotation/FormAbout.vue
+++ b/src/components/05_quotation/FormAbout.vue
@@ -57,11 +57,12 @@ defineEmits<{
     <div class="col-12 row q-col-gutter-sm">
       <SelectBranch
         v-model:value="branchId"
-        :label="$t('quotation.branch')"
+        :label="$t('quotation.branchVirtual')"
         class="col-md-6 col-12"
         simple
         required
         :readonly
+        branch-virtual
       />
       <SelectCustomer
         v-model:value="customerBranchId"
diff --git a/src/components/shared/select/SelectBranch.vue b/src/components/shared/select/SelectBranch.vue
index 53a80b41..9bd092d2 100644
--- a/src/components/shared/select/SelectBranch.vue
+++ b/src/components/shared/select/SelectBranch.vue
@@ -27,6 +27,7 @@ defineEmits<{
 
 type ExclusiveProps = {
   selectFirstValue?: boolean;
+  branchVirtual?: boolean;
 };
 
 const props = defineProps<SelectProps<typeof getList> & ExclusiveProps>();
@@ -80,12 +81,14 @@ function setDefaultValue() {
     :option="
       selectOptions.map((v) => {
         const ret = {
-          label: (
-            {
-              ['eng']: [v.nameEN, `(${v.code})`].join(' '),
-              ['tha']: [v.name, `(${v.code})`].join(' '),
-            } as const
-          )[$i18n.locale],
+          label:
+            `${branchVirtual ? $t('branch.card.branchVirtual') : ''}` +
+            (
+              {
+                ['eng']: [v.nameEN, `(${v.code})`].join(' '),
+                ['tha']: [v.name, `(${v.code})`].join(' '),
+              } as const
+            )[$i18n.locale],
           value: v.id,
         };
         return ret;