From 6f9b7c280a95d758026d5e4d9782f3cb1ba8d47a Mon Sep 17 00:00:00 2001
From: weichien <weichien00@gmail.com>
Date: Fri, 2 Apr 2021 00:25:30 +0800
Subject: [PATCH] fix: [FE] Avoid duplicate when select recipient bank info.

---
 .../bookings/elements/BookingConfirmationComponent.vue   | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/resources/assets/vue/components/bookings/elements/BookingConfirmationComponent.vue b/resources/assets/vue/components/bookings/elements/BookingConfirmationComponent.vue
index 04eac563..92966dc5 100644
--- a/resources/assets/vue/components/bookings/elements/BookingConfirmationComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/BookingConfirmationComponent.vue
@@ -104,7 +104,7 @@
                                                             <div class="row text-left no-margin bg-white">
                                                                 <div class="col no-padding">
                                                                     <div class="row no-margin"  v-for="bank in data.recipientBanks" v-bind:key="bank.id" >
-                                                                        <div class="col b-b b-grey p-t-10 p-b-10 pointer  p-t-10 p-b-10" :class="[{'bg-master-lightest': parameters.bankAccount.id === bank.id}, {'text-master': parameters.bankAccount.id === bank.id}, {'hover-primary': parameters.bankAccount.id !== bank.id}, {'pointer': parameters.bankAccount.id !== bank.id}]" @click="updateBank(bank)">
+                                                                        <div class="col b-b b-grey p-t-10 p-b-10 pointer  p-t-10 p-b-10" :class="[{'bg-master-lightest': parameters.bankAccount.id === bank.id}, {'text-master': parameters.bankAccount.id === bank.id}, {'hover-primary': parameters.bankAccount.id !== bank.id}, {'pointer': parameters.bankAccount.id !== bank.id}]" @click="selectBank(bank)">
                                                                             <div class="row align-items-center justify-content-center">
                                                                                 <div class="col">
                                                                                     <div class="row">
@@ -257,11 +257,14 @@
         },
         methods: {
             updateBank(bank){
-                this.parameters.bankAccount = bank;
-                this.parameters.bankAccount.status = false;
+                this.selectBank(bank);
                 this.recipientBanks.push(bank);
                 this.createBank = false;
             },
+            selectBank(bank){
+                this.parameters.bankAccount = bank;
+                this.parameters.bankAccount.status = false;
+            },
         },
         mixins: [FormHandler]
     }