diff --git a/src/pages/03_customer-management/components/employer/EmployerFormAbout.vue b/src/pages/03_customer-management/components/employer/EmployerFormAbout.vue
index 85dd506f..2510e2ba 100644
--- a/src/pages/03_customer-management/components/employer/EmployerFormAbout.vue
+++ b/src/pages/03_customer-management/components/employer/EmployerFormAbout.vue
@@ -11,6 +11,7 @@ const legalPersonNo = defineModel<string | undefined>('legalPersonNo', {
 const branchCode = defineModel<string | undefined>('branchCode', {
   required: true,
 });
+
 // const customerCode = defineModel<string | undefined>('customerCode', {
 //   required: true,
 // });
@@ -54,11 +55,11 @@ defineProps<{
         lazy-rules="ondemand"
         dense
         outlined
-        disable
         hide-bottom-space
         class="col-12 col-md-3"
         for="input-branch-code"
         :label="$t('customer.form.branchCode')"
+        :disable="!readonly"
         :readonly="readonly"
         :model-value="branchCode"
       />
@@ -68,9 +69,9 @@ defineProps<{
         dense
         outlined
         hide-bottom-space
-        disable
         class="col-12 col-md-3"
         for="input-customer-code"
+        :disable="!readonly"
         :readonly="readonly"
         :label="$t('customer.form.customerCode')"
         :model-value="customerName"
diff --git a/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue b/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue
index d4b67c8c..ecfc78ad 100644
--- a/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue
+++ b/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue
@@ -292,7 +292,7 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         lazy-rules="ondemand"
         dense
         outlined
-        disable
+        :disable="!readonly"
         :readonly="readonly"
         hide-bottom-space
         class="col-12 col-md-2"