update

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

@@ -39,7 +39,7 @@
                 round
                 color="primary"
                 icon="mdi-delete-outline"
-                @click="$emit('confirmDeleteAccBank', item)"
+                @click="$emit('confirmDeleteAccBank', item.rowIndex)"
               >
               </q-btn>
               <q-btn flat round color="primary" icon="mdi-circle-edit-outline">
@@ -85,10 +85,6 @@
         </div>
       </div> -->
     </div>
-    <!-- <AddNewBankAccountDialog
-      v-model:is-open-dialog="isOpenDialog"
-      @click:CloseBtn="!isOpenDialog"
-    ></AddNewBankAccountDialog> -->
   </div>
 </template>
 

src/i18n/vi/index.ts

@@ -438,6 +438,12 @@ export default {
         default: 'Mặc định',
         action: 'Chức năng',
       },
+      confirmActionsTitle: {
+        confirmDeleteAccBankTitle: 'Xác nhận',
+        confirmDeleteAccBankContent:
+          'Bạn có chắc muốn xoá tài khoản này không?',
+        confirmDeleteAccBankBtnLabel: 'Huỷ',
+      },
     },
     hotProduct: {
       tableColumnsProduct: {

src/pages/cap-nhat-thong-tin-nghe-sy/index.vue

@@ -80,7 +80,7 @@
             <BankAccount
               :bank-accounts="bankAccounts"
               @confirmDeleteAccBank="confirmDeleteAccBank"
-              @click:addBankBtn="isOpenAddAccountBankDialog = true"
+              @click:addBankBtn="openDialogAddAccBank"
             ></BankAccount>
           </q-tab-panel>
           <q-tab-panel name="hotProduct">

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

@@ -10,6 +10,9 @@ import { API_PATHS, config } from 'src/assets/configurations';
 import { useRoute } from 'vue-router';
 import { AxiosResponse } from 'axios';
 import moment from 'moment';
+import { i18n } from 'src/boot/i18n';
+import { Dialog } from 'quasar';
+
 import {
   ArtistInfoType,
   FieldType,
@@ -228,7 +231,31 @@ export default defineComponent({
     };
 
     const confirmDeleteAccBank = (value: number) => {
-      console.log(value, 'valueeee');
+      Dialog.create({
+        title: i18n.global.t(
+          'artist.bankAccount.confirmActionsTitle.confirmDeleteAccBankTitle'
+        ),
+        message: i18n.global.t(
+          'artist.bankAccount.confirmActionsTitle.confirmDeleteAccBankContent'
+        ),
+        cancel: i18n.global.t(
+          'artist.bankAccount.confirmActionsTitle.confirmDeleteAccBankBtnLabel'
+        ),
+        color: 'negative',
+      }).onOk(() => {
+        deleteAccBank(value);
+      });
+    };
+    const openDialogAddAccBank = () => {
+      accountNumber.value = null;
+      cardNumber.value = null;
+      bankName.value = null;
+      cardType.value = undefined;
+      isDefault.value = 2;
+      isOpenAddAccountBankDialog.value = true;
+    };
+    const deleteAccBank = (index: number) => {
+      bankAccounts.value.splice(index, 1);
     };
     const selectedFile = (value: BannerType) => {
       banners.value.push(value);
@@ -297,6 +324,8 @@ export default defineComponent({
       confirmDeleteAccBank,
       selectedFile,
       isOpenDialogEmbed,
+      deleteAccBank,
+      openDialogAddAccBank,
     };
   },
 });