lccsw
97 lines
3.7 KiB
PHP
97 lines
3.7 KiB
PHP
<div class="coms-table-wrap mt10" id="paylog_content" style="min-height:400px;overflow:hidden">
|
|
<div class="align-r">
|
|
<a class="am-btn am-btn-primary am-btn-xs mr10" data-modal="/receiver/orderv2/orders/add_paylog?id=<?=$id?>">添加收款记录</a>
|
|
</div>
|
|
<div class="">
|
|
<table class="am-table">
|
|
<thead>
|
|
<tr>
|
|
<th>付款金额</th>
|
|
<th>类型</th>
|
|
<th>收款公司</th>
|
|
<th>操作人</th>
|
|
<th>备注</th>
|
|
<th>支付截图</th>
|
|
<th>付款时间</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="item in list">
|
|
<td>{{item.money}}</td>
|
|
<td>{{item.type_cn}}</td>
|
|
<td>{{item.company}}</td>
|
|
<td>{{item.opt_name}}</td>
|
|
<td>{{item.descrip}}</td>
|
|
<td>
|
|
<a :href="item.img" target="_blank" v-if="item.img"><img :src="item.img" class="w100 layui-layer-phimg"></a>
|
|
</td>
|
|
<td>{{item.pay_time}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="clearfix" v-if="page">
|
|
<span class="pull-left text-muted">第{{page.page}}页(每页{{page.pageLimit}}条,共{{page.pageCount}}条)</span>
|
|
<nav class="pull-right mr10" aria-label="Page navigation">
|
|
<ul class="pagination pagination-sm">
|
|
<li>
|
|
<a href="javascript:void(0);" @click="beforePage();" aria-label="上一页">
|
|
<span class="glyphicon glyphicon-menu-left"></span>
|
|
</a>
|
|
</li>
|
|
<li v-if="page.hasNext">
|
|
<a href="javascript:void(0);" @click="afterPage();" aria-label="下一页">
|
|
<span class="glyphicon glyphicon-menu-right"></span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<div class="align-r ml15" v-if="pay_price">应收总额:{{need_price}},已收总额:{{pay_price}}  </div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$(function () {
|
|
vue_obj = new Vue({
|
|
el: '#paylog_content',
|
|
data:{
|
|
id:<?=$id?$id:''?>,
|
|
page: [],
|
|
list:[],
|
|
pay_price: '',
|
|
need_price: '',
|
|
},
|
|
mounted: function () {
|
|
this.getData(1);
|
|
},
|
|
methods: {
|
|
getData: function(page){
|
|
var that = this;
|
|
$.get('/receiver/orderv2/orders/get_paylog',{id:that.id,page:page,'d_type':'ajax'},function(result){
|
|
if(result.code){
|
|
that.list = result.data.list;
|
|
that.page = result.data.commonPage;
|
|
that.pay_price = result.data.pay_price;
|
|
that.need_price = result.data.need_price;
|
|
}
|
|
});
|
|
},
|
|
beforePage: function () {
|
|
var vm = this;
|
|
if (vm.page.page == 1) {
|
|
layer.msg('已经是第一页了');
|
|
return;
|
|
}
|
|
vm.page.page--;
|
|
vm.getData(vm.page.page);
|
|
},
|
|
afterPage: function () {
|
|
var vm = this;
|
|
vm.page.page++;
|
|
vm.getData(vm.page.page);
|
|
},
|
|
}
|
|
})
|
|
})
|
|
</script>
|