diff --git a/src/components/03_customer-management/AboutComponent.vue b/src/components/03_customer-management/AboutComponent.vue
index 7b209788..27772208 100644
--- a/src/components/03_customer-management/AboutComponent.vue
+++ b/src/components/03_customer-management/AboutComponent.vue
@@ -17,8 +17,7 @@ const customerEnglishName = defineModel<string>('customerEnglishName');
 const authorizedCapital = defineModel<string>('authorizedCapital');
 const registerName = defineModel<string>('registerName');
 const registerDate = defineModel<Date | null>('registerDate');
-
-const employerBranchCode = defineModel<string>('employerBranchCode');
+const branchNo = defineModel<number>('branchNo');
 </script>
 
 <template>
@@ -35,7 +34,19 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
         hide-bottom-space
         class="col-3"
         :label="$t('branchCode')"
-        v-model="employerBranchCode"
+        v-model="branchCode"
+      />
+
+      <q-input
+        for="input-branchCode"
+        id="input-branchCode"
+        :dense="dense"
+        outlined
+        :readonly="!!branchCode"
+        hide-bottom-space
+        class="col-3"
+        label="ลำดับที่"
+        v-model="branchNo"
       />
 
       <q-input
diff --git a/src/components/03_customer-management/BasicInformation.vue b/src/components/03_customer-management/BasicInformation.vue
index 506c812b..72772e6c 100644
--- a/src/components/03_customer-management/BasicInformation.vue
+++ b/src/components/03_customer-management/BasicInformation.vue
@@ -5,6 +5,7 @@ import { onMounted, ref } from 'vue';
 const personName = defineModel<string>('personName');
 const customerName = defineModel<string>('customerName');
 const customerNameEn = defineModel<string>('customerNameEn');
+const registeredBranchId = defineModel<string>('registeredBranchId');
 const taxNo = defineModel<string | null | undefined>('taxNo');
 
 const employerID = defineModel<string>('employerID');
@@ -29,6 +30,7 @@ defineProps<{
   separator?: boolean;
   typeCustomer?: string;
   employee?: boolean;
+  optionsBranch?: { id: string; name: string }[];
 
   employeeOwnerOption?: CustomerBranch[];
 }>();
@@ -45,6 +47,25 @@ onMounted(async () => {});
     • {{ $t(`formDialogTitleInformation`) }}
   </div>
   <div v-if="!employee" class="col-9 row q-col-gutter-md">
+    <q-select
+      id="input-source-nationality"
+      :dense="dense"
+      outlined
+      :readonly="readonly"
+      :hide-dropdown-icon="readonly"
+      hide-bottom-space
+      emit-value
+      map-options
+      options-dense
+      :label="$t('registeredBranch')"
+      class="col-12"
+      option-label="name"
+      option-value="id"
+      v-model="registeredBranchId"
+      :options="optionsBranch"
+      :rules="[(val) => !!val]"
+    />
+
     <q-input
       for="input-employer-id"
       id="input-employer-id"