MicroCommunityWeb/public/pages/property/roomCreateFee/roomCreateFee.html
2020-09-11 19:40:06 +08:00

166 lines
7.8 KiB
HTML
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()">{{roomCreateFeeInfo.moreCondition == true?'隐藏':'更多'}}
</button>
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<input type="text" placeholder="请填写楼栋-单元-房屋 如1-1-1123" class="form-control "
v-model="roomCreateFeeInfo.conditions.allNum">
</div>
</div>
<div class="col-sm-3">
<input type="text" placeholder="请填写业主名称" class="form-control "
v-model="roomCreateFeeInfo.conditions.ownerName">
</div>
<div class="col-sm-4">
<input type="text" placeholder="请填写业主身份证号" class="form-control "
v-model="roomCreateFeeInfo.conditions.idCard">
</div>
<div class="col-sm-1">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryRoomMethod()"><i
class="fa fa-search"></i> 查询
</button>
</div>
</div>
<div class="row" v-if="roomCreateFeeInfo.moreCondition == true">
<div class="col-sm-4">
<div class="form-group input-group">
<input type="text" placeholder="请选择楼栋" 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> 选择
</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="">请选择单元</option>
<option v-for="(unit,index) in roomUnits" :key="index" v-bind:value="unit.unitId">
{{unit.unitNum}}单元
</option>
</select>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<input type="text" placeholder="请填写房屋编号" class="form-control "
v-model="roomCreateFeeInfo.conditions.roomNum">
</div>
</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" style="margin-left:10px"
v-on:click="_openRoomCreateFeeAddModal(null,true)">
<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 data-hide="phone">房屋</th>
<th data-hide="phone">楼层</th>
<th data-hide="phone">业主名称</th>
<th data-hide="phone">联系电话</th>
<th>房屋ID</th>
<th class="text-right">操作</th>
</tr>
</thead>
<tbody>
<tr v-for="room in roomCreateFeeInfo.rooms">
<td>
{{room.floorNum}}栋{{room.unitNum}}单元{{room.roomNum}}室
</td>
<td>
{{room.layer}}层
</td>
<td>
{{room.ownerName}}
</td>
<td>
{{room.link}}
</td>
<td>
{{room.roomId}}
</td>
<!--
<td>
{{room.ownerId}}
</td> -->
<td class="text-right">
<div class="btn-group" v-if="room.state == '2001'">
<button class="btn-white btn btn-xs"
v-on:click="_openRoomCreateFeeAddModal(room,false)">创建收费
</button>
</div>
<div class="btn-group" v-if="room.state == '2001'">
<button class="btn-white btn btn-xs" v-on:click="_toOwnerPayFee(room)">欠费缴费
</button>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openViewRoomCreateFee(room)">查看费用
</button>
</div>
</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>
<vc:create path="property/searchFloor" emitChooseFloor="room" emitLoadData="room"></vc:create>
<vc:create path="property/roomCreateFeeAdd"></vc:create>
</div>