MicroCommunityWeb/public/pages/property/listOweFee/listOweFee.html
2021-07-23 17:50:46 +08:00

121 lines
6.4 KiB
HTML
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div>
<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-link btn-sm" style="margin-right:10px;"
v-on:click="_moreCondition()">{{listOweFeeInfo.moreCondition == true ? '隐藏' : '更多'}}
</button> -->
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-3">
<div class="form-group">
<select class="custom-select" v-model="listOweFeeInfo.conditions.payObjType">
<option selected value="">请选择付费对象类型</option>
<option v-for="(item,index) in listOweFeeInfo.payObjTypes" :key="index"
:value="item.statusCd">
{{item.name}}
</option>
</select>
</div>
</div>
<div class="col-sm-4" v-if="listOweFeeInfo.conditions.payObjType == '3333'">
<div class="form-group">
<input type="text" placeholder="请填写房屋编号,如1-1-1123" class="form-control"
v-model="listOweFeeInfo.conditions.num">
</div>
</div>
<div class="col-sm-4" v-else-if="listOweFeeInfo.conditions.payObjType == '6666'">
<div class="form-group">
<input type="text" placeholder="请填写车位编号如6-8" class="form-control "
v-model="listOweFeeInfo.conditions.num">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<select class="selectpicker" id="configIds" placeholder="请选择收费项" multiple>
<option v-for="(item,index) in listOweFeeInfo.feeConfigs" :key="index"
:value="item.configId">
{{item.feeName}}
</option>
</select>
</div>
</div>
<div class="col-sm-2">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryOweFeeMethod()">
<i class="fa fa-search"></i> 查询
</button>
<button type="button" class="btn btn-primary btn-sm" v-on:click="_resetOweFeeMethod()">
<i class="fa fa-repeat"></i> 重置
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<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="_toFeeCollectionOrderManage()">
催缴记录
</button>
<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" style="margin-top:10px"
data-page-size="10">
<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> -->
<th class="text-center" v-for="(item,index) in listOweFeeInfo.feeConfigNames">
{{item.configName}}
</th>
<th class="text-center">合计</th>
<th class="text-center">更新时间</th>
</tr>
</thead>
<tbody>
<tr v-for="(fee,i) in listOweFeeInfo.fees">
<td class="text-center">{{i+1}}</td>
<td class="text-center">{{fee.payerObjName}}</td>
<td class="text-center">{{fee.ownerName}}</td>
<td class="text-center">{{fee.endTime}}</td>
<td class="text-center">{{fee.deadlineTime}}</td>
<td class="text-center" v-for="item in listOweFeeInfo.feeConfigNames">
{{_getFeeOweAmount(item,fee)}}
</td>
<td class="text-center">{{_getAllFeeOweAmount(fee)}}</td>
<td class="text-center">{{fee.updateTime}}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="7">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
<!-- 分页 -->
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
</div>