mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-25 22:27:55 +08:00
94 lines
5.1 KiB
HTML
94 lines
5.1 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 dataMonthOweStatisticsInfo.feeTypeCds" :key="index" @click="_switchMonthOweStatisticsFeeTypeCd(item.statusCd)" :class="{'vc-node-selected':dataMonthOweStatisticsInfo.feeTypeCd == item.statusCd}">
|
|
{{item.name}}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-11">
|
|
<div class="row ">
|
|
<div class="col-lg-2 padding-right-xs padding-left-xl">
|
|
<select class="custom-select" v-model="dataMonthOweStatisticsInfo.floorId">
|
|
<option value="">请选择楼栋</option>
|
|
<option :value="item.floorId" v-for="(item,index) in dataMonthOweStatisticsInfo.floors">
|
|
{{item.floorNum}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-lg-2 padding-right-xs padding-left-xl">
|
|
<input v-model="dataMonthOweStatisticsInfo.feeStartDate" type="text" :placeholder="vc.i18n('请填写费用开始时间','dataMonthOweStatistics')" class="form-control feeOweStartDate">
|
|
</div>
|
|
<div class="col-lg-2 padding-right-xs padding-left-xl">
|
|
<input v-model="dataMonthOweStatisticsInfo.feeEndDate" type="text" :placeholder="vc.i18n('请填写费用结束时间','dataMonthOweStatistics')" class="form-control feeOweEndDate">
|
|
</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="_qureyDataMonthOweStatistics()">
|
|
<i class="fa fa-search"></i>查询
|
|
</button>
|
|
</div>
|
|
<div class="col-lg-4 text-right">
|
|
<button type="button" class="btn btn-primary btn-sm" v-on:click="_exportReportMonthOweFeeExcel()">
|
|
<vc:i18n name="导出" namespace="dataMonthOweStatistics"></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="dataMonthOweStatistics"></vc:i18n>
|
|
</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="业主" namespace="dataMonthOweStatistics"></vc:i18n>
|
|
</th>
|
|
<th data-hide="phone" class="text-center">
|
|
<vc:i18n name="费用名称" namespace="dataMonthOweStatistics"></vc:i18n>
|
|
</th>
|
|
<th data-hide="phone" class="text-center">
|
|
<vc:i18n name="欠费时间段" namespace="dataMonthOweStatistics"></vc:i18n>
|
|
</th>
|
|
<th data-hide="phone" class="text-center">
|
|
<vc:i18n name="欠费金额" namespace="dataMonthOweStatistics"></vc:i18n>
|
|
</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="fee in dataMonthOweStatisticsInfo.fees">
|
|
<td class="text-center">{{fee.objName}}</td>
|
|
<td class="text-center">{{fee.ownerName}}({{fee.link}})</td>
|
|
<td class="text-center">
|
|
{{fee.feeName}}
|
|
</td>
|
|
<!-- <td class="text-center">
|
|
{{fee.startTime}}~{{fee.endTime}}
|
|
</td> -->
|
|
<td class="text-center">
|
|
{{fee.curYearMonth}}
|
|
</td>
|
|
<td class="text-center">
|
|
{{fee.receivableAmount || 0}}
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!-- 分页 -->
|
|
<div class="row">
|
|
|
|
<div class="col-sm-4">
|
|
<span><vc:i18n name="总欠费：" namespace="dataMonthOweStatistics"></vc:i18n> </span><span>{{dataMonthOweStatisticsInfo.feeAmount}}</span>
|
|
</div>
|
|
<div class="col-sm-8">
|
|
<vc:create namespace="dataMonthOweStatistics" path="frame/paginationPlus"></vc:create>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |