refactor: dynamic image based on customer type

src/pages/03_customer-management/MainPage.vue

@@ -382,6 +382,7 @@ async function editCustomerForm(id: string) {
   await customerFormStore.assignFormData(id);
   customerFormState.value.dialogType = 'edit';
   customerFormState.value.dialogModal = true;
+  customerFormState.value.editCustomerId = id;
 }
 
 function createCustomerForm(customerType: 'CORP' | 'PERS') {
@@ -1644,8 +1645,9 @@ function createCustomerForm(customerType: 'CORP' | 'PERS') {
         })
     "
     :submit="
-      () => {
+      async () => {
-        customerFormStore.submitForm();
+        await customerFormStore.submitForm();
+        await fetchListCustomer();
       }
     "
     :close="() => (customerFormState.dialogModal = false)"
@@ -1659,10 +1661,10 @@ function createCustomerForm(customerType: 'CORP' | 'PERS') {
           customerFormState.customerImageUrl === '' ||
           customerFormState.customerImageUrl === null
         "
-        fallback-cover="/images/customer-legal-banner-bg.jpg"
+        :fallback-cover="`/images/customer-${customerFormData.customerType}-banner-bg.jpg`"
         :img="
           customerFormState.customerImageUrl ||
-          '/images/customer-legal-avartar.png'
+          `/images/customer-${customerFormData.customerType}-avartar.png`
         "
         color="hsla(var(--pink-6-hsl)/1)"
         bg-color="hsla(var(--pink-6-hsl)/0.15)"
@@ -1701,7 +1703,6 @@ function createCustomerForm(customerType: 'CORP' | 'PERS') {
         id="customer-form-content"
         style="height: 100%; max-height: 100%; overflow-y: auto"
       >
-        {{ customerFormData.customerType }}
         <FormBasicInfo
           id="form-basic-info-customer"
           @save="customerFormState.saveMode = 'customer'"
@@ -1738,7 +1739,7 @@ function createCustomerForm(customerType: 'CORP' | 'PERS') {
       !customerFormState.customerImageUrl ||
       customerFormState.dialogType === 'edit'
     "
-    fallback-url="/images/customer-legal-avartar.png"
+    :fallback-cover="`/images/customer-${customerFormData.customerType}-banner-bg.jpg`"
     clear-button
     @save="() => {}"
   ></ImageUploadDialog>

src/pages/03_customer-management/form.ts

@@ -177,6 +177,10 @@ export const useCustomerForm = defineStore('form-customer', () => {
 
     await customerStore.editById(state.value.editCustomerId, {
       ...currentFormData.value,
+      status:
+        currentFormData.value.status !== 'CREATED'
+          ? currentFormData.value.status
+          : undefined,
       image: currentFormData.value.image || undefined,
       customerBranch: undefined,
     });