@{
    Layout = "_UserLayout";
}
<div id="app">
    <table class="table">
    <caption>提现管理</caption>
    <thead>
        <tr>
            <th>用户</th>
            <th>提现金额</th>
            <th>提现理由</th>
            <th>支付宝账号</th>
            <th>备注</th>
            <th>状态</th>
            <th>提现时间</th>
        </tr>
    </thead>
    <tbody>
        <tr v-for="info in tableData">
            <td>{{info.username}}</td>
            <td>{{info.money}}</td>
            <td>{{info.reason}}</td>
            <td>{{info.alipay_account}}</td>
            <td>{{info.remark}}</td>
            <td>{{info.status}}</td>
            <td>{{info.create_time}}</td>
        </tr>
    </tbody>
    </table>
</div>
<script>
   var vm = new Vue({
	    el:'#app',
	    data:{
	        tableData: [],
	    },
        created:function(){
            this.post();
        },
	    methods:{
            post:function(){
                var param = [];
                let cashOutData = {
                    cookie:document.cookie
                }
                $.ajax({
                    type: 'POST',
                    async:false,
                    url: 'https://php-api.juip.com/order/CashOutIndex/getData',
                    dataType: "json",
                    contentType: "application/json",
                    data: JSON.stringify(cashOutData),
                    beforeSend: function(xhr) {
                        xhr.withCredentials = true;
                    },
                    crossDomain: true,
                    success: function (res) {
                        if (res.Code == 10000) {
                            param = res.data;
                        }
                    }
                });
                this.tableData = param;
	        }
	    }
	});
</script>