mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-23 21:36:37 +08:00
优化 前段显示处理
This commit is contained in:
parent
348f7aa92d
commit
3c37742208
@ -33,22 +33,22 @@
|
||||
</div>
|
||||
<div class="col-lg-6 text-right" v-if="simplifyRoomFeeInfo.roomId">
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" v-on:click="_openBatchPayRoomFeeModal()">
|
||||
批量缴费
|
||||
<vc:i18n name="批量缴费" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" v-on:click="_openTempImportRoomFeeModal()">
|
||||
临时收费
|
||||
<vc:i18n name="临时收费" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" v-on:click="_openProxyFeeModal()">
|
||||
代收费用
|
||||
<vc:i18n name="代收费用" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" v-on:click="_openAddMeterWaterSimplifyModal()">
|
||||
水电抄表
|
||||
<vc:i18n name="水电抄表" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" v-on:click="_openRoomCreateFeeAddModal()">
|
||||
创建费用
|
||||
<vc:i18n name="创建费用" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" v-on:click="_toOwnerPayFee()">
|
||||
欠费缴费
|
||||
<vc:i18n name="欠费缴费" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@ -56,16 +56,36 @@
|
||||
<table class="footable table table-stripped toggle-arrow-tiny" style="margin-top:10px" data-page-size="10">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center"><vc:i18n name="费用项目" namespace="simplifyRoomFee"></vc:i18n></th>
|
||||
<th class="text-center"><vc:i18n name="费用标识" namespace="simplifyRoomFee"></vc:i18n></th>
|
||||
<th class="text-center"><vc:i18n name="费用类型" namespace="simplifyRoomFee"></vc:i18n></th>
|
||||
<th class="text-center"><vc:i18n name="应收金额" namespace="simplifyRoomFee"></vc:i18n></th>
|
||||
<th class="text-center"><vc:i18n name="建账时间" namespace="simplifyRoomFee"></vc:i18n></th>
|
||||
<th class="text-center"><vc:i18n name="计费起始时间" namespace="simplifyRoomFee"></vc:i18n></th>
|
||||
<th class="text-center"><vc:i18n name="计费结束时间" namespace="simplifyRoomFee"></vc:i18n></th>
|
||||
<th class="text-center"><vc:i18n name="说明" namespace="simplifyRoomFee"></vc:i18n></th>
|
||||
<th class="text-center"><vc:i18n name="状态" namespace="simplifyRoomFee"></vc:i18n></th>
|
||||
<th class="text-center"><vc:i18n name="操作" namespace="simplifyRoomFee"></vc:i18n></th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="费用项目" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="费用标识" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="费用类型" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="应收金额" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="建账时间" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="计费起始时间" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="计费结束时间" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="说明" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="状态" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="操作" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@ -79,24 +99,36 @@
|
||||
<td class="text-center">{{_getEndTime(fee)}}</td>
|
||||
<td class="text-center">{{_getDeadlineTime(fee)}}</td>
|
||||
<td class="text-center" v-if="fee.computingFormula == '5005' || fee.computingFormula == '9009'" :title="_simplifyRoomGetFeeOwnerInfo(fee.feeAttrs)">
|
||||
<div><vc:i18n name="上期度数" namespace="simplifyRoomFee"></vc:i18n>:{{fee.preDegrees}}</div>
|
||||
<div><vc:i18n name="本期度数" namespace="simplifyRoomFee"></vc:i18n>:{{fee.curDegrees}}</div>
|
||||
<div><vc:i18n name="单价" namespace="simplifyRoomFee"></vc:i18n>:{{getOnePrice1(fee)}}</div>
|
||||
<div><vc:i18n name="附加费" namespace="simplifyRoomFee"></vc:i18n>:{{fee.additionalAmount}}</div>
|
||||
<div>
|
||||
<span><vc:i18n name="上期度数" namespace="simplifyRoomFee"></vc:i18n></span>:{{fee.preDegrees}}</div>
|
||||
<div>
|
||||
<span><vc:i18n name="本期度数" namespace="simplifyRoomFee"></vc:i18n></span>:{{fee.curDegrees}}</div>
|
||||
<div>
|
||||
<span> <vc:i18n name="单价" namespace="simplifyRoomFee"></vc:i18n></span>:{{getOnePrice1(fee)}}</div>
|
||||
<div>
|
||||
<span> <vc:i18n name="附加费" namespace="simplifyRoomFee"></vc:i18n></span>:{{fee.additionalAmount}}</div>
|
||||
</td>
|
||||
<td class="text-center" v-else-if="fee.computingFormula == '6006'" :title="_simplifyRoomGetFeeOwnerInfo(fee.feeAttrs)">
|
||||
<div><vc:i18n name="用量" namespace="simplifyRoomFee"></vc:i18n>:{{_getAttrValue(fee.feeAttrs,'390006')}}</div>
|
||||
<div><vc:i18n name="单价" namespace="simplifyRoomFee"></vc:i18n>:{{fee.squarePrice}}</div>
|
||||
<div><vc:i18n name="附加费" namespace="simplifyRoomFee"></vc:i18n>:{{fee.additionalAmount}}</div>
|
||||
<div>
|
||||
<span> <vc:i18n name="用量" namespace="simplifyRoomFee"></vc:i18n></span>:{{_getAttrValue(fee.feeAttrs,'390006')}}</div>
|
||||
<div>
|
||||
<span> <vc:i18n name="单价" namespace="simplifyRoomFee"></vc:i18n></span>:{{fee.squarePrice}}</div>
|
||||
<div>
|
||||
<span> <vc:i18n name="附加费" namespace="simplifyRoomFee"></vc:i18n></span>:{{fee.additionalAmount}}</div>
|
||||
</td>
|
||||
<td class="text-center" width="150" v-else-if="fee.feeTypeCd == '888800010017'" :title="_simplifyRoomGetFeeOwnerInfo(fee.feeAttrs)">
|
||||
<div><vc:i18n name="算法" namespace="simplifyRoomFee"></vc:i18n>:{{_getAttrValue(fee.feeAttrs,'390005')}}</div>
|
||||
<div><vc:i18n name="用量" namespace="simplifyRoomFee"></vc:i18n>:{{_getAttrValue(fee.feeAttrs,'390003')}}</div>
|
||||
<div>
|
||||
<span> <vc:i18n name="算法" namespace="simplifyRoomFee"></vc:i18n></span>:{{_getAttrValue(fee.feeAttrs,'390005')}}</div>
|
||||
<div>
|
||||
<span> <vc:i18n name="用量" namespace="simplifyRoomFee"></vc:i18n></span>:{{_getAttrValue(fee.feeAttrs,'390003')}}</div>
|
||||
</td>
|
||||
<td class="text-center" v-else :title="_simplifyRoomGetFeeOwnerInfo(fee.feeAttrs)">
|
||||
<div><vc:i18n name="单价" namespace="simplifyRoomFee"></vc:i18n>:{{fee.squarePrice}}</div>
|
||||
<div v-if="fee.feeFlag == '1003006'"><vc:i18n name="附加费" namespace="simplifyRoomFee"></vc:i18n>:{{fee.additionalAmount}}</div>
|
||||
<div v-else><vc:i18n name="固定费" namespace="simplifyRoomFee"></vc:i18n>:{{fee.additionalAmount}}</div>
|
||||
<div>
|
||||
<span> <vc:i18n name="单价" namespace="simplifyRoomFee"></vc:i18n></span>:{{fee.squarePrice}}</div>
|
||||
<div v-if="fee.feeFlag == '1003006'">
|
||||
<span> <vc:i18n name="附加费" namespace="simplifyRoomFee"></vc:i18n></span>:{{fee.additionalAmount}}</div>
|
||||
<div v-else>
|
||||
<span> <vc:i18n name="固定费" namespace="simplifyRoomFee"></vc:i18n></span>:{{fee.additionalAmount}}</div>
|
||||
</td>
|
||||
<td class="text-center">{{fee.stateName}}</td>
|
||||
<td class="text-center">
|
||||
@ -111,13 +143,19 @@
|
||||
</button>
|
||||
<div class="dropdown-menu p-4 text-muted" style="max-width: 500px;">
|
||||
<p v-if="vc.hasPrivilege('502020090604200029')">
|
||||
<a href="javascript:void(0)" v-on:click="_deleteFee(fee)"><vc:i18n name="取消费用" namespace="simplifyRoomFee"></vc:i18n></a>
|
||||
<a href="javascript:void(0)" v-on:click="_deleteFee(fee)">
|
||||
<vc:i18n name="取消费用" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</a>
|
||||
</p>
|
||||
<p v-if="vc.hasPrivilege('502021070488970005')">
|
||||
<a href="javascript:void(0)" v-on:click="_finishFee(fee)"><vc:i18n name="手工结束" namespace="simplifyRoomFee"></vc:i18n></a>
|
||||
<a href="javascript:void(0)" v-on:click="_finishFee(fee)">
|
||||
<vc:i18n name="手工结束" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</a>
|
||||
</p>
|
||||
<p v-if="fee.state != '2009001' && vc.hasPrivilege('502020090427190001')">
|
||||
<a href="javascript:void(0)" v-on:click="_editFee(fee)"><vc:i18n name="费用变更" namespace="simplifyRoomFee"></vc:i18n></a>
|
||||
<a href="javascript:void(0)" v-on:click="_editFee(fee)">
|
||||
<vc:i18n name="费用变更" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -127,8 +165,10 @@
|
||||
</table>
|
||||
<div class="row">
|
||||
<div class="col-sm-5">
|
||||
<div> <vc:i18n name="注意" namespace="simplifyRoomFee"></vc:i18n>: 计费结束时间 “-” 表示未到计费时间 或 收费已结束</div>
|
||||
<div> <vc:i18n name="应收金额" namespace="simplifyRoomFee"></vc:i18n> 为-1 一般为费用项公式设置出错请检查</div>
|
||||
<div>
|
||||
<vc:i18n name="注意" namespace="simplifyRoomFee"></vc:i18n>: 计费结束时间 “-” 表示未到计费时间 或 收费已结束</div>
|
||||
<div>
|
||||
<vc:i18n name="应收金额" namespace="simplifyRoomFee"></vc:i18n> 为-1 一般为费用项公式设置出错请检查</div>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<span> <vc:i18n name="欠费小计" namespace="simplifyRoomFee"></vc:i18n>:{{simplifyRoomFeeInfo.totalAmount}}</span>
|
||||
@ -139,4 +179,4 @@
|
||||
</div>
|
||||
</div>
|
||||
<vc:create path="property/tempImportRoomFee"></vc:create>
|
||||
</div>
|
||||
</div>
|
||||
@ -3,7 +3,9 @@
|
||||
<div class="col-lg-12">
|
||||
<div class="ibox">
|
||||
<div class="ibox-title">
|
||||
<h5><vc:i18n name="业主" namespace="handover"></vc:i18n></h5>
|
||||
<h5>
|
||||
<vc:i18n name="业主" namespace="handover"></vc:i18n>
|
||||
</h5>
|
||||
<div class="ibox-tools" style="top:10px;">
|
||||
<button type="button" class="btn btn-primary btn-sm" v-on:click="_selectOwner()">
|
||||
选择
|
||||
@ -19,8 +21,7 @@
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label"><vc:i18n name="姓名" namespace="handover"></vc:i18n></label>
|
||||
<div class="col-sm-10">
|
||||
<input v-model="handoverInfo.name" type="text" :placeholder="vc.i18n('必填','handover'),请填写姓名"
|
||||
class="form-control">
|
||||
<input v-model="handoverInfo.name" type="text" :placeholder="vc.i18n('必填,请填写姓名','handover')" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -29,7 +30,7 @@
|
||||
<label class="col-sm-2 col-form-label"><vc:i18n name="性别" namespace="handover"></vc:i18n></label>
|
||||
<div class="col-sm-10">
|
||||
<select class="custom-select" v-model="handoverInfo.sex">
|
||||
<option selected disabled value="">{{vc.i18n('必填','handover')}},请选择性别</option>
|
||||
<option selected disabled value="">{{vc.i18n('必填,请选择性别','handover')}}</option>
|
||||
<option value="0">{{vc.i18n('男','handover')}}</option>
|
||||
<option value="1">{{vc.i18n('女','handover')}}</option>
|
||||
</select>
|
||||
@ -40,8 +41,7 @@
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label"><vc:i18n name="年龄" namespace="handover"></vc:i18n></label>
|
||||
<div class="col-sm-10">
|
||||
<input v-model="handoverInfo.age" type="number" :placeholder="vc.i18n('必填','handover'),请填写年龄"
|
||||
class="form-control">
|
||||
<input v-model="handoverInfo.age" type="number" :placeholder="vc.i18n('必填,请填写年龄','handover')" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -51,8 +51,7 @@
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label"><vc:i18n name="身份证" namespace="handover"></vc:i18n></label>
|
||||
<div class="col-sm-10">
|
||||
<input v-model="handoverInfo.idCard" type="text" :placeholder="vc.i18n('可选','handover'),请填写身份证"
|
||||
class="form-control">
|
||||
<input v-model="handoverInfo.idCard" type="text" :placeholder="vc.i18n('可选,请填写身份证','handover')" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -60,8 +59,7 @@
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label"><vc:i18n name="手机" namespace="handover"></vc:i18n></label>
|
||||
<div class="col-sm-10">
|
||||
<input v-model="handoverInfo.link" type="number" :placeholder="vc.i18n('必填','handover'),请填写联系方式"
|
||||
class="form-control">
|
||||
<input v-model="handoverInfo.link" type="number" :placeholder="vc.i18n('必填,请填写联系方式','handover')" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -69,8 +67,7 @@
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label"><vc:i18n name="备注" namespace="handover"></vc:i18n></label>
|
||||
<div class="col-sm-10">
|
||||
<input v-model="handoverInfo.remark" type="tel" :placeholder="vc.i18n('可填','handover'),请填写备注"
|
||||
class="form-control">
|
||||
<input v-model="handoverInfo.remark" type="tel" :placeholder="vc.i18n('可填,请填写备注','handover')" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -84,7 +81,9 @@
|
||||
<div class="col-lg-12">
|
||||
<div class="ibox">
|
||||
<div class="ibox-title">
|
||||
<h5><vc:i18n name="房屋" namespace="handover"></vc:i18n></h5>
|
||||
<h5>
|
||||
<vc:i18n name="房屋" namespace="handover"></vc:i18n>
|
||||
</h5>
|
||||
<div class="ibox-tools" style="top:10px;">
|
||||
<button type="button" class="btn btn-primary btn-sm" v-on:click="_selectRoom()">
|
||||
选择房屋
|
||||
@ -95,15 +94,22 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="ibox-content">
|
||||
<table class="footable table table-stripped toggle-arrow-tiny" style="margin-top:10px"
|
||||
data-page-size="10">
|
||||
<table class="footable table table-stripped toggle-arrow-tiny" style="margin-top:10px" data-page-size="10">
|
||||
<thead>
|
||||
<tr>
|
||||
<!-- <th><vc:i18n name="房屋" namespace="handover"></vc:i18n>ID</th> -->
|
||||
<th data-hide="phone" class="text-center"><vc:i18n name="房屋" namespace="handover"></vc:i18n></th>
|
||||
<th data-hide="phone" class="text-center"><vc:i18n name="建筑面积" namespace="handover"></vc:i18n></th>
|
||||
<th data-hide="phone" class="text-center"><vc:i18n name="房屋状态" namespace="handover"></vc:i18n></th>
|
||||
<th class="text-center"><vc:i18n name="操作" namespace="handover"></vc:i18n></th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="房屋" namespace="handover"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="建筑面积" namespace="handover"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="房屋状态" namespace="handover"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="操作" namespace="handover"></vc:i18n>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@ -112,15 +118,15 @@
|
||||
{{room.floorNum}}-{{room.unitNum}}-{{room.roomNum}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.builtUpArea}}<vc:i18n name="平方米" namespace="handover"></vc:i18n>
|
||||
{{room.builtUpArea}}
|
||||
<vc:i18n name="平方米" namespace="handover"></vc:i18n>
|
||||
</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)"><vc:i18n name="删除" namespace="handover"></vc:i18n></button>
|
||||
<button class="btn-white btn btn-xs" v-on:click="_openDelRoomModel(room)"><vc:i18n name="删除" namespace="handover"></vc:i18n></button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@ -137,21 +143,30 @@
|
||||
<div class="col-lg-12">
|
||||
<div class="ibox">
|
||||
<div class="ibox-title">
|
||||
<h5><vc:i18n name="费用" namespace="handover"></vc:i18n></h5>
|
||||
<h5>
|
||||
<vc:i18n name="费用" namespace="handover"></vc:i18n>
|
||||
</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">
|
||||
<table class="footable table table-stripped toggle-arrow-tiny" style="margin-top:10px" data-page-size="10">
|
||||
<thead>
|
||||
<tr>
|
||||
<!-- <th><vc:i18n name="房屋" namespace="handover"></vc:i18n>ID</th> -->
|
||||
<th data-hide="phone" class="text-center"><vc:i18n name="费用项目" namespace="handover"></vc:i18n></th>
|
||||
<th data-hide="phone" class="text-center"><vc:i18n name="开始时间" namespace="handover"></vc:i18n></th>
|
||||
<th data-hide="phone" class="text-center"><vc:i18n name="结束时间" namespace="handover"></vc:i18n></th>
|
||||
<th class="text-center"><vc:i18n name="操作" namespace="handover"></vc:i18n></th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="费用项目" namespace="handover"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="开始时间" namespace="handover"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="结束时间" namespace="handover"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="操作" namespace="handover"></vc:i18n>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@ -167,8 +182,7 @@
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="btn-group">
|
||||
<button class="btn-white btn btn-xs"
|
||||
v-on:click="_openDelFeeModel(fee)"><vc:i18n name="删除" namespace="handover"></vc:i18n></button>
|
||||
<button class="btn-white btn btn-xs" v-on:click="_openDelFeeModel(fee)"><vc:i18n name="删除" namespace="handover"></vc:i18n></button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@ -182,7 +196,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
@ -194,4 +208,4 @@
|
||||
<vc:create path="property/searchOwner" emitChooseOwner="handover" emitLoadData="handover"></vc:create>
|
||||
|
||||
<vc:create path="property/selectFeeConfig"></vc:create>
|
||||
</div>
|
||||
</div>
|
||||
@ -3,7 +3,9 @@
|
||||
<div class="col-lg-12">
|
||||
<div class="ibox">
|
||||
<div class="ibox-title">
|
||||
<h5><vc:i18n name="业主" namespace="ownerExitRoom"></vc:i18n></h5>
|
||||
<h5>
|
||||
<vc:i18n name="业主" namespace="ownerExitRoom"></vc:i18n>
|
||||
</h5>
|
||||
<div class="ibox-tools" style="top:10px;">
|
||||
<button type="button" class="btn btn-primary btn-sm" v-on:click="_selectOwner()">
|
||||
选择
|
||||
@ -17,19 +19,19 @@
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label"><vc:i18n name="姓名" namespace="ownerExitRoom"></vc:i18n>:</label>
|
||||
<label class="col-form-label"><vc:i18n name="姓名" namespace="ownerExitRoom"></vc:i18n></label>:
|
||||
<label class="">{{ownerExitRoomInfo.name}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label"><vc:i18n name="身份证" namespace="ownerExitRoom"></vc:i18n>:</label>
|
||||
<label class="col-form-label"><vc:i18n name="身份证" namespace="ownerExitRoom"></vc:i18n></label>:
|
||||
<label class="">{{ownerExitRoomInfo.idCard}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label"><vc:i18n name="手机" namespace="ownerExitRoom"></vc:i18n>:</label>
|
||||
<label class="col-form-label"><vc:i18n name="手机" namespace="ownerExitRoom"></vc:i18n></label>:
|
||||
<label class="">{{ownerExitRoomInfo.link}}</label>
|
||||
</div>
|
||||
</div>
|
||||
@ -43,37 +45,43 @@
|
||||
<div class="col-lg-12">
|
||||
<div class="ibox">
|
||||
<div class="ibox-title">
|
||||
<h5><vc:i18n name="业主房屋" namespace="ownerExitRoom"></vc:i18n></h5>
|
||||
<h5>
|
||||
<vc:i18n name="业主房屋" namespace="ownerExitRoom"></vc:i18n>
|
||||
</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">
|
||||
<table class="footable table table-stripped toggle-arrow-tiny" style="margin-top:10px" data-page-size="10">
|
||||
<thead>
|
||||
<tr>
|
||||
<!-- <th><vc:i18n name="房屋" namespace="ownerExitRoom"></vc:i18n>ID</th> -->
|
||||
<th class="text-center">
|
||||
<input type="checkbox" class="i-checks" v-bind:checked="ownerExitRoomInfo.quan == true" @click="checkAll($event)" >
|
||||
<input type="checkbox" class="i-checks" v-bind:checked="ownerExitRoomInfo.quan == true" @click="checkAll($event)">
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center"><vc:i18n name="房屋" namespace="ownerExitRoom"></vc:i18n></th>
|
||||
<th data-hide="phone" class="text-center"><vc:i18n name="建筑面积" namespace="ownerExitRoom"></vc:i18n></th>
|
||||
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="房屋" namespace="ownerExitRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="建筑面积" namespace="ownerExitRoom"></vc:i18n>
|
||||
</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="room in ownerExitRoomInfo.rooms">
|
||||
<td class="text-center">
|
||||
<input type="checkbox" class="i-checks checkItem" v-bind:value="room.roomId" v-model="ownerExitRoomInfo.selectRooms" >
|
||||
<input type="checkbox" class="i-checks checkItem" v-bind:value="room.roomId" v-model="ownerExitRoomInfo.selectRooms">
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.floorNum}}-{{room.unitNum}}-{{room.roomNum}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.builtUpArea}}<vc:i18n name="平方米" namespace="ownerExitRoom"></vc:i18n>
|
||||
{{room.builtUpArea}}
|
||||
<vc:i18n name="平方米" namespace="ownerExitRoom"></vc:i18n>
|
||||
</td>
|
||||
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -88,28 +96,41 @@
|
||||
<div class="col-lg-12">
|
||||
<div class="ibox">
|
||||
<div class="ibox-title">
|
||||
<h5><vc:i18n name="费用" namespace="ownerExitRoom"></vc:i18n></h5>
|
||||
<h5>
|
||||
<vc:i18n name="费用" namespace="ownerExitRoom"></vc:i18n>
|
||||
</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">
|
||||
<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 name="费用项目" namespace="ownerExitRoom"></vc:i18n></th>
|
||||
<th data-hide="phone" class="text-center"><vc:i18n name="房屋" namespace="ownerExitRoom"></vc:i18n></th>
|
||||
<th data-hide="phone" class="text-center"><vc:i18n name="欠费" namespace="ownerExitRoom"></vc:i18n></th>
|
||||
<th data-hide="phone" class="text-center"><vc:i18n name="开始时间" namespace="ownerExitRoom"></vc:i18n></th>
|
||||
<th data-hide="phone" class="text-center"><vc:i18n name="结束时间" namespace="ownerExitRoom"></vc:i18n></th>
|
||||
<th data-hide="phone" class="text-center"><vc:i18n name="费用状态" namespace="ownerExitRoom"></vc:i18n></th>
|
||||
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="费用项目" namespace="ownerExitRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="房屋" namespace="ownerExitRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="欠费" namespace="ownerExitRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="开始时间" namespace="ownerExitRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="结束时间" namespace="ownerExitRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="费用状态" namespace="ownerExitRoom"></vc:i18n>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="fee in ownerExitRoomInfo.fees">
|
||||
|
||||
|
||||
<td class="text-center">
|
||||
{{fee.feeName}}
|
||||
</td>
|
||||
@ -150,4 +171,4 @@
|
||||
<vc:create path="property/searchOwner" emitChooseOwner="ownerExitRoom" emitLoadData="ownerExitRoom"></vc:create>
|
||||
|
||||
<vc:create path="property/selectFeeConfig"></vc:create>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Reference in New Issue
Block a user