From 7348935d4855daa0c3757fbf85ef8720f3079551 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 18 Sep 2025 09:55:07 +0700
Subject: [PATCH] refactor: customer, employee upload profile after created

---
 .../03_customer-management/DialogEmployee.vue | 12 +++++++++++-
 .../03_customer-management/TabCustomer.vue    | 19 ++++++++++++++++++-
 2 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/src/components/03_customer-management/DialogEmployee.vue b/src/components/03_customer-management/DialogEmployee.vue
index cfd4088a..db428f83 100644
--- a/src/components/03_customer-management/DialogEmployee.vue
+++ b/src/components/03_customer-management/DialogEmployee.vue
@@ -239,7 +239,17 @@ const mrz = defineModel<Awaited<ReturnType<typeof parseResultMRZ>>>('mrz');
           }
         "
         @edit="
-          employeeFormState.imageDialog = employeeFormState.isImageEdit = true
+          () => {
+            if (currentFromDataEmployee.id) {
+              fetchImageList(
+                currentFromDataEmployee.id,
+                currentFromDataEmployee.selectedImage || '',
+                'employee',
+              );
+            }
+            employeeFormState.imageDialog =
+              employeeFormState.isImageEdit = true;
+          }
         "
         @update:toggle-status="
           () => {
diff --git a/src/pages/03_customer-management/TabCustomer.vue b/src/pages/03_customer-management/TabCustomer.vue
index 054e7487..38371083 100644
--- a/src/pages/03_customer-management/TabCustomer.vue
+++ b/src/pages/03_customer-management/TabCustomer.vue
@@ -1145,7 +1145,17 @@ onMounted(async () => {
           }
         "
         @edit="
-          customerFormState.imageDialog = customerFormState.isImageEdit = true
+          () => {
+            if (customerFormState.editCustomerId) {
+              fetchImageList(
+                customerFormState.editCustomerId,
+                customerFormData.selectedImage,
+                'customer',
+              );
+            }
+            customerFormState.imageDialog =
+              customerFormState.isImageEdit = true;
+          }
         "
       />
     </div>
@@ -1893,24 +1903,31 @@ onMounted(async () => {
     "
     @submit="
       async (v) => {
+        console.log(customerFormState.editCustomerId);
         if (
           customerFormState.dialogModal &&
           !customerFormState.editCustomerId
         ) {
+          console.log(1);
           customerFormState.customerImageUrl = v;
           customerFormState.imageDialog = false;
         } else {
+          console.log(2);
           refreshImageState = true;
           customerFormData.selectedImage = v;
           customerFormState.imageList
             ? (customerFormState.imageList.selectedImage = v)
             : '';
           customerFormState.customerImageUrl = `${baseUrl}/customer/${customerFormState.editCustomerId && customerFormState.editCustomerId}/image/${v}`;
+          console.log(customerFormData.selectedImage);
           customerFormStore.resetForm();
+          console.log(customerFormData.selectedImage);
           await customerFormStore.submitFormCustomer();
+          console.log(customerFormData.selectedImage);
           customerFormState.imageDialog = false;
           refreshImageState = false;
           await fetchListCustomer();
+          console.log(customerFormData.selectedImage);
         }
       }
     "