mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-24 05:46:03 +08:00
优化代码
This commit is contained in:
parent
0ae03c2362
commit
5b75c5a78b
@ -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>
|
||||
@ -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
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
|
||||
<vc:create path="admin/viewRentingPoolInfo"></vc:create>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="ibox">
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
data: {
|
||||
rentingDetailInfo: {
|
||||
rentingFlows:[],
|
||||
fees:[]
|
||||
fees:[],
|
||||
}
|
||||
},
|
||||
_initMethod: function () {
|
||||
|
||||
@ -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">
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user