From 46b44a08cbdbb8dd08d4202b0c03cf49623e5c9a Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Mon, 17 Jun 2024 15:46:20 +0700
Subject: [PATCH] =?UTF-8?q?fix:=20=E0=B8=9A=E0=B8=B8=E0=B8=84=E0=B8=84?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=98=E0=B8=A3=E0=B8=A3=E0=B8=A1=E0=B8=94=E0=B8=B2?=
 =?UTF-8?q?=20=E0=B8=95=E0=B8=B1=E0=B8=94=20=E0=B8=99=E0=B8=B4=E0=B8=95?=
 =?UTF-8?q?=E0=B8=B4=E0=B8=AD=E0=B8=AD=E0=B8=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../03_customer-management/AboutComponent.vue  | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/03_customer-management/AboutComponent.vue b/src/components/03_customer-management/AboutComponent.vue
index dad23d11..874d6ec7 100644
--- a/src/components/03_customer-management/AboutComponent.vue
+++ b/src/components/03_customer-management/AboutComponent.vue
@@ -34,7 +34,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
         :readonly="true"
         :borderless="readonly"
         hide-bottom-space
-        class="col-6"
+        class="col-3"
         :label="$t('branchCode')"
         v-model="employerBranchCode"
       />
@@ -48,11 +48,25 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
         :readonly="readonly"
         :borderless="readonly"
         hide-bottom-space
-        class="col-6"
+        class="col"
         :label="$t('customerName')"
         v-model="customerName"
       />
 
+      <q-input
+        for="input-customerEnglishName"
+        id="input-customerEnglishName"
+        v-if="typeCustomer === 'PERS'"
+        :dense="dense"
+        :outlined="!readonly"
+        :readonly="readonly"
+        :borderless="readonly"
+        hide-bottom-space
+        class="col"
+        :label="$t('customerEnglishName')"
+        v-model="customerEnglishName"
+      />
+
       <div class="row q-col-gutter-md">
         <q-input
           for="input-branchCode"