From d38c2a09fcc9acf693bdf5880d16f9ec5fe27656 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Tue, 11 Jun 2024 15:31:00 +0700
Subject: [PATCH] =?UTF-8?q?fix:=20=E0=B9=81=E0=B8=81=E0=B9=89=20=20i18n=20?=
 =?UTF-8?q?=20=E0=B8=AB=E0=B8=B2=20key=20=20=E0=B9=84=E0=B8=A1=E0=B9=88?=
 =?UTF-8?q?=E0=B9=80=E0=B8=88=E0=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/03_customer-management/MainPage.vue | 33 +++++++------------
 1 file changed, 12 insertions(+), 21 deletions(-)

diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index f095f971..f5936344 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -235,12 +235,12 @@ const listEmployee = ref();
 const itemCard = [
   {
     icon: 'mdi:office-building',
-    text: 'CORP',
+    text: 'customerLegalEntity',
     color: 'var(--purple-8)',
   },
   {
     icon: 'heroicons:user-solid',
-    text: 'PERS',
+    text: 'customerNaturalPerson',
     color: 'var(--green-9)',
   },
 ];
@@ -278,7 +278,11 @@ const employeeTab = [
   },
 ];
 
-const fieldCustomer = ref(['all', 'CORP', 'PERS']);
+const fieldCustomer = ref([
+  'all',
+  'customerLegalEntity',
+  'customerNaturalPerson',
+]);
 
 const dialogCustomerType = ref<boolean>(false);
 const dialogInputForm = ref<boolean>(false);
@@ -649,15 +653,17 @@ watch(currentPageCustomer, async () => {
 watch(fieldSelectedCustomer, async () => {
   let resultList;
 
+  console.log(fieldSelectedCustomer.value.value);
+
   if (fieldSelectedCustomer.value.value === 'all') {
     resultList = await fetchList({ includeBranch: true });
   }
 
-  if (fieldSelectedCustomer.value.value === 'CORP') {
+  if (fieldSelectedCustomer.value.value === 'customerLegalEntity') {
     resultList = await fetchList({ includeBranch: true, customerType: 'CORP' });
   }
 
-  if (fieldSelectedCustomer.value.value === 'PERS') {
+  if (fieldSelectedCustomer.value.value === 'customerNaturalPerson') {
     resultList = await fetchList({ includeBranch: true, customerType: 'PERS' });
   }
 
@@ -806,22 +812,7 @@ watch(fieldSelectedCustomer, async () => {
             style="min-height: 250px"
           >
             <UsersDetailCardComponent
-              v-for="i in inputSearch
-                ? resultSearch
-                : listCustomer.filter((v) => {
-                    if (fieldSelectedCustomer.value === 'all') return true;
-
-                    if (
-                      fieldSelectedCustomer.value === 'CORP' &&
-                      v.customerType === 'CORP'
-                    )
-                      return true;
-                    if (
-                      fieldSelectedCustomer.value === 'PERS' &&
-                      v.customerType === 'PERS'
-                    )
-                      return true;
-                  })"
+              v-for="i in inputSearch ? resultSearch : listCustomer"
               :key="i.id"
               class="hover-card"
               :color="i.customerType === 'CORP' ? 'purple' : 'green'"