79 lines
2.1 KiB
Vue
79 lines
2.1 KiB
Vue
<template>
|
|
<el-row class="wrapper">
|
|
<el-col>
|
|
<h1>账户信息</h1>
|
|
</el-col>
|
|
<el-col class="bank-account-item">
|
|
<span style="font-size: 24px;"> 账号:</span> <span style="color: red;">{{ bankAccount.bankAccount }}</span>
|
|
</el-col>
|
|
<el-col class="bank-account-item">
|
|
<span style="font-size: 24px;"> 余额:</span> <span style="color: red;">{{ bankAccount.accountBalance }}</span> <span
|
|
style="font-size: 24px;">巴旦木</span>
|
|
</el-col>
|
|
<el-col>
|
|
<records :records="records" :bankAccount="bankAccount.bankAccount" @currentChange="handleCurrentChange" @searchTransactionRecord="searchTransactionRecord"></records>
|
|
</el-col>
|
|
</el-row>
|
|
</template>
|
|
|
|
<script>
|
|
import {mapState} from 'vuex';
|
|
import Records from "../components/common/bank/account/records";
|
|
|
|
export default {
|
|
name: "wallet",
|
|
components: {Records},
|
|
fetch({store, error}) {
|
|
return Promise.all([
|
|
store
|
|
.dispatch('wallet/fetchDetail', {idUser: store.state.oauth.idUser})
|
|
.catch(err => error({statusCode: 404})),
|
|
store
|
|
.dispatch('wallet/fetchTransactionRecordList', {idUser: store.state.oauth.idUser})
|
|
.catch(err => error({statusCode: 404}))
|
|
])
|
|
},
|
|
computed: {
|
|
...mapState({
|
|
bankAccount: state => state.wallet.detail.data,
|
|
records: state => state.wallet.list.data
|
|
})
|
|
},
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
methods: {
|
|
handleCurrentChange(search) {
|
|
let _ts = this;
|
|
_ts.$store.dispatch('wallet/fetchTransactionRecordList', {
|
|
idUser: _ts.$store.state.oauth.idUser,
|
|
startDate: search.startDate,
|
|
endDate: search.endDate,
|
|
page: search.page
|
|
})
|
|
},
|
|
searchTransactionRecord(dates) {
|
|
let _ts = this
|
|
let startDate = dates[0]
|
|
let endDate = dates[1]
|
|
_ts.$store.dispatch('wallet/fetchTransactionRecordList', {
|
|
idUser: _ts.$store.state.oauth.idUser,
|
|
startDate: startDate,
|
|
endDate: endDate
|
|
})
|
|
}
|
|
},
|
|
mounted() {
|
|
this.$store.commit('setActiveMenu', 'wallet');
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.bank-account-item {
|
|
font-size: 32px;
|
|
padding-left: 15vw;
|
|
}
|
|
</style>
|