金桥投屏

Host/Views/User/Jinqiao.cshtml

@@ -0,0 +1,59 @@
+
+@{
+    Layout = "_UserLayout";
+}
+<div id="app">
+    <table class="table">
+        <caption>金桥投屏兑换码</caption>
+        <thead>
+            <tr>
+                <th>套餐</th>
+                <th>兑换码</th>
+                <th>购买时间</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr v-for="info in tableData">
+                <td>{{info.package_name}}</td>
+                <td>{{info.code}}</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: 'http://php-api.juip.com/jinqiao/index/get_key',
+                    dataType: "json",
+                    contentType: "application/json",
+                    data: JSON.stringify(cashOutData),
+                    beforeSend: function(xhr) {
+                        xhr.withCredentials = true;
+                    },
+                    crossDomain: true,
+                    success: function (res) {
+                        param = res.data;
+                        console.log(res)
+                    }
+                });
+                this.tableData = param;
+	        }
+	    }
+	});
+</script>