MicroCommunityWeb/public/components/report/dataReportFeeStatistics/dataReportFeeStatistics.html
2023-06-01 21:17:01 +08:00

100 lines
4.9 KiB
HTML

<div class="margin-top">
<div class="row margin-top-lg">
<div class="col-lg-2 padding-right-xs padding-left-xl">
<select class="form-control-md form-control input-s-sm inline" v-model="dataReportFeeStatisticsInfo.feeTypeCd">
<option selected value="">{{vc.i18n('请选择费用大类','dataReportFeeStatistics')}}</option>
<option v-for="(item,index) in dataReportFeeStatisticsInfo.feeTypeCds" :key="index"
v-bind:value="item.statusCd">
{{item.name}}
</option>
</select>
</div>
<div class="col-lg-2 padding-right-xs padding-right-xl">
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" v-on:click="_qureyDataReportEarnedDetailStatistics()">
<i class="fa fa-search"></i>查询
</button>
</div>
<div class="col-lg-4 text-right">
</div>
</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="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.roomName}}
</td>
<td class="text-center">
{{fee.ownerName}}
</td>
<td class="text-center">
{{fee.oweFee}}
</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>