From f7d6cdfd6e67b9dc6af69e586580a719a97de6af Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Mon, 30 Sep 2024 11:35:21 +0700
Subject: [PATCH] refactor: update select items

---
 .../employee/BasicInformation.vue             | 28 +++++++++++--------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/components/03_customer-management/employee/BasicInformation.vue b/src/components/03_customer-management/employee/BasicInformation.vue
index c5420ba7..6c62dfd7 100644
--- a/src/components/03_customer-management/employee/BasicInformation.vue
+++ b/src/components/03_customer-management/employee/BasicInformation.vue
@@ -153,12 +153,13 @@ defineEmits<{
             <div class="q-mt-sm">
               <div>
                 <span v-if="scope.opt.customer.customerType">
-                  {{ scope.opt.code }}
-                  {{
-                    scope.opt.customer.customerType === 'CORP'
-                      ? $t('customer.form.registerName')
-                      : $t('customer.form.ownerName')
-                  }}:
+                  <span style="font-weight: 600">
+                    {{
+                      scope.opt.customer.customerType === 'CORP'
+                        ? $t('customer.form.registerName')
+                        : $t('customer.form.ownerName')
+                    }}:
+                  </span>
                   {{
                     scope.opt.customer.customerType === 'CORP'
                       ? scope.opt.customerName
@@ -167,6 +168,7 @@ defineEmits<{
                           '-'
                         : `${scope.opt.firstName} ${scope.opt.lastName}` || '-'
                   }}
+                  ({{ scope.opt.code }})
                 </span>
               </div>
 
@@ -206,12 +208,13 @@ defineEmits<{
             style="width: 1px"
           >
             <div class="q-mr-sm">
-              {{ scope.opt.code }}
-              {{
-                scope.opt.customer.customerType === 'CORP'
-                  ? $t('customer.form.registerName')
-                  : $t('customer.form.ownerName')
-              }}:
+              <span style="font-weight: 600">
+                {{
+                  scope.opt.customer.customerType === 'CORP'
+                    ? $t('customer.form.registerName')
+                    : $t('customer.form.ownerName')
+                }}:
+              </span>
               {{
                 scope.opt.customer.customerType === 'CORP'
                   ? scope.opt.customerName
@@ -219,6 +222,7 @@ defineEmits<{
                     ? `${scope.opt.firstNameEN} ${scope.opt.lastNameEN}` || '-'
                     : `${scope.opt.firstName} ${scope.opt.lastName}` || '-'
               }}
+              ({{ scope.opt.code }})
             </div>
             <div
               class="text-caption app-text-muted-2"