admingit/MicroCommunityWeb
1
0
Fork 0
mirror of https://gitee.com/java110/MicroCommunityWeb.git synced 2026-02-24 05:46:03 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

加入月报表页面

Browse Source
This commit is contained in:
java110 2021-06-11 19:37:34 +08:00
parent d1fe4c2187
commit dac712141d
2 changed files with 132 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
public/pages/property/reportOwnerPayFee/reportOwnerPayFee.html Normal file
View File

@ -0,0 +1,62 @@
<div class=" animated fadeInRight ecommerce">
<div class="row">
<div class="col-lg-12">
<div class="ibox">
<div class="ibox-title">
<h5>业主缴费明细</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_exportFee()">
<i class="fa fa-plus"></i> 导出
</button>
</div>
</div>
<div class="ibox-content">
<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">1月</th>
<th class="text-center">2月</th>
<th class="text-center">3月</th>
<th class="text-center">4月</th>
<th class="text-center">5月</th>
<th class="text-center">6月</th>
<th class="text-center">7月</th>
<th class="text-center">8月</th>
<th class="text-center">9月</th>
<th class="text-center">10月</th>
<th class="text-center">11月</th>
<th class="text-center">12月</th>
<th class="text-center">合计</th>
<th class="text-center">应收</th>
<th class="text-center">预收</th>
</tr>
</thead>
<tbody>
<tr v-for="(fee,index) in reportOwnerPayFeeInfo.ownerPayFees">
<td class="text-center">{{fee.ownerName}}</td>
<td class="text-center">{{fee.roomName}}</td>
<td class="text-center">{{fee.feeName}}</td>
<td class="text-center">{{fee.month}}</td>
<td class="text-center">{{fee.link}}</td>
<td class="text-center">{{fee.link}}</td>
<td class="text-center">{{fee.link}}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="8">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
<!-- 分页 -->
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
</div>

70
public/pages/property/reportOwnerPayFee/reportOwnerPayFee.js Normal file
View File

@ -0,0 +1,70 @@
/**
入驻小区
**/
(function (vc) {
var DEFAULT_PAGE = 1;
var DEFAULT_ROWS = 10;
vc.extends({
data: {
reportOwnerPayFeeInfo: {
ownerPayFees: [],
total: 0,
records: 1,
moreCondition: false,
conditions: {
}
}
},
_initMethod: function () {
vc.component._listOwnerPayFees(DEFAULT_PAGE, DEFAULT_ROWS);
},
_initEvent: function () {
vc.on('pagination', 'page_event', function (_currentPage) {
vc.component._listOwnerPayFees(_currentPage, DEFAULT_ROWS);
});
},
methods: {
//查询
_queryMethod: function () {
vc.component._listOwnerPayFees(DEFAULT_PAGE, DEFAULT_ROWS);
},
//查询方法
_listOwnerPayFees: function (_page, _rows) {
vc.component.reportOwnerPayFeeInfo.conditions.page = _page;
vc.component.reportOwnerPayFeeInfo.conditions.row = _rows;
vc.component.reportOwnerPayFeeInfo.conditions.communityId = vc.getCurrentCommunity().communityId;
var param = {
params: vc.component.reportOwnerPayFeeInfo.conditions
};
//发送get请求
vc.http.apiGet('/reportOwnerPayFee/queryReportOwnerPayFee',
param,
function (json, res) {
var _reportOwnerPayFeeInfo = JSON.parse(json);
vc.component.reportOwnerPayFeeInfo.total = _reportOwnerPayFeeInfo.total;
vc.component.reportOwnerPayFeeInfo.records = _reportOwnerPayFeeInfo.records;
vc.component.reportOwnerPayFeeInfo.ownerPayFees = _reportOwnerPayFeeInfo.data;
vc.emit('pagination', 'init', {
total: vc.component.reportOwnerPayFeeInfo.records,
currentPage: _page,
dataCount: vc.component.reportOwnerPayFeeInfo.total
});
}, function (errInfo, error) {
console.log('请求失败处理');
}
);
},
_moreCondition: function () {
if (vc.component.reportOwnerPayFeeInfo.moreCondition) {
vc.component.reportOwnerPayFeeInfo.moreCondition = false;
} else {
vc.component.reportOwnerPayFeeInfo.moreCondition = true;
}
}
}
});
})(window.vc);