127 lines
7.3 KiB
HTML
127 lines
7.3 KiB
HTML
<div>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="ibox ">
|
|
<div class="ibox-title">
|
|
<h5>
|
|
<span><vc:i18n name="查询条件" namespace="feeCollectionDetailManage"></vc:i18n></span>
|
|
</h5>
|
|
<div class="ibox-tools" style="top:10px;"></div>
|
|
</div>
|
|
<div class="ibox-content">
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<input type="text" :placeholder="vc.i18n('请输入业主姓名','feeCollectionDetailManage')"
|
|
v-model="feeCollectionDetailManageInfo.conditions.ownerName"
|
|
class=" form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<div class="form-group">
|
|
<input type="text" :placeholder="vc.i18n('请输入房屋/车位','feeCollectionDetailManage')"
|
|
v-model="feeCollectionDetailManageInfo.conditions.payerObjName"
|
|
class=" form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<select class="custom-select"
|
|
v-model="feeCollectionDetailManageInfo.conditions.collectionWay">
|
|
<option selected value="">
|
|
{{vc.i18n('请选择催缴方式','feeCollectionDetailManage')}}
|
|
</option>
|
|
<option value="001">{{vc.i18n('仅短信方式','feeCollectionDetailManage')}}</option>
|
|
<option value="002">{{vc.i18n('短信微信方式','feeCollectionDetailManage')}}</option>
|
|
<option value="003">{{vc.i18n('仅微信方式','feeCollectionDetailManage')}}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<button type="button" class="btn btn-primary btn-sm"
|
|
v-on:click="_queryFeeCollectionOrderMethod()">
|
|
<i class="fa fa-search"></i>
|
|
<span><vc:i18n name="查询" namespace="feeCollectionDetailManage"></vc:i18n></span>
|
|
</button>
|
|
<button type="button" class="btn btn-primary btn-sm"
|
|
v-on:click="_resetFeeCollectionOrderMethod()">
|
|
<i class="fa fa-repeat"></i>
|
|
<span><vc:i18n name="重置" namespace="feeCollectionDetailManage"></vc:i18n></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="ibox">
|
|
<div class="ibox-title">
|
|
<h5>
|
|
<span><vc:i18n name="催缴明细" namespace="feeCollectionDetailManage"></vc:i18n></span>
|
|
</h5>
|
|
<div class="ibox-tools" style="top:10px;"></div>
|
|
</div>
|
|
<div class="ibox-content">
|
|
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
|
|
<thead>
|
|
<tr>
|
|
<th class="text-center">
|
|
<span><vc:i18n name="房屋/车位" namespace="feeCollectionDetailManage"></vc:i18n></span>
|
|
</th>
|
|
<th class="text-center">
|
|
<span><vc:i18n name="业主" namespace="feeCollectionDetailManage"></vc:i18n></span>
|
|
</th>
|
|
<th class="text-center">
|
|
<span><vc:i18n name="费用" namespace="feeCollectionDetailManage"></vc:i18n></span>
|
|
</th>
|
|
<th class="text-center">
|
|
<span><vc:i18n name="催缴方式" namespace="feeCollectionDetailManage"></vc:i18n></span>
|
|
</th>
|
|
<th class="text-center">
|
|
<span><vc:i18n name="金额" namespace="feeCollectionDetailManage"></vc:i18n></span>
|
|
</th>
|
|
<th class="text-center">
|
|
<span><vc:i18n name="时间" namespace="feeCollectionDetailManage"></vc:i18n></span>
|
|
</th>
|
|
<th class="text-center">
|
|
<span><vc:i18n name="状态" namespace="feeCollectionDetailManage"></vc:i18n></span>
|
|
</th>
|
|
<th class="text-center">
|
|
<span><vc:i18n name="说明" namespace="feeCollectionDetailManage"></vc:i18n></span>
|
|
</th>
|
|
<!--<th class="text-center">
|
|
<span><vc:i18n name="操作" namespace="feeCollectionDetailManage"></vc:i18n></span>
|
|
</th>-->
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="feeCollectionDetail in feeCollectionDetailManageInfo.feeCollectionDetails">
|
|
<td class="text-center">{{feeCollectionDetail.payerObjName}}</td>
|
|
<td class="text-center">{{feeCollectionDetail.ownerName}}</td>
|
|
<td class="text-center">{{feeCollectionDetail.feeName}}</td>
|
|
<td class="text-center">{{feeCollectionDetail.collectionWay == '001' ? '仅短信方式' :
|
|
(feeCollectionDetail.collectionWay == '002' ? '短信微信方式' : '仅微信方式')}}
|
|
</td>
|
|
<td class="text-center">{{feeCollectionDetail.oweAmount}}</td>
|
|
<td class="text-center">{{feeCollectionDetail.createTime}}</td>
|
|
<td class="text-center">{{feeCollectionDetail.state == 'F' ? '催缴成功' : '催缴失败'}}</td>
|
|
<td class="text-center">{{feeCollectionDetail.remarks}}</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="8">
|
|
<ul class="pagination float-right"></ul>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
<!-- 分页 -->
|
|
<vc:create path="frame/pagination"></vc:create>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |