优化代码

This commit is contained in:
java110 2020-09-29 17:50:14 +08:00
parent 0ae03c2362
commit 5b75c5a78b
5 changed files with 125 additions and 88 deletions

View File

@ -1,92 +1,117 @@
<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="_goBack()">
返回
</button>
<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="_goBack()">
返回
</button>
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">出租标题:</label>
<label class="">{{viewRentingPoolInfo.rentingTitle}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">租金:</label>
<label class="">{{viewRentingPoolInfo.price}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">预付类型:</label>
<label class="">{{viewRentingPoolInfo.paymentTypeName}}</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">入住时间:</label>
<label class="">{{viewRentingPoolInfo.checkIn == '1001'?'立即入住':'预约入住'}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">出租配置:</label>
<label class="">{{viewRentingPoolInfo.rentingType=='3344'?'整租':'合租'}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">备注:</label>
<label class="">{{viewRentingPoolInfo.rentingDesc}}</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">业主名称:</label>
<label class="">{{viewRentingPoolInfo.ownerName}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">业主电话:</label>
<label class="">{{viewRentingPoolInfo.ownerTel}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">房屋:</label>
<label class="">{{viewRentingPoolInfo.roomName}}</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">业主服务费:</label>
<label class="">{{viewRentingPoolInfo.serviceOwnerFee}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">租客服务费:</label>
<label class="">{{viewRentingPoolInfo.serviceTenantFee}}</label>
</div>
</div>
</div>
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">出租标题:</label>
<label class="">{{viewRentingPoolInfo.rentingTitle}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">租金:</label>
<label class="">{{viewRentingPoolInfo.price}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">预付类型:</label>
<label class="">{{viewRentingPoolInfo.paymentTypeName}}</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">入住时间:</label>
<label class="">{{viewRentingPoolInfo.checkIn == '1001'?'立即入住':'预约入住'}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">出租配置:</label>
<label class="">{{viewRentingPoolInfo.rentingType=='3344'?'整租':'合租'}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">备注:</label>
<label class="">{{viewRentingPoolInfo.rentingDesc}}</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">业主名称:</label>
<label class="">{{viewRentingPoolInfo.ownerName}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">业主电话:</label>
<label class="">{{viewRentingPoolInfo.ownerTel}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">房屋:</label>
<label class="">{{viewRentingPoolInfo.roomName}}</label>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">业主服务费:</label>
<label class="">{{viewRentingPoolInfo.serviceOwnerFee}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">租客服务费:</label>
<label class="">{{viewRentingPoolInfo.serviceTenantFee}}</label>
</div>
</div>
</div>
<div class="row" v-if="viewRentingPoolInfo.photos.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">
<div>
<div class="row">
<div class="form-group margin-left" v-for="(item,index) in viewRentingPoolInfo.photos">
<img style="width: 120px; height: 120px;" v-bind:src="item"
v-on:click="openFile(item)"></img>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@ -97,4 +122,6 @@
<vc:create path="admin/chooseRentingPool" emitChooseRentingPool="viewRentingPoolInfo"
emitLoadData="viewRentingPoolInfo"></vc:create>
<vc:create path="common/viewImage"></vc:create>
</div>

View File

@ -19,7 +19,8 @@
paymentTypeName: '',
roomName: '',
serviceOwnerFee: 0.0,
serviceTenantFee: 0.0
serviceTenantFee: 0.0,
photos:[]
}
},
_initMethod: function () {
@ -70,6 +71,7 @@
vc.copyObject(_rentingPoolManageInfo.data[0], $that.viewRentingPoolInfo);
let _data = _rentingPoolManageInfo.data[0];
$that.viewRentingPoolInfo.photos = _data.photos;
let _rentingFormula = _data.rentingFormula;
//收费计算公式,1001 固定值 2002 每月租金比例
@ -89,7 +91,12 @@
},
_goBack: function () {
vc.goBack();
}
},
openFile:function(_photo){
vc.emit('viewImage','showImage',{
url:_photo
});
}
}
});

View File

@ -2,6 +2,7 @@
<vc:create path="admin/viewRentingPoolInfo"></vc:create>
<div class="row">
<div class="col-lg-12">
<div class="ibox">

View File

@ -7,7 +7,7 @@
data: {
rentingDetailInfo: {
rentingFlows:[],
fees:[]
fees:[],
}
},
_initMethod: function () {

View File

@ -68,6 +68,7 @@
<th class="text-center">业主名称</th>
<th class="text-center">业主电话</th>
<th class="text-center">房屋面积</th>
<th class="text-center">托收金额</th>
<th class="text-center">状态</th>
<th class="text-right">操作</th>
</tr>
@ -79,6 +80,7 @@
<td class="text-center">{{feeManualCollection.ownerName}}</td>
<td class="text-center">{{feeManualCollection.link}}</td>
<td class="text-center">{{feeManualCollection.roomArea}}</td>
<td class="text-center">{{feeManualCollection.totalFee}}</td>
<td class="text-center">{{feeManualCollection.stateName}}</td>
<td class="text-right">