优化代码

This commit is contained in:
wuxw 2021-05-04 02:06:25 +08:00
parent 6cbfa956ae
commit 82f267b353
2 changed files with 122 additions and 0 deletions

View File

@ -0,0 +1,49 @@
<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">房屋</th>
<th class="text-center">业主名称</th>
<th class="text-center">业主电话</th>
</tr>
</thead>
<tbody>
<tr v-for="(room,index) in reportNoFeeRoomInfo.rooms">
<td class="text-center">{{index+1}}</td>
<td class="text-center">{{room.floorNum}}</td>
<td class="text-center">{{room.unitNum}}</td>
<td class="text-center">{{room.roomNum}}</td>
<td class="text-center">{{room.ownerName}}</td>
<td class="text-center">{{room.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>

View File

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