缴费清单加入总数和合集金额

This commit is contained in:
java110 2020-12-16 10:43:53 +08:00
parent 2c6b8982dc
commit 077641c565
4 changed files with 87 additions and 60 deletions

View File

@ -1,4 +1,4 @@
<div class="animated fadeInRight ecommerce">
<div class="animated fadeInRight ecommerce">
<div class="row">
<div class="col-lg-12">
<div class="ibox ">
@ -6,7 +6,7 @@
<h5>查询条件</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-link btn-sm" style="margin-right:10px;"
v-on:click="_moreCondition()">{{payFeeManageInfo.moreCondition == true?'隐藏':'更多'}}
v-on:click="_moreCondition()">{{payFeeManageInfo.moreCondition == true?'隐藏':'更多'}}
</button>
</div>
</div>
@ -14,17 +14,20 @@
<div class="row">
<div class="col-sm-4">
<select class="custom-select" v-model="payFeeManageInfo.conditions.payObjType">
<option v-for="(item,index) in payFeeManageInfo.payObjTypes" :key="index" v-bind:value="item.statusCd">{{item.name}}</option>
<option v-for="(item,index) in payFeeManageInfo.payObjTypes" :key="index"
v-bind:value="item.statusCd">{{item.name}}</option>
</select>
</div>
<div class="col-sm-4">
<div class="form-group">
<input size="16" type="text" placeholder="请选择开始时间" class="form-control form_datetime start_time">
<input size="16" type="text" placeholder="请选择开始时间"
class="form-control form_datetime start_time">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<input size="16" type="text" placeholder="请选择结束时间" class="form-control form_datetime end_time">
<input size="16" type="text" placeholder="请选择结束时间"
class="form-control form_datetime end_time">
</div>
</div>
<div class="col-sm-1">
@ -35,7 +38,8 @@
</div>
<div class="row" v-if="payFeeManageInfo.moreCondition == true">
<div class="col-sm-4">
<input size="16" type="text" placeholder="请填写员工编码" v-model="payFeeManageInfo.conditions.userCode" class="form-control">
<input size="16" type="text" placeholder="请填写员工编码"
v-model="payFeeManageInfo.conditions.userCode" class="form-control">
</div>
</div>
</div>
@ -56,54 +60,59 @@
</div>
<div class="ibox-content">
<table class="footable table table-stripped toggle-arrow-tiny"
data-page-size="15"
>
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<th class="text-center">费用类型</th>
<th class="text-center">费用项目</th>
<th class="text-center">付费方</th>
<th class="text-center">缴费ID</th>
<th class="text-center">付费周期</th>
<th class="text-center">应付金额</th>
<td class="text-center">实付金额</td>
<td class="text-center">操作员工</td>
<td class="text-center">缴费时间</td>
<td class="text-right">详情</td>
</tr>
<tr>
<th class="text-center">费用类型</th>
<th class="text-center">费用项目</th>
<th class="text-center">付费方</th>
<th class="text-center">缴费ID</th>
<th class="text-center">付费周期</th>
<th class="text-center">应付金额</th>
<td class="text-center">实付金额</td>
<td class="text-center">操作员工</td>
<td class="text-center">缴费时间</td>
<td class="text-right">详情</td>
</tr>
</thead>
<tbody>
<tr v-for="payFee in payFeeManageInfo.payFees">
<td class="text-center">{{payFee.feeTypeCdName}}</td>
<td class="text-center">{{payFee.feeName}}</td>
<td class="text-center">{{payFee.payObjName}}</td>
<td class="text-center">{{payFee.detailId}}</td>
<td class="text-center">{{payFee.cycles}}个月</td>
<td class="text-center">{{payFee.receivableAmount}}</td>
<td class="text-center">{{payFee.receivedAmount}}</td>
<td class="text-center">{{payFee.userName}}</td>
<td class="text-center">{{payFee.createTime}}</td>
<td class="text-right">
<button class="btn btn-link btn-xs"
v-on:click="_detailFee(payFee)">详情
</button>
</td>
</tr>
<tr v-for="payFee in payFeeManageInfo.payFees">
<td class="text-center">{{payFee.feeTypeCdName}}</td>
<td class="text-center">{{payFee.feeName}}</td>
<td class="text-center">{{payFee.payObjName}}</td>
<td class="text-center">{{payFee.detailId}}</td>
<td class="text-center">{{payFee.cycles}}个月</td>
<td class="text-center">{{payFee.receivableAmount}}</td>
<td class="text-center">{{payFee.receivedAmount}}</td>
<td class="text-center">{{payFee.userName}}</td>
<td class="text-center">{{payFee.createTime}}</td>
<td class="text-right">
<button class="btn btn-link btn-xs" v-on:click="_detailFee(payFee)">详情
</button>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="7">
<ul class="pagination float-right"></ul>
</td>
</tr>
<tr>
<td colspan="7">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
<!-- 分页 -->
<vc:create path="frame/pagination"></vc:create>
<div class="row">
<div class="col-md-4">
<span class="margin-left">应收: {{payFeeManageInfo.totalReceivableAmount}}元</span>
<span class="margin-left">实收: {{payFeeManageInfo.totalReceivedAmount}}元</span>
</div>
<div class="col-md-8 text-right" >
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -8,9 +8,11 @@
data: {
payFeeManageInfo: {
payFees: [],
payObjTypes:[],
payObjTypes: [],
total: 0,
records: 1,
totalReceivableAmount: 0,
totalReceivedAmount: 0,
moreCondition: false,
name: '',
conditions: {
@ -18,7 +20,7 @@
payObjType: '3333',
startTime: '',
endTime: '',
userCode:''
userCode: ''
}
}
},
@ -26,7 +28,7 @@
vc.component._initDate();
vc.component._listpayFees(DEFAULT_PAGE, DEFAULT_ROWS);
//vc.component._listFeeType();
vc.getDict('pay_fee',"payer_obj_type",function(_data){
vc.getDict('pay_fee', "payer_obj_type", function (_data) {
vc.component.payFeeManageInfo.payObjTypes = _data;
});
},
@ -36,7 +38,7 @@
});
},
methods: {
_initDate:function(){
_initDate: function () {
$(".start_time").datetimepicker({
language: 'zh-CN',
fontAwesome: 'fa',
@ -58,12 +60,12 @@
$('.start_time').datetimepicker()
.on('changeDate', function (ev) {
var value = $(".start_time").val();
vc.component.payFeeManageInfo.conditions.startTime = value ;
vc.component.payFeeManageInfo.conditions.startTime = value;
});
$('.end_time').datetimepicker()
.on('changeDate', function (ev) {
var value = $(".end_time").val();
vc.component.payFeeManageInfo.conditions.endTime = value ;
vc.component.payFeeManageInfo.conditions.endTime = value;
});
},
_listpayFees: function (_page, _rows) {
@ -81,11 +83,14 @@
function (json, res) {
var _payFeeManageInfo = JSON.parse(json);
vc.component.payFeeManageInfo.total = _payFeeManageInfo.total;
vc.component.payFeeManageInfo.records = parseInt(_payFeeManageInfo.total/_rows +1);
vc.component.payFeeManageInfo.totalReceivedAmount = _payFeeManageInfo.totalReceivedAmount;
vc.component.payFeeManageInfo.totalReceivableAmount = _payFeeManageInfo.totalReceivableAmount;
vc.component.payFeeManageInfo.records = parseInt(_payFeeManageInfo.total / _rows + 1);
vc.component.payFeeManageInfo.payFees = _payFeeManageInfo.payFees;
vc.emit('pagination', 'init', {
total: vc.component.payFeeManageInfo.records,
currentPage: _page
currentPage: _page,
dataCount: vc.component.payFeeManageInfo.total
});
}, function (errInfo, error) {
console.log('请求失败处理');
@ -103,13 +108,13 @@
vc.component.payFeeManageInfo.moreCondition = true;
}
},
_exportExcel:function () {
_exportExcel: function () {
},
_listFeeType: function () {
var param = {
params:{
"hc":"cc@cc"
params: {
"hc": "cc@cc"
}
};
@ -126,8 +131,8 @@
}
);
},
_detailFee:function(_fee){
vc.jumpToPage('/admin.html#/pages/property/propertyFee?'+vc.objToGetParam(_fee));
_detailFee: function (_fee) {
vc.jumpToPage('/admin.html#/pages/property/propertyFee?' + vc.objToGetParam(_fee));
}
}
});

View File

@ -125,7 +125,15 @@
</tfoot>
</table>
<!-- 分页 -->
<vc:create path="frame/pagination"></vc:create>
<div class="row">
<div class="col-md-4">
<span class="margin-left">应收: {{reportPayFeeDetailInfo.totalReceivableAmount}}元</span>
<span class="margin-left">实收: {{reportPayFeeDetailInfo.totalReceivedAmount}}元</span>
</div>
<div class="col-md-8 text-right" >
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
</div>

View File

@ -13,6 +13,8 @@
moreCondition: false,
title: '',
roomUnits: [],
totalReceivableAmount: 0,
totalReceivedAmount: 0,
conditions: {
floorId: '',
floorName: '',
@ -73,9 +75,12 @@
vc.component.reportPayFeeDetailInfo.total = _reportPayFeeDetailInfo.total;
vc.component.reportPayFeeDetailInfo.records = _reportPayFeeDetailInfo.records;
vc.component.reportPayFeeDetailInfo.fees = _reportPayFeeDetailInfo.data;
vc.component.reportPayFeeDetailInfo.totalReceivedAmount = _reportPayFeeDetailInfo.totalReceivedAmount;
vc.component.reportPayFeeDetailInfo.totalReceivableAmount = _reportPayFeeDetailInfo.totalReceivableAmount;
vc.emit('pagination', 'init', {
total: vc.component.reportPayFeeDetailInfo.records,
currentPage: _page
currentPage: _page,
dataCount: vc.component.reportPayFeeDetailInfo.total
});
}, function (errInfo, error) {
console.log('请求失败处理');