63 lines
1.7 KiB
Plaintext
63 lines
1.7 KiB
Plaintext
|
|
@{
|
|
Layout = "_UserLayout";
|
|
}
|
|
<div id="app" style="padding-top: 5em;">
|
|
<table class="table">
|
|
<caption>软路由订单列表</caption>
|
|
<thead>
|
|
<tr>
|
|
<th>软路由</th>
|
|
<th>实付</th>
|
|
<th>收货人姓名</th>
|
|
<th>收货人电话</th>
|
|
<th>收货人地址</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="info in tableData">
|
|
<td>{{info.product_name}}</td>
|
|
<td>{{info.real_price}}</td>
|
|
<td>{{info.user}}</td>
|
|
<td>{{info.phone}}</td>
|
|
<td>{{info.address}}</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/ros/order/getList',
|
|
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> |