admin suspend user's bank account - UI & API

This commit is contained in:
edmondlang
2022-03-14 11:55:49 +08:00
parent 991ba93c71
commit 7c362c93c3
8 changed files with 180 additions and 12 deletions
@@ -0,0 +1,45 @@
<template>
<div class="row text-center">
<div class="col">
<loading-component style="height: 300px; top: 0;" key="1" color="success" v-show="isLoading" ></loading-component>
<div class="row justify-content-center" v-show="!isLoading">
<div class="col">
<div class="row m-b-20">
<div class="col">
<h3 class="all-caps">Are you Sure?</h3>
<div class="fs-11">Are you sure you want to suspend this Bank Account?</div>
</div>
</div>
<div class="row">
<div class="col p-r-5">
<div class="btn btn-sm btn-success btn-block b-rad-none" data-dismiss="modal">Cancel</div>
</div>
<div class="col p-l-5">
<div class="btn btn-sm btn-danger btn-block b-rad-none" @click="submitForm()">Confirm</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import componentHandler from '../../../general/mixins/componentHandler';
import ModalFormHandler from '../../../general/mixins/modalFormHandler';
export default {
props: {
section: {
default: 'paymentProofSection'
}
},
methods: {
submitForm() {
this.parameters.status = 5;
this.submit(this.route('api.bank.status.update', this.data.recipient_bank_account.id), 'put', this.section, true, false);
}
},
mixins: [componentHandler, ModalFormHandler]
}
</script>
@@ -47,13 +47,24 @@
</div>
</div>
<bank-in-component :data="item"></bank-in-component>
<div class="row hide" v-if="item.status === 1 || item.status === 2">
<div class="col">
<span class="text-complete fs-10 pointer requestModal" data-type="topUpModal">Cancel this order?</span>
<div class="row">
<div class="col" v-if="item.recipient_bank_account.status === 5">
<div class="fs-9 bold text-warning">*This Bank Account has been suspended. Please notify customer to update their Bank Account.*</div>
</div>
<div class="col" v-if="item.recipient_bank_account.status !== 5">
<span class="text-complete fs-10 pointer requestModal text-underline" data-type="suspendBankAccountModal">Suspend this Bank Account ?</span>
</div>
</div>
<modal-component type="topUpModal">
<delete-transaction-form-component :data="item" section="section" class="text-center"></delete-transaction-form-component>
<modal-component type="suspendBankAccountModal">
<suspend-bank-account-form-component :data="item" section="paymentProofSection"></suspend-bank-account-form-component>
</modal-component>
<div class="row hide" v-if="item.status === 1 || item.status === 2">
<div class="col">
<span class="text-complete fs-10 pointer requestModal" data-type="cancelOrderModal">Cancel this order?</span>
</div>
</div>
<modal-component type="cancelOrderModal">
<delete-transaction-form-component :data="item" section="paymentProofSection" class="text-center"></delete-transaction-form-component>
</modal-component>
</div>
</div>