UPDATE

src/components/artist-information/bank-account/edit-bank-account/EditBankAcc.ts

@@ -83,7 +83,7 @@ export default defineComponent({
         Notify.create({
           type: 'positive',
           message: i18n.global.t(
-            'artist.dialogLabel.validateMessages.addAccess'
+            'artist.dialogLabel.validateMessages.editAccess'
           ),
         });
         let bankFilter = {};

src/components/artist-information/bank-account/index.vue

@@ -49,19 +49,19 @@
           <q-td style="padding: 0; height: 100%">
             <div align="center">
               <q-btn
+                @click="$emit('clickEditAccBankBtn', item.row, item.rowIndex)"
                 flat
                 round
                 color="primary"
-                icon="mdi-delete-outline"
-                @click="$emit('confirmDeleteAccBank', item.rowIndex)"
+                icon="mdi-circle-edit-outline"
               >
               </q-btn>
               <q-btn
-                @click="$emit('clickEditAccBankBtn', item.row, item.rowIndex)"
                 flat
                 round
                 color="primary"
-                icon="mdi-circle-edit-outline"
+                icon="mdi-delete-outline"
+                @click="$emit('confirmDeleteAccBank', item.rowIndex)"
               >
               </q-btn>
             </div>

src/pages/cap-nhat-thong-tin-nghe-sy/updateInformationArtist.ts

@@ -30,6 +30,8 @@ import {
   CardBankType,
   TypeCardType,
 } from 'src/assets/type';
+import { Router } from 'src/router';
+import { Pages } from 'src/router/routes';
 
 export default defineComponent({
   components: {
@@ -127,11 +129,6 @@ export default defineComponent({
 
     //state accountBank
 
-    const accountNumber: Ref<string | null | undefined> = ref();
-    const cardNumber: Ref<string | null | undefined> = ref();
-    const bank: Ref<number | null> = ref(null);
-    const cardType: Ref<number | null> = ref(null);
-    const isDefault: Ref<number | undefined> = ref(1);
     const rowBankAccIdx: Ref<number> = ref(0);
     const rowDataAccBank: Ref<BankAccountType | null> = ref(null);
 
@@ -285,11 +282,6 @@ export default defineComponent({
       openAddHotProduct.value = true;
     };
     const openDialogAddAccBank = () => {
-      accountNumber.value = null;
-      cardNumber.value = null;
-      bank.value = null;
-      cardType.value = null;
-      isDefault.value = 2;
       isOpenAddAccountBankDialog.value = true;
     };
     const deleteAccBank = (index: number) => {
@@ -317,7 +309,7 @@ export default defineComponent({
       isOpenEditAccountBankDialog.value = true;
     };
     const editAccBank = (value: BankAccountType) => {
-      console.log(value, 'editAccBankeditAccBankeditAccBankeditAccBank');
+      // console.log(value, 'editAccBankeditAccBankeditAccBankeditAccBank');
       bankAccounts.value[rowBankAccIdx.value] = value;
       isOpenEditAccountBankDialog.value = false;
     };
@@ -385,6 +377,7 @@ export default defineComponent({
           },
         })) as AxiosResponse<BaseResponseBody<unknown>>;
         if (response.data.error.code === config.API_RES_CODE.OK.code) {
+          await Router.push({ name: Pages.artist });
           Notify.create({
             type: 'positive',
             message: i18n.global.t('artist.actionMessages.editNewUserAccess'),
@@ -458,9 +451,6 @@ export default defineComponent({
       isOpenAddAccountBankDialog,
       openAddHotProduct,
       clickBtn,
-      accountNumber,
-      cardNumber,
-      isDefault,
       addAccBank,
       schedules,
       formatSchedules,
@@ -472,8 +462,6 @@ export default defineComponent({
       openDialogAddHotProduct,
       cardBankOptions,
       typeBankOptions,
-      bank,
-      cardType,
       isOpenEditAccountBankDialog,
       openDialogEditAccBank,
       editAccBank,