From 62ac7503a132ef9f27de0736a4d56d34f118fdae Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 23 May 2025 17:26:40 +0700
Subject: [PATCH] fix: update tab management and reset logic in ProfileBanner
 and MainPage components

---
 src/components/ProfileBanner.vue              |  1 +
 src/pages/03_customer-management/MainPage.vue | 19 ++++++++++++++-----
 src/pages/03_customer-management/form.ts      |  2 +-
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/components/ProfileBanner.vue b/src/components/ProfileBanner.vue
index 9c72041c..8e9dddc4 100644
--- a/src/components/ProfileBanner.vue
+++ b/src/components/ProfileBanner.vue
@@ -265,6 +265,7 @@ const smallBanner = ref(false);
               class="app-text-muted full-width"
               align="left"
               v-if="typeof tabsList === 'object'"
+              @update:model-value="(v) => $emit('update:currentTab', v)"
             >
               <q-tab
                 v-for="tab in tabsList"
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index cfd29786..735c0b24 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -4541,6 +4541,15 @@ const emptyCreateDialog = ref(false);
         <ProfileBanner
           :prefix="employeeFormState.currentEmployee.firstName"
           hideFade
+          @update:current-tab="
+            () => {
+              employeeFormState.isImageEdit = false;
+              employeeFormStore.resetFormDataEmployee();
+              employeeFormState.isEmployeeEdit = false;
+              employeeFormState.dialogType = 'info';
+              employeeFormState.currentIndexPassport = -1;
+            }
+          "
           @view="
             () => {
               employeeFormState.imageDialog = true;
@@ -5356,7 +5365,10 @@ const emptyCreateDialog = ref(false);
                     id="btn-add-work"
                     icon-only
                     class="q-ml-sm"
-                    :disabled="
+                    :disabled="employeeFormState.currentIndexPassport !== -1"
+                    @click.stop="employeeFormStore.addPassport()"
+                  />
+                  <!-- :disabled="
                       currentFromDataEmployee.employeePassport?.filter(
                         (item) => {
                           if (item.id === undefined) {
@@ -5368,9 +5380,7 @@ const emptyCreateDialog = ref(false);
                       employeeFormState.currentIndexPassport === -1
                         ? false
                         : true
-                    "
-                    @click.stop="employeeFormStore.addPassport()"
-                  />
+                    " -->
                 </div>
 
                 <div class="col self-center">
@@ -5477,7 +5487,6 @@ const emptyCreateDialog = ref(false);
                               "
                               type="submit"
                             />
-
                             <EditButton
                               v-if="
                                 employeeFormState.currentIndexPassport === -1 ||
diff --git a/src/pages/03_customer-management/form.ts b/src/pages/03_customer-management/form.ts
index 6ce28a18..150c8a8c 100644
--- a/src/pages/03_customer-management/form.ts
+++ b/src/pages/03_customer-management/form.ts
@@ -959,7 +959,7 @@ export const useEmployeeForm = defineStore('form-employee', () => {
     state.value.currentIndexVisa = -1;
     state.value.currentIndexCheckup = -1;
     state.value.currentIndexWorkHistory = -1;
-    state.value.currentTab = 'personalInfo';
+    // state.value.currentTab = 'personalInfo';
     if (clean) {
       state.value.formDataEmployeeOwner = undefined;
       resetEmployeeData = structuredClone(defaultFormData);