MicroCommunityWeb/public/pages/property/roomCreateFee/roomCreateFee.html
2022-04-26 19:36:21 +08:00

179 lines
12 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><span><vc:i18n name="查询条件" namespace="roomCreateFee"></vc:i18n></span>
</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()">{{roomCreateFeeInfo.moreCondition == true?'隐藏':'更多'}}
</button>
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-3">
<select class="custom-select" v-model="roomCreateFeeInfo.conditions.roomType">
<option selected value="">{{vc.i18n('房屋类型','roomCreateFee')}}</option>
<option value="1010301">{{vc.i18n('普通房屋','roomCreateFee')}}</option>
<option value="2020602">{{vc.i18n('商铺','roomCreateFee')}}</option>
</select>
</div>
<div class="col-sm-3">
<div class="form-group">
<input type="text" :placeholder="roomCreateFeeInfo.conditions.roomType == '2020602'?'请填写楼栋-商铺 如1-1123':'请填写楼栋-单元-房屋 如1-1-1123'" class="form-control " v-model="roomCreateFeeInfo.conditions.allNum" @keyup.enter="_queryRoomMethod">
</div>
</div>
<div class="col-sm-3">
<input type="text" :placeholder="vc.i18n('请填写业主名称','roomCreateFee')" class="form-control " v-model="roomCreateFeeInfo.conditions.ownerNameLike" @keyup.enter="_queryRoomMethod">
</div>
<div class="col-sm-2">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryRoomMethod()">
<i class="fa fa-search"></i> <span><vc:i18n name="查询" namespace="roomCreateFee"></vc:i18n></span>
</button>
<button type="button" class="btn btn-white btn-sm" v-on:click="_resetRoomMethod()" style="margin-left: 20px;">
<i class="fa fa-repeat"></i> <span><vc:i18n name="重置" namespace="roomCreateFee"></vc:i18n></span>
</button>
</div>
</div>
<div class="row" v-if="roomCreateFeeInfo.moreCondition == true">
<div class="col-sm-3">
<div class="form-group input-group">
<input type="text" :placeholder="vc.i18n('请选择楼栋','roomCreateFee')" v-model="roomCreateFeeInfo.conditions.floorName" class=" form-control">
<div class="input-group-prepend">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_openChooseFloorMethod()">
<i class="fa fa-search"></i> <span><vc:i18n name="选择" namespace="roomCreateFee"></vc:i18n></span>
</button>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<select class=" form-control input-s-sm inline" v-model="roomCreateFeeInfo.conditions.unitId">
<option selected value="">{{vc.i18n('请选择单元','roomCreateFee')}}</option>
<option v-for="(unit,index) in roomUnits" :key="index" v-bind:value="unit.unitId">
{{unit.unitNum}}{{vc.i18n('单元','roomCreateFee')}}
</option>
</select>
</div>
</div>
<div class="col-sm-3">
<input type="text" :placeholder="vc.i18n('请填写业主身份证号','roomCreateFee')" class="form-control " v-model="roomCreateFeeInfo.conditions.idCard" @keyup.enter="_queryRoomMethod">
</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="roomCreateFee"></vc:i18n></span>
</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-white btn-sm" style="margin-left:10px" v-on:click="_openFeeImportExcel()">
<vc:i18n name="自定义模板" namespace="roomCreateFee"></vc:i18n>
</button>
<button type="button" class="btn btn-white btn-sm" style="margin-left:10px" v-on:click="_openDoCreateRoomFee()">
<vc:i18n name="自定义创建" namespace="roomCreateFee"></vc:i18n>
</button>
<button type="button" class="btn btn-white btn-sm" style="margin-left:10px" v-on:click="_openRoomCreateFeeAddModal(null,true)">
<i class="fa fa-plus"></i> <span><vc:i18n name="批量创建" namespace="roomCreateFee"></vc:i18n></span>
</button>
<button type="button" class="btn btn-white btn-sm" style="margin-left:10px" v-on:click="_downloadCollectionLetterOrder()">
<i class="fa fa-download"></i> <span><vc:i18n name="批量催缴单" namespace="roomCreateFee"></vc:i18n></span>
</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 data-hide="phone" class="text-center">{{vc.i18n('房屋类型','roomCreateFee')}}</th>
<th data-hide="phone" class="text-center"><span><vc:i18n name="房屋(栋/单元/室)" namespace="roomCreateFee"></vc:i18n></span></th>
<th data-hide="phone" class="text-center"><span><vc:i18n name="楼层(单位:层)" namespace="roomCreateFee"></vc:i18n></span></th>
<th data-hide="phone" class="text-center"><span><vc:i18n name="房屋状态" namespace="roomCreateFee"></vc:i18n></span>
</th>
<th data-hide="phone" class="text-center"><span><vc:i18n name="业主名称" namespace="roomCreateFee"></vc:i18n></span>
</th>
<th data-hide="phone" class="text-center"><span><vc:i18n name="联系电话" namespace="roomCreateFee"></vc:i18n></span>
</th>
<th data-hide="phone" class="text-center"><span><vc:i18n name="业主身份证号" namespace="roomCreateFee"></vc:i18n></span>
</th>
<th class="text-center"><span><vc:i18n name="房屋ID" namespace="roomCreateFee"></vc:i18n></span></th>
<th class="text-center"><span><vc:i18n name="操作" namespace="roomCreateFee"></vc:i18n></span>
</th>
</tr>
</thead>
<tbody>
<tr v-for="room in roomCreateFeeInfo.rooms">
<td class="text-center">
{{room.roomType=='1010301'?'房屋':'商铺'}}
</td>
<td class="text-center" v-if="room.roomType=='1010301'">
{{room.floorNum}}-{{room.unitNum}}-{{room.roomNum}}
</td>
<td class="text-center" v-else>
{{room.floorNum}}-{{room.roomNum}}
</td>
<td class="text-center">
{{room.layer}}
</td>
<td class="text-center">
{{room.stateName}}
</td>
<td class="text-center">
{{room.ownerName}}
</td>
<td class="text-center">
{{room.link}}
<td class="text-center">
{{room.idCard}}
</td>
<td class="text-center">
{{room.roomId}}
</td>
<td class="text-center">
<div class="btn-group" v-if="room.state != '2002'">
<button class="btn-white btn btn-xs" v-on:click="_toOwnerPayFee(room)"><span><vc:i18n name="欠费" namespace="roomCreateFee"></vc:i18n></span></button>
</div>
<!-- <div class="btn-group" v-if="room.state != '2002'">
<button class="btn-white btn btn-xs"
v-on:click="_openTranslateFeeManualCollectionDetailModel(room)"><span><vc:i18n name="人工托收" namespace="roomCreateFee"></vc:i18n></span>
</button>
</div> -->
<div class="btn-group" v-if="room.state != '2002'">
<button class="btn-white btn btn-xs" v-on:click="_downloadRoomCollectionLetterOrder(room)"><span><vc:i18n name="催缴单" namespace="roomCreateFee"></vc:i18n></span>
</button>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_openViewRoomCreateFee(room)"><span><vc:i18n name="费用" namespace="roomCreateFee"></vc:i18n></span>
</button>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="9">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
<!-- 分页 -->
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
<vc:create path="property/searchFloor" emitChooseFloor="room" emitLoadData="room"></vc:create>
<vc:create path="property/roomCreateFeeAdd"></vc:create>
<vc:create path="property/exportFeeImportExcel"></vc:create>
<vc:create path="property/doImportCreateFee"></vc:create>
</div>