MicroCommunityWeb/public/components/report/dataReportOweStatistics/dataReportOweStatistics.html

68 lines
2.8 KiB
HTML

<div class="margin-top">
<div class="text-right">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_exportReportOweExcel()">
<i class="fa fa-plus"></i>
<vc:i18n name="导出" namespace="dataReportOweStatistics"></vc:i18n>
</button>
</div>
<div class="margin-top">
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<th class="text-center">
<vc:i18n name="楼栋" namespace="dataReportOweStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="户数" namespace="dataReportOweStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="收费户数" namespace="dataReportOweStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="欠费户数" namespace="dataReportOweStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="欠费" namespace="dataReportOweStatistics"></vc:i18n>
</th>
<th class="text-center" v-for="(item,index) in dataReportOweStatisticsInfo.feeTypeCds">
{{item.name}}
</th>
</tr>
</thead>
<tbody>
<tr v-for="fee in dataReportOweStatisticsInfo.fees">
<td class="text-center">
{{fee.floorNum}}
</td>
<td class="text-center">
{{fee.roomCount}}
</td>
<td class="text-center">
{{fee.feeRoomCount}}
</td>
<td class="text-center">
{{fee.oweRoomCount}}
</td>
<td class="text-center">
{{fee.oweFee}}
</td>
<template v-for="(item,index) in dataReportOweStatisticsInfo.feeTypeCds">
<td class="text-center">
{{fee['oweFee'+item.statusCd] || 0}}
</td>
</template>
</tr>
</tbody>
</table>
<!-- 分页 -->
<div class="row">
<div class="col-sm-4">
<span><vc:i18n name="总欠费:" namespace="dataReportOweStatistics"></vc:i18n> </span>
<span>{{dataReportOweStatisticsInfo.feeAmount}}</span>
</div>
<div class="col-sm-8">
<vc:create namespace="dataReportOweStatistics" path="frame/paginationPlus"></vc:create>
</div>
</div>
</div>
</div>