From d3456493e90dbdabf0d0bc07f6806349469ee475 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Mon, 17 Jun 2024 15:51:14 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E0=B8=99=E0=B8=B4=E0=B8=95=E0=B8=B4?=
 =?UTF-8?q?=E0=B8=9A=E0=B8=B8=E0=B8=84=E0=B8=84=E0=B8=A5=20=E0=B9=80?=
 =?UTF-8?q?=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1=20input=20=E0=B8=8A?=
 =?UTF-8?q?=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B9=80=E0=B8=88=E0=B9=89=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=82=E0=B8=AD=E0=B8=87=E0=B8=9A=E0=B8=A3=E0=B8=B4=E0=B8=A9?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BasicInformation.vue                      | 32 ++++++++++++++++---
 1 file changed, 27 insertions(+), 5 deletions(-)

diff --git a/src/components/03_customer-management/BasicInformation.vue b/src/components/03_customer-management/BasicInformation.vue
index 0cc87bd8..6636fe1f 100644
--- a/src/components/03_customer-management/BasicInformation.vue
+++ b/src/components/03_customer-management/BasicInformation.vue
@@ -2,6 +2,7 @@
 import { CustomerBranch } from 'src/stores/customer/types';
 import { onMounted, ref } from 'vue';
 
+const ownerName = defineModel<string>('ownerName');
 const customerName = defineModel<string>('customerName');
 const customerNameEn = defineModel<string>('customerNameEn');
 const taxNo = defineModel<string | null | undefined>('taxNo');
@@ -50,12 +51,12 @@ onMounted(async () => {});
       v-if="typeCustomer === 'PERS'"
       :dense="dense"
       :outlined="!readonly"
-      :readonly="true"
+      :readonly="readonly"
       :borderless="readonly"
       hide-bottom-space
       class="col-6"
-      :label="$t('formDialogEmployerID')"
-      v-model="employerID"
+      :label="$t('formDialogCustomerName')"
+      v-model="ownerName"
     />
     <q-input
       for="input-tax-no"
@@ -80,7 +81,9 @@ onMounted(async () => {});
       :borderless="readonly"
       hide-bottom-space
       class="col-6"
-      :label="$t('corporationThaiName')"
+      :label="
+        $t(typeCustomer === 'PERS' ? 'corporationThai' : 'corporationThaiName')
+      "
       v-model="customerName"
     />
     <q-input
@@ -92,9 +95,28 @@ onMounted(async () => {});
       :borderless="readonly"
       hide-bottom-space
       class="col-6"
-      :label="$t('corporationEnglishName')"
+      :label="
+        $t(
+          typeCustomer === 'PERS'
+            ? 'corporationEnglish'
+            : 'corporationEnglishName',
+        )
+      "
       v-model="customerNameEn"
     />
+
+    <q-input
+      v-if="typeCustomer !== 'PERS'"
+      for="input-owner-name"
+      :dense="dense"
+      :outlined="!readonly"
+      :readonly="readonly"
+      :borderless="readonly"
+      hide-bottom-space
+      class="col-6"
+      :label="$t('companyOwnerName')"
+      v-model="ownerName"
+    />
   </div>
 
   <div v-if="employee" class="col-9 row q-col-gutter-md">