From f187cdb2231dec959774da80804b9eb769353adf Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 21 Aug 2025 11:57:27 +0700
Subject: [PATCH] fix: business type display

---
 src/pages/03_customer-management/MainPage.vue |  2 +-
 .../employer/EmployerFormBasicInfo.vue        | 23 ++++++-------------
 2 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 3ec63b43..b482ab77 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -4328,7 +4328,7 @@ const emptyCreateDialog = ref(false);
                 customerFormData.customerBranch[0].legalPersonNo
               "
               v-model:business-type="
-                customerFormData.customerBranch[0].businessType
+                customerFormData.customerBranch[0].businessTypeId
               "
               v-model:job-position="
                 customerFormData.customerBranch[0].jobPosition
diff --git a/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue b/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue
index 045464f5..dbb57c80 100644
--- a/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue
+++ b/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue
@@ -2,6 +2,7 @@
 import useOptionStore from 'stores/options';
 import SelectBranch from 'src/components/shared/select/SelectBranch.vue';
 import { isRoleInclude } from 'src/stores/utils';
+import SelectBusinessType from 'src/components/shared/select/SelectBusinessType.vue';
 
 withDefaults(
   defineProps<{
@@ -142,15 +143,10 @@ const telephoneNo = defineModel<string>('telephoneNo', { default: '' });
           for="input-tax"
           v-model="legalPersonNo"
         />
-        <q-input
-          dense
-          outlined
-          :readonly="readonly"
-          hide-bottom-space
+        <SelectBusinessType
           class="col-6 col-md-3"
-          :label="$t('customer.table.businessTypePure')"
-          for="input-business-type"
-          :model-value="optionStore.mapOption(businessType)"
+          v-model:value="businessType"
+          :readonly
         />
       </div>
 
@@ -179,15 +175,10 @@ const telephoneNo = defineModel<string>('telephoneNo', { default: '' });
           :label="$t('personnel.form.citizenId')"
           for="input-citizen-id"
         />
-        <q-input
-          dense
-          outlined
-          :readonly="readonly"
-          hide-bottom-space
+        <SelectBusinessType
           class="col-6 col-md-3"
-          :label="$t('customer.table.businessTypePure')"
-          for="input-first-name-en"
-          :model-value="optionStore.mapOption(businessType)"
+          v-model:value="businessType"
+          :readonly
         />
       </div>