@{
    Layout = "_UserLayout";
}
<div id="app">
    <table class="table">
    <caption>HTTP 充值记录</caption>
    <thead>
        <tr>
            <th style="min-width: 100px;">交易时间</th>
            <th style="min-width: 100px;">充值H币</th>
            <th style="min-width: 100px;">充值渠道</th>
            <th style="min-width: 50px;">支付金额</th>
        </tr>
    </thead>
    <tbody>
        <tr v-for="info in list">
            <td>{{info.create_time}}</td>
            <td>{{info.ju_money}}</td>
            <td>{{info.pay_type }}</td>
            <td>{{info.	pay_money }}</td>
        </tr>
    </tbody>
    </table>
</div>
<script>
   var vm = new Vue({
	    el:'#app',
	    data:{
            list:[]
	    },
        created:function(){
            this.get_list();
        },
	    methods:{
            get_list() {
                let data = {
                    cookie:document.cookie,
                }
                var that = this;
                $.ajax({
                    type: 'POST',
                    url: 'https://php-api.juip.com/http/user/charge_list',
                    dataType: "json",
                    contentType: "application/json",
                    data: JSON.stringify(data),
                    beforeSend: function(xhr) {
                        xhr.withCredentials = true;
                    },
                    crossDomain: true,
                    success: function (res) {
                        that.list = res
                    }
                });
            }
	    }
	});
</script>