From f5a746e84c4c09986e042ebc8a9e8df263051519 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 12 Jun 2024 08:48:04 +0000
Subject: [PATCH] fix: employee handle tab

---
 src/pages/03_customer-management/MainPage.vue | 23 ++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 138aad18..b466aaa9 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -829,6 +829,7 @@ async function assignFormDataEmployee(id: string) {
       citizenId: fetchOther.citizenId,
     };
 
+    formDataEmployeeTab.value = 'personalInfo';
     currentEmployee.value = foundEmployee;
     profileUrl.value = foundEmployee.profileImageUrl;
     profileSubmit.value = true;
@@ -994,7 +995,7 @@ watch(fieldSelectedCustomer, async () => {
           </div>
           <div class="row full-width" style="overflow-x: auto">
             <StatCardComponent
-              v-if="customerStats"
+              v-if="customerStats && selectorLabel === 'EMPLOYER'"
               labelI18n
               :branch="
                 customerStats.map((v) => ({
@@ -1012,6 +1013,26 @@ watch(fieldSelectedCustomer, async () => {
               :dark="$q.dark.isActive"
               class="no-wrap"
             />
+
+            <StatCardComponent
+              v-if="customerStats && selectorLabel === 'EMPLOYEE'"
+              labelI18n
+              :branch="
+                customerStats.map((v) => ({
+                  count:
+                    v.name === 'CORP'
+                      ? statsCustomerType?.CORP ?? 0
+                      : statsCustomerType?.PERS ?? 0,
+                  label:
+                    v.name === 'CORP'
+                      ? 'customerLegalEntity'
+                      : 'customerNaturalPerson',
+                  color: v.name === 'CORP' ? 'pink' : 'green',
+                }))
+              "
+              :dark="$q.dark.isActive"
+              class="no-wrap"
+            />
           </div>
         </AppBox>
       </div>