<div>
|
<div class="row">
|
<div class="col-lg-12">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h5>
|
编辑业主催缴信息
|
</h5>
|
</div>
|
<div class="ibox-content">
|
<form id="editOwnerCollectionForm" class="form-horizontal">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">
|
<span class="text-danger">*</span>
|
<vc:i18n name="业主信息" namespace="editOwnerCollection"></vc:i18n>
|
</label>
|
<div class="col-sm-4">
|
<div class="input-group">
|
<input type="text" id="ownerName" v-model="editOwnerCollectionInfo.ownerName" class="form-control" placeholder="点击选择业主" readonly>
|
<input type="hidden" id="ownerId" v-model="editOwnerCollectionInfo.ownerId">
|
<span class="input-group-btn">
|
<button type="button" class="btn btn-white" v-on:click="_openSearchOwnerModal()">选择</button>
|
</span>
|
</div>
|
</div>
|
<label class="col-sm-2 control-label">
|
<span class="text-danger">*</span>
|
<vc:i18n name="房屋信息" namespace="editOwnerCollection"></vc:i18n>
|
</label>
|
<div class="col-sm-4">
|
<div class="input-group">
|
<input type="text" id="roomName" v-model="editOwnerCollectionInfo.roomName" class="form-control" placeholder="点击选择房屋" readonly>
|
<input type="hidden" id="roomId" v-model="editOwnerCollectionInfo.roomId">
|
<span class="input-group-btn">
|
<button type="button" class="btn btn-white" v-on:click="_openSearchRoomModal()">选择</button>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">
|
<vc:i18n name="催缴区间-起始日期" namespace="editOwnerCollection"></vc:i18n>
|
</label>
|
<div class="col-sm-4">
|
<input type="date" v-model="editOwnerCollectionInfo.collectionStartDate" class="form-control">
|
</div>
|
<label class="col-sm-2 control-label">
|
<vc:i18n name="催缴区间-终止日期" namespace="editOwnerCollection"></vc:i18n>
|
</label>
|
<div class="col-sm-4">
|
<input type="date" v-model="editOwnerCollectionInfo.collectionEndDate" class="form-control">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">
|
<vc:i18n name="金额(元)" namespace="editOwnerCollection"></vc:i18n>
|
</label>
|
<div class="col-sm-4">
|
<input type="number" step="0.01" v-model="editOwnerCollectionInfo.amount" class="form-control" placeholder="请输入金额">
|
</div>
|
<label class="col-sm-2 control-label">
|
<vc:i18n name="第一催缴人" namespace="editOwnerCollection"></vc:i18n>
|
</label>
|
<div class="col-sm-4">
|
<input type="text" v-model="editOwnerCollectionInfo.firstCollector" class="form-control" placeholder="请输入第一催缴人">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">
|
<vc:i18n name="第二催缴人-联系人" namespace="editOwnerCollection"></vc:i18n>
|
</label>
|
<div class="col-sm-4">
|
<input type="text" v-model="editOwnerCollectionInfo.secondCollectorName" class="form-control" placeholder="请输入联系人">
|
</div>
|
<label class="col-sm-2 control-label">
|
<vc:i18n name="第二催缴人-电话" namespace="editOwnerCollection"></vc:i18n>
|
</label>
|
<div class="col-sm-4">
|
<input type="text" v-model="editOwnerCollectionInfo.secondCollectorPhone" class="form-control" placeholder="请输入电话">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">
|
<vc:i18n name="第二催缴人-地址" namespace="editOwnerCollection"></vc:i18n>
|
</label>
|
<div class="col-sm-4">
|
<input type="text" v-model="editOwnerCollectionInfo.secondCollectorAddress" class="form-control" placeholder="请输入地址">
|
</div>
|
<label class="col-sm-2 control-label">
|
<vc:i18n name="票据号码" namespace="editOwnerCollection"></vc:i18n>
|
</label>
|
<div class="col-sm-4">
|
<input type="text" v-model="editOwnerCollectionInfo.receiptNumber" class="form-control" placeholder="请输入票据号码">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">
|
<vc:i18n name="票据照片" namespace="editOwnerCollection"></vc:i18n>
|
</label>
|
<div class="col-sm-4">
|
<input type="text" v-model="editOwnerCollectionInfo.receiptPhotoUrl" class="form-control" placeholder="请输入照片URL">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">
|
<vc:i18n name="备注" namespace="editOwnerCollection"></vc:i18n>
|
</label>
|
<div class="col-sm-10">
|
<textarea v-model="editOwnerCollectionInfo.remark" class="form-control" rows="3" placeholder="请输入备注信息"></textarea>
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="col-sm-4 col-sm-offset-2">
|
<button type="button" class="btn btn-white" v-on:click="_goBack()">
|
<i class="fa fa-arrow-left"></i>
|
<vc:i18n name="返回" namespace="editOwnerCollection"></vc:i18n>
|
</button>
|
<button type="button" class="btn btn-primary" v-on:click="_updateOwnerCollection()">
|
<i class="fa fa-check"></i>
|
<vc:i18n name="保存" namespace="editOwnerCollection"></vc:i18n>
|
</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 选择业主弹窗 -->
|
<div id="searchOwnerModal" class="modal fade" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
<div class="modal-dialog modal-lg">
|
<div class="modal-content">
|
<div class="modal-body">
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="input-group">
|
<input type="text" v-model="searchOwnerInfo.ownerName" class="form-control" placeholder="请输入业主姓名">
|
<span class="input-group-btn">
|
<button type="button" class="btn btn-white" v-on:click="_searchOwners()">查询</button>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12">
|
<table class="footable table table-stripped toggle-arrow-tiny" 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>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="owner in searchOwnerInfo.owners">
|
<td class="text-center">{{owner.name}}</td>
|
<td class="text-center">{{owner.link}}</td>
|
<td class="text-center">{{owner.idCard}}</td>
|
<td class="text-center">
|
<button class="btn-white btn btn-xs" v-on:click="_chooseOwner(owner)">
|
选择
|
</button>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 选择房屋弹窗 -->
|
<div id="searchRoomModal" class="modal fade" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
<div class="modal-dialog modal-lg">
|
<div class="modal-content">
|
<div class="modal-body">
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="input-group">
|
<input type="text" v-model="searchRoomInfo.roomName" class="form-control" placeholder="请输入房屋名称">
|
<span class="input-group-btn">
|
<button type="button" class="btn btn-white" v-on:click="_searchRooms()">查询</button>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12">
|
<table class="footable table table-stripped toggle-arrow-tiny" 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>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="room in searchRoomInfo.rooms">
|
<td class="text-center">{{room.roomName}}</td>
|
<td class="text-center">{{room.roomNum}}</td>
|
<td class="text-center">{{room.ownerName}}</td>
|
<td class="text-center">
|
<button class="btn-white btn btn-xs" v-on:click="_chooseRoom(room)">
|
选择
|
</button>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
