mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-24 05:46:03 +08:00
缴费清单加入总数和合集金额
This commit is contained in:
parent
2c6b8982dc
commit
077641c565
@ -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>
|
||||
@ -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));
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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('请求失败处理');
|
||||
|
||||
Loading…
Reference in New Issue
Block a user