MicroCommunityWeb/public/components/report/dataReportFeeStatistics/dataReportFeeStatistics.html
2023-09-04 00:50:33 +08:00

141 lines
7.7 KiB
HTML

<div class="margin-top">
<div class="row">
<div class="col-md-1 padding-r-0">
<div class=" border-radius ">
<div class="margin-xs-r treeview attendance-staff" style="height: 650px;">
<ul class="list-group text-center border-radius">
<li class="list-group-item node-orgTree " v-for="(item,index) in dataReportFeeStatisticsInfo.feeTypeCds" :key="index" @click="swatchFeeStatisticsFeeTypeCd(item.statusCd)" :class="{'vc-node-selected':dataReportFeeStatisticsInfo.feeTypeCd == item.statusCd}">
{{item.name}}
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-11">
<div class="row ">
<div class="col-lg-12 text-right">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_exportReportFeeExcel()">
<vc:i18n name="导出" namespace="dataReportOweDetailStatistics"></vc:i18n>
</button>
</div>
</div>
<div class="margin-top">
<table class="table table-bordered" data-page-size="15">
<thead>
<tr>
<th class="text-center">
<vc:i18n name="楼栋" namespace="dataReportFeeStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="户数" namespace="dataReportFeeStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="收费户" namespace="dataReportFeeStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="历史欠费" namespace="dataReportFeeStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="总欠费" namespace="dataReportFeeStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="本日已交户数" namespace="dataReportFeeStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="本日已交金额" namespace="dataReportFeeStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="历史欠费清缴户" namespace="dataReportFeeStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="历史欠费清缴金额" namespace="dataReportFeeStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="本月已收户数" namespace="dataReportFeeStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="剩余户数" namespace="dataReportFeeStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="已收户占比" namespace="dataReportFeeStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="当月已收金额" namespace="dataReportFeeStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="当月剩余未收" namespace="dataReportFeeStatistics"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="收费率" namespace="dataReportFeeStatistics"></vc:i18n>
</th>
</tr>
</thead>
<tbody>
<tr v-for="fee in dataReportFeeStatisticsInfo.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.hisMonthOweFee}}
</td>
<td class="text-center">
{{fee.oweFee}}
</td>
<td class="text-center">
{{fee.todayReceivedRoomCount}}
</td>
<td class="text-center">
{{fee.todayReceivedRoomAmount}}
</td>
<td class="text-center">
{{fee.hisOweReceivedRoomCount}}
</td>
<td class="text-center">
{{fee.hisOweReceivedRoomAmount}}
</td>
<td class="text-center">
{{fee.monthReceivedRoomCount}}
</td>
<td class="text-center">
{{(fee.feeRoomCount-fee.monthReceivedRoomCount).toFixed(0)}}
</td>
<td class="text-center" v-if="(fee.feeRoomCount)>0">
{{((fee.monthReceivedRoomCount)/(fee.feeRoomCount)*100).toFixed(2)}}%
</td>
<td class="text-center" v-else>
0%
</td>
<td class="text-center">
{{fee.monthReceivedRoomAmount}}
</td>
<td class="text-center">
{{fee.curMonthOweFee}}
</td>
<td class="text-center" v-if="(fee.curReceivableFee)>0">
{{((fee.monthReceivedRoomAmount)/(fee.curReceivableFee)*100).toFixed(2)}}%
</td>
<td class="text-center" v-else>
0%
</td>
</tr>
</tbody>
</table>
<!-- 分页 -->
<!-- <div class="row">
<div class="col-sm-4">
<span><vc:i18n name="总欠费:" namespace="dataReportFeeStatistics"></vc:i18n> </span><span>{{dataReportFeeStatisticsInfo.feeAmount}}</span>
</div>
<div class="col-sm-8">
<vc:create namespace="dataReportFeeStatistics" path="frame/paginationPlus"></vc:create>
</div>
</div> -->
</div>
</div>
</div>
</div>