<template>
    <section class="withdraw-detail">
        <Header :title="title" :meaushow='meaushow'></Header>
        <div class="withdraw-detail-content">
            <div class="detail-box detail-content-1">
                <!-- <div class="pay-img"><span><img src="../../assets/images/wallet/orderpay.png" alt="账单详情"></span></div> -->
                <p class="withdraw-record">充值记录</p>
                <p class="withdraw-amount">-{{rechargeWithdrawOrderDetail.amount}}</p>
                <p class="withdraw-status">待支付</p>
            </div>
            <div class="detail-box detail-content-2">
                <p class="withdraw-type">类型<span>{{rechargeWithdrawOrderDetail.wallet_type}}</span></p>
                <p class="withdraw-time">创建时间<span>{{rechargeWithdrawOrderDetail.amount}}</span></p>
                <p class="withdraw-num">收款账号<span>{{rechargeWithdrawOrderDetail.amount}}</span></p>
            </div>
            <div class="detail-box detail-content-3">
                <p class="withdraw-balance">钱包可用余额<span>￥{{rechargeWithdrawOrderDetail.amount}}</span></p>
                <p class="withdraw-detail">详情<a @click="goCashier">立即支付 ></a></p>
            </div>
        </div>
    </section>
</template>

<script>
    import Vue from 'vue';
    import {mapState} from 'vuex'
    import Header from '@/views/common/Header.vue';

    export default {
        name: 'WithdrawDetail',
        data() {
            return {
                title: "充值提现详情",
                meaushow: true,
                withdrawAmount: -1256.00,
                withdrawStatus: "待支付",
                withdrawType: "提现单",
                withdrawTime: "2019-04-05 17:03:01",
                withdrawNum: "猎芯钱包",
                withdrawBalance: 1200.00,
            }
        },
        computed: {
            ...mapState({
                rechargeWithdrawOrderDetail: state => state.wallet.rechargeWithdrawOrderDetail
            })
        },
        watch: {

        },
        created() {
            this.$store.dispatch({
                type: 'rechargeWithdrawOrderIfo',
                wallet_id: this.$route.params.id
            })
        },
        methods: {
            goCashier() {
                this.$router.push({
                    path: '/wallet/recharge/'+this.$route.params.id,
                })
            }
        },
        components: {
            Header
        }
    }
</script>

<style scoped>
    @import "../../assets/css/wallet/wallet.css";
</style>