资金明细

Host/Views.Mobile/User/Index.cshtml

@@ -12,6 +12,7 @@
 <ul class="plist">
     <li><img src="~/m/img/p1.png"><a asp-action="indexInfo" asp-controller="user">个人信息<img src="~/m/img/arrow.png"></a></li>
     <li><img src="~/m/img/p3.png"><a asp-action="myaccounts" asp-controller="user">IP账号管理<img src="~/m/img/arrow.png"></a></li>
+    <li><img src="~/m/img/p3.png"><a asp-action="mymoney" asp-controller="user">资金明细<img src="~/m/img/arrow.png"></a></li>
     <li><img src="~/m/img/p1.png"><a asp-action="myorders" asp-controller="user">我的订单<img src="~/m/img/arrow.png"></a></li>
     <li><img src="~/m/img/p2.png"><a asp-action="myrefundorders" asp-controller="user">退货订单<img src="~/m/img/arrow.png"></a></li>
     <li><img src="~/m/img/p4.png"><a asp-action="mycoupons" asp-controller="user">我的优惠券&nbsp;<span style="background-color: red;font-size:25px;" class="badge" id="coupon_num"></span><img src="~/m/img/arrow.png"></a></li>

Host/Views.Mobile/User/MyMoney.cshtml

@@ -0,0 +1,125 @@
+
+@{
+    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.ScoreTypeName}}</td>
+            <td>{{info.ScoreValue}}</td>
+            <td>{{info.RestAmount1}}</td>
+            <td>{{info.RestAmount2}}</td>
+            <td>{{info.Remark}}</td>
+            <td>{{info.CreateTime}}</td>
+        </tr>
+    </tbody>
+    </table>
+    <ul class="pager">
+        <li v-on:click="previous"><a>上一页</a></li>
+        <li v-on:click="next"><a>下一页</a></li>
+    </ul>
+</div>
+<script>
+   var vm = new Vue({
+	    el:'#app',
+	    data:{
+	        tableData: [],
+            page:1
+	    },
+        created:function(){
+            this.post();
+        },
+	    methods:{
+            post:function(){
+                var param = [];
+                let cashOutData = {
+                    cookie:document.cookie
+                }
+                $.ajax({
+                    type: 'post',
+                    async:false,
+                    url: 'http://php-api.juip.com/user/UserScore/getList',
+                    dataType: "json",
+                    contentType: "application/json",
+                    data: JSON.stringify(cashOutData),
+                    beforeSend: function(xhr) {
+                        xhr.withCredentials = true;
+                    },
+                    crossDomain: true,
+                    success: function (res) {
+                        param = res;
+                    }
+                });
+                this.tableData = param;
+	        },
+            previous(){
+                this.page--;
+                if (this.page<1) {
+                    this.page = 1;
+                }
+                var param = [];
+                let cashOutData = {
+                    cookie:document.cookie,
+                    page:this.page
+                }
+                $.ajax({
+                    type: 'post',
+                    async:false,
+                    url: 'http://php-api.juip.com/user/UserScore/getList',
+                    dataType: "json",
+                    contentType: "application/json",
+                    data: JSON.stringify(cashOutData),
+                    beforeSend: function(xhr) {
+                        xhr.withCredentials = true;
+                    },
+                    crossDomain: true,
+                    success: function (res) {
+                        param = res;
+                    }
+                });
+                this.tableData = param;
+            },
+            next(){
+                this.page++;
+                if (this.page<1) {
+                    this.page = 1;
+                }
+                var param = [];
+                let cashOutData = {
+                    cookie:document.cookie,
+                    page:this.page
+                }
+                $.ajax({
+                    type: 'post',
+                    async:false,
+                    url: 'http://php-api.juip.com/user/UserScore/getList',
+                    dataType: "json",
+                    contentType: "application/json",
+                    data: JSON.stringify(cashOutData),
+                    beforeSend: function(xhr) {
+                        xhr.withCredentials = true;
+                    },
+                    crossDomain: true,
+                    success: function (res) {
+                        param = res;
+                    }
+                });
+                this.tableData = param;
+            },
+	    }
+	});
+</script>