From 11f90445f88d385f28edd1ce925e5855b02c9d02 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Wed, 3 Jul 2024 17:50:20 +0700
Subject: [PATCH] =?UTF-8?q?refactor:=20=E0=B9=80=E0=B8=9E=E0=B8=B4?=
 =?UTF-8?q?=E0=B9=88=E0=B8=A1=20input?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../03_customer-management/AboutComponent.vue | 17 ++++++++++++---
 .../BasicInformation.vue                      | 21 +++++++++++++++++++
 2 files changed, 35 insertions(+), 3 deletions(-)

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"