mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-06-12 18:11:00 +08:00
197 lines
9.4 KiB
HTML
197 lines
9.4 KiB
HTML
<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="_selectOwner()">
|
|
选择
|
|
</button>
|
|
<button type="button" class="btn btn-white btn-sm" v-on:click="_goBack()">
|
|
返回
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="ibox-content">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">姓名</label>
|
|
<div class="col-sm-10">
|
|
<input v-model="handoverInfo.name" type="text" placeholder="必填，请填写姓名"
|
|
class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">性别</label>
|
|
<div class="col-sm-10">
|
|
<select class="custom-select" v-model="handoverInfo.sex">
|
|
<option selected disabled value="">必填，请选择性别</option>
|
|
<option value="0">男</option>
|
|
<option value="1">女</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">年龄</label>
|
|
<div class="col-sm-10">
|
|
<input v-model="handoverInfo.age" type="number" placeholder="必填，请填写年龄"
|
|
class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">身份证</label>
|
|
<div class="col-sm-10">
|
|
<input v-model="handoverInfo.idCard" type="text" placeholder="可选，请填写身份证"
|
|
class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">手机</label>
|
|
<div class="col-sm-10">
|
|
<input v-model="handoverInfo.link" type="number" placeholder="必填，请填写联系方式"
|
|
class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">备注</label>
|
|
<div class="col-sm-10">
|
|
<input v-model="handoverInfo.remark" type="tel" placeholder="可填，请填写备注"
|
|
class="form-control">
|
|
</div>
|
|
</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" v-on:click="_selectRoom()">
|
|
选择房屋
|
|
</button>
|
|
<button type="button" class="btn btn-white btn-sm" v-on:click="_createFeeOrder()">
|
|
创建费用
|
|
</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>房屋ID</th> -->
|
|
<th data-hide="phone" class="text-center">房屋</th>
|
|
<th data-hide="phone" class="text-center">建筑面积</th>
|
|
<th data-hide="phone" class="text-center">房屋状态</th>
|
|
<th class="text-center">操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="room in handoverInfo.rooms">
|
|
<td class="text-center">
|
|
{{room.floorNum}}-{{room.unitNum}}-{{room.roomNum}}
|
|
</td>
|
|
<td class="text-center">
|
|
{{room.builtUpArea}}平方米
|
|
</td>
|
|
<td class="text-center">
|
|
{{room.stateName}}
|
|
</td>
|
|
<td class="text-center">
|
|
<div class="btn-group">
|
|
<button class="btn-white btn btn-xs"
|
|
v-on:click="_openDelRoomModel(room)">删除</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!-- 分页 -->
|
|
<vc:create path="frame/pagination"></vc:create>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" v-if="handoverInfo.fees && handoverInfo.fees.length > 0">
|
|
<div class="col-lg-12">
|
|
<div class="ibox">
|
|
<div class="ibox-title">
|
|
<h5>费用</h5>
|
|
<div class="ibox-tools" style="top:10px;">
|
|
|
|
</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>房屋ID</th> -->
|
|
<th data-hide="phone" class="text-center">费用项目</th>
|
|
<th data-hide="phone" class="text-center">开始时间</th>
|
|
<th data-hide="phone" class="text-center">结束时间</th>
|
|
<th class="text-center">操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="fee in handoverInfo.fees">
|
|
<td class="text-center">
|
|
{{fee.feeName}}
|
|
</td>
|
|
<td class="text-center">
|
|
{{fee.startTime}}
|
|
</td>
|
|
<td class="text-center">
|
|
{{fee.endTime?fee.endTime:'-'}}
|
|
</td>
|
|
<td class="text-center">
|
|
<div class="btn-group">
|
|
<button class="btn-white btn btn-xs"
|
|
v-on:click="_openDelFeeModel(fee)">删除</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!-- 分页 -->
|
|
<vc:create path="frame/pagination"></vc:create>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-12 text-right">
|
|
<button class="btn btn-primary" type="button" v-on:click="saveHandoverInfo()"><i
|
|
class="fa fa-check"></i> 提交</button>
|
|
</div>
|
|
</div>
|
|
<vc:create path="property/searchOwner" emitChooseOwner="handover" emitLoadData="handover"></vc:create>
|
|
|
|
<vc:create path="property/selectFeeConfig"></vc:create>
|
|
</div> |