http

Host/Views/User/HttpRecharge.cshtml

@@ -0,0 +1,58 @@
+
+@{
+    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: 'http://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>