feat: นิติบุคคล เพิ่ม input ชื่อเจ้าของบริษัท

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">