Skip to content

T
tl_estate
Commit 2c6e47f8 authored by agping's avatar agping
Browse files
Options

房源详情

parent 2ac5bd44
Hide whitespace changes
Inline Side-by-side
Showing with 135 additions and 68 deletions
application/app_broker/view/index/office_detail_pc.html
View file @ 2c6e47f8
......@@ -20,61 +20,62 @@
<table>
<tbody>
<tr>
<td>所属楼盘：{{d.building_data.title}}</td>
<td>楼盘地址：{{d.building_data.address}}</td>
<td>所属商圈：{{d.building_data.business_name}}</td>
<td>总层数：{{d.building_data.floor_total}}</td>
<td>所属楼盘：{{ds.title}}</td>
<td>楼盘地址：{{ds.address}}</td>
<td>所属商圈：{{ds.business_name}}</td>
<td>总层数：{{ds.floor_total}}</td>
</tr>
<tr>
<td>类型：{{d.building_data.type}}</td>
<td>交通：{{d.building_data.traffic}}</td>
<td>简介：{{d.building_data.intro}}</td>
<td>楼盘图片：{{d.building_data.intro}}</td>
<td>类型：{{switchType(ds.type)}}</td>
<td colspan="3">简介：{{ds.intro}}</td>
</tr>
<tr>
<td>所在楼层：{{d.id}}</td>
<td>房号：{{(d.shop_type==1)?'街铺':'商场'}}</td>
<td>房源状态：{{(d.is_show==1)?'否':'是'}}</td>
<td colspan="4">交通：{{traffic}}</td>
</tr>
<tr>
<td colspan="4">楼盘图片：{{ds.intro}}</td>
</tr>
<tr>
<td>所在楼层：{{d.floor}}</td>
<td>房号：{{d.id}}</td>
<td>房源状态：{{(d.is_rent==1)?'已租':'未租'}}</td>
<td>是否独家：{{(d.is_exclusive_type==1)?'是':'否'}}</td>
</tr>
<tr>
<td>租金总价：{{d.price_total}}</td>
<td>租金单价：{{d.price}}</td>
<td>转让费：{{d.slotting_fee}}</td>
<!--<td>转让费：{{(d.is_show==1)?'否':'是'}}</td>-->
<td>物业管理费：{{d.management_fee}}</td>
</tr>
<tr>
<td>可容纳工位：{{d.station_start}}-{{d.station_end}}</td>
<td>面积：{{d.area}}</td>
<td>所属楼层：{{d.floor_tag}}</td>
<td>所属楼层：{{switchFloortag(d.floor_tag)}}</td>
<td>入驻时间：{{d.enter_time}}</td>
</tr>
<tr>
<td>付款规则：{{d.payment_month}}-{{d.deposit_month}}</td>
<td>签约年限：{{d.age_limit_start}}-{{d.age_limit_end}}</td>
<td>可注册公司：{{(d.is_register==1)?'否':'是'}}</td>
<td>是否可分割：{{(d.is_partition==1)?'是':'否'}}</td>
<td>是否可分割：{{(d.is_partition==1)?'否':'是'}}</td>
</tr>
<tr>
<td>车位情况：{{d.carport}}</td>
<!--<td>免租时间：{{(d.rent_free == -1)?'面议':d.rent_free}}</td>-->
<td>来源：{{d.source}}</td>
<td>免租时间：{{(d.rent_free == -1)?'面议':d.rent_free}}</td>
<td>来源：{{switchSource(d.source)}}</td>
<td>是否对客户展示：{{(d.is_show==0)?'是':'否'}}</td>
</tr>
<tr>
<td>交付装修：{{d.decoration}}</td>
<td>办公楼标签：{{d.shop_sign}}</td>
<td></td>
<td></td>
<td>交付装修：{{switchDecoration(d.decoration)}}</td>
<td colspan="3">办公楼标签：{{d.shop_sign}}</td>
</tr>
<tr>
<td colspan="4" class="oh">
<div class="fl">详情页面轮播图：</div>
<div class="fl">
<ul class="oh img-list">
<li class="fl oh" v-for="(item, index) in d.images" :key="index" :data-id="item.id"><img class="fl" :src="d.api_path+item.img_name" preview="2" /></li>
<li class="fl oh" v-for="(item, index) in d.slide_show" :key="index" :data-id="item.id"><img class="fl" :src="ServerHostTempC+'/'+item.img_name" preview="2" /></li>
</ul>
</div>
</td>
......@@ -83,17 +84,19 @@
<tr class="tr-seat">
<td colspan="4"></td>
</tr>
<tr v-if="d.is_show_landlord == 1">
<!--<tr v-if="d.is_show_landlord == 1">-->
<tr>
<td colspan="4">
<div class="fl">房东：</div>
<div class="fl">
<ul class="oh phone-list">
<li class="fl oh" v-for="(item, index) in d.landlord_phone" :key="index"><span>{{item.name+'-'+hidePhone(item.phone)}}</span><a href="javascript:;" class="call-tel-btn" @click="showModal1(item)">拨打</a></li>
<li class="fl oh" v-for="(item, index) in d.landlord_phone_array" :key="index"><span>{{item.name+'-'+hidePhone(item.phone)}}</span><a href="javascript:;" class="call-tel-btn" @click="showModal1(item)">拨打</a></li>
</ul>
</div>
</td>
</tr>
<tr v-if="d.is_show_landlord == 1">
<!--<tr v-if="d.is_show_landlord == 1">-->
<tr>
<td colspan="4">房东备注：{{d.landlord_remark}}</td>
</tr>
<tr>
......@@ -101,7 +104,7 @@
<div class="fl">盘方：</div>
<div class="fl">
<ul class="oh phone-list">
<li class="fl oh" v-for="(item, index) in d.panParty" :key="index" :data-id="item.id">{{item.district_name+'-'+item.store_name+'-'+item.name+'-'+item.phone}}</li>
<li class="fl oh" v-for="(item, index) in d.dish_name_arr" :key="index" :data-id="item.id">{{item.district_name+'-'+item.store_name+'-'+item.name+'-'+item.phone}}</li>
</ul>
</div>
</td>
......@@ -111,16 +114,18 @@
<div class="fl">案场权限人：</div>
<div class="fl">
<ul class="oh phone-list">
<li class="fl oh" v-for="(item, index) in d.panParty" :key="index" :data-id="item.phone">{{item.name+'-'+item.phone}}</li>
<li class="fl oh" v-for="(item, index) in d.dish_name_arr" :key="index" :data-id="item.phone">{{item.name+'-'+item.phone}}</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>上传时间：{{d.create_time}}</td>
<td>最后编辑时间：{{d.update_time}}</td>
<td v-if="(d.is_exclusive_type==1)">独家有效期：{{d.agent_start_time+'至'+d.agent_end_time}}</td>
<td v-if="(d.is_exclusive_type==1)">独家方：{{d.exclusive_user}}</td>
<td colspan="2">上传时间：{{d.create_time}}</td>
<!--<td colspan="2">最后编辑时间：{{d.update_time}}</td>-->
</tr>
<tr>
<td v-if="(d.is_exclusive_type==1)" colspan="2">独家有效期：{{d.agent_start_time+'至'+d.agent_end_time}}</td>
<td v-if="(d.is_exclusive_type==1)" colspan="2">独家方：{{exclusive_name}}</td>
</tr>
<tr v-show='clickPublicUser("index/isShow")'>
<td colspan="4" align="center">
......
application/index/view/officeBuilding/officeEdit.html
View file @ 2c6e47f8
......@@ -42,34 +42,34 @@
<ul></ul>
</div>
</li>
<li class="list-group-item">
<li class="list-group-item isHideLoupan" >
<div class="form-group">
<label for="shangpuType">楼盘地址：</label>
<span class="address-list">上海市徐汇区云锦路500号</span>
<span class="address-list"></span>
</div>
<div class="form-group" style="display: none;">
<div class="form-group">
<label for="show_all">所属商圈：</label>
<span class="business_name-list">龙华</span>
<span class="business_name-list"></span>
</div>
<div class="form-group">
<label for="exclusiveType">总层数：</label>
<span class="floor_total-list">23</span>
<span class="floor_total-list"></span>
</div>
<div class="form-group">
<label for="exclusiveType">类型：</label>
<span class="type-list">写字楼</span>
<span class="type-list"></span>
</div>
<div class="form-group">
<label for="exclusiveType">交通：</label>
<span class="traffic-list">靠近11号线南京东路地铁站100米</span>
<span class="traffic-list"></span>
</div>
<div class="form-group">
<label for="exclusiveType">简介：</label>
<span class="intro-list">巴拉巴拉了喇叭狼来了</span>
<span class="intro-list"></span>
</div>
<br />
......@@ -81,7 +81,7 @@
<li class="list-group-item">
<div class="form-group">
<label for="shangpuType">房源状态</label>
<select class="form-control" name="" id="is_rent" data-alert="请选择商铺类型">
<select class="form-control" name="" id="is_rent" data-alert="请选择房源状态">
<option value="">请选择</option>
<option value="1">已租</option>
<option value="0">未租</option>
......@@ -166,7 +166,7 @@
<div class="col-xs-4 p-t-10">
<label class="">租金单价: </label>
<input type="number" class="form-control input-100-width" id="price_single" placeholder="请输入" data-alert="请输入租金单价！">&nbsp;&nbsp;元/m/天
<input type="number" class="form-control input-100-width" id="price_single" placeholder="请输入" data-alert="请输入租金单价！">&nbsp;&nbsp;元/m²/天
</div>
<div class="col-xs-4 p-t-10">
<label class="">转让费: </label>
......@@ -179,13 +179,9 @@
<input type="checkbox" id="" value="面议">面议
</label>
<!--<div class="input-group">-->
<input type="number" class="form-control input-100-width" id="rent_free" placeholder="请输入" data-alert="请填写免租时间！">元
<input type="number" class="form-control input-100-width" id="rent_free" placeholder="请输入" data-alert="请填写免租时间！">月
<!--</div>-->
</div>
<div class="col-xs-4 p-t-10">
<label class="">佣金规则: </label>
<input type="text" class="form-control input-100-width" id="fee_rule" placeholder="请输入" data-alert="请输入佣金规则！">&nbsp;&nbsp;
</div>
<div class="col-xs-4 p-t-10">
<label class="">物业管理费: </label>
......@@ -220,10 +216,6 @@
<option value="3">高层</option>
</select>
</div>
<div class="col-xs-4 p-t-10">
<label class="">入驻时间: </label>
<input type="date" class="form-control input-100-width" id="enter_date" placeholder="请输入" data-alert="请输入入驻时间！">&nbsp;&nbsp;
</div>
<div class="col-xs-4 p-t-10">
<label for="shangpuType">付款规则</label>
<span>付</span>
......@@ -279,8 +271,8 @@
<label class="">是否可分割: </label>
<select class=" form-control input-100-width" id="is_partition" data-alert="请选择是否可分割！">
<option value="" selected="selected">请选择</option>
<option value="1">是</option>
<option value="0">否</option>
<option value="0">是</option>
<option value="1">否</option>
</select>
</div>
<div class="col-xs-4 p-t-10">
......@@ -297,6 +289,15 @@
<option value="4">精装修</option>
</select>
</div>
<div class="col-xs-4 p-t-10">
<label class="">佣金规则: </label>
<input type="text" class="form-control" id="fee_rule" placeholder="请输入" data-alert="请输入佣金规则！" style="width: 200px;">&nbsp;&nbsp;
</div>
<div class="col-xs-4 p-t-10">
<label class="">入驻时间: </label>
<input type="date" class="form-control" id="enter_date" placeholder="请输入" data-alert="请输入入驻时间！" style="width: 150px;">&nbsp;&nbsp;
</div>
</div>
</li>
......
public/app/js/office_detail_pc.js
View file @ 2c6e47f8
......@@ -26,6 +26,10 @@ require(['vue','css!style/office_detail_pc.css','jquery0325', 'common'], functio
select_public:'',//c端公开选择
select_public_var:'',//记录c端公开 的变量
d: {},//房源详情
ds:{},//楼盘详情
traffic:'',//交通
exclusive_name:'',//独家方
},
created: function() {
var _this = this;
......@@ -262,11 +266,11 @@ require(['vue','css!style/office_detail_pc.css','jquery0325', 'common'], functio
var _this = this;
$.ajax({
type: 'get',
url: '/office/houseEdit',
url: '/office_index/houseEdit',
data: {
'id': shop_id,
// 'site_area': 4, //pc后台固定传4
'AuthToken': _this.user_info_obj.AuthToken
// 'AuthToken': _this.user_info_obj.AuthToken
},
timeout: 30000,
dataType: 'json',
......@@ -279,6 +283,9 @@ require(['vue','css!style/office_detail_pc.css','jquery0325', 'common'], functio
_this.select_public=_data.data.is_show;
_this.select_public_var=_data.data.is_show;
_this.d = _data.data;
_this.ds = _data.data.building_data;
_this.traffic =_data.data.building_data.traffic.join(',');//交通
_this.exclusive_name = _data.data.exclusive_name.join(',');//独家方
_this.$nextTick(() => {
vm.$previewRefresh()
});
......@@ -327,6 +334,24 @@ require(['vue','css!style/office_detail_pc.css','jquery0325', 'common'], functio
case 4:return"精装修";
};
},
switchFloortag(t){
switch(Number(t)){
case 1:return"底层";
case 2:return"中层";
case 3:return"高层";
};
},
switchType(t){
console.log(t)
switch(Number(t)){
case 1:return"写字楼";
case 2:return"商住两用";
case 3:return"园区";
case 4:return"洋房";
case 5:return"联合办公";
case 6:return"厂房";
};
},
showModal1(t) {
let _this = this;
_this.activeLandlord = t;
......
public/resource/js/officeEdit.js
View file @ 2c6e47f8
......@@ -2,6 +2,7 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
var user = {
urlBuilding:'',
IDBuilding:'',//楼盘id
del_value_panfang : '' ,
del_value_anchang : '' ,
initShopRong :false , //判断是否是需要加载商圈
......@@ -139,7 +140,15 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
var _data = data['data'];
_roomTagObj = $('.roomTag'); //商铺标签,重新获取一次
if(data.code == 200) {
// 楼盘详情相关
user.IDBuilding= _data.building_data.id
$('.phone_loupan').val(_data.building_data.title);
$('.address-list').html(_data.building_data.address);
$('.business_name-list').html(_data.building_data.business_name);
$('.traffic-list').html(_data.building_data.traffic);
$('.type-list').html(_data.building_data.type);
$('.intro-list').html(_data.building_data.intro);
$('.floor_total-list').html(_data.building_data.floor_total);
if(_data['is_exclusive_type'] == '1') {
//如果是独家
if(_data['agent_start_time']){
......@@ -159,7 +168,7 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
var exclusive_img_str = '';
for(var i in _data['exclusive_img']) {
exclusive_img_str += '<li data-imgid="{id}"><img title="点击查看大图" src="{0}" /><a href="javascript:;" class="delet-pic-btn">删除</a></li>'.stringFormatObj({
'0': _urlCut + _data['exclusive_img'][i]['save_path'],
'0': _urlCut + _data['exclusive_img'][i]['img_name'],
'id': _data['exclusive_img'][i]['id']
});
};
......@@ -237,14 +246,23 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
_floorTagObj.val(_data['floor_tag']); //所属楼层
_enterDateObj.val(_data['enter_date']); //入驻时间
_isRegisterObj.val(_data['is_register']); //是否可注册公司
_isPartitionObj.val(_data['carport']); //是否可分割
_carportObj.val(_data['']); //车位情况
_isRegisterObj.val(_data['is_register']); //入驻时间
_laiyuanObj.val(_data['source']);
_isPartitionObj.val(_data['is_partition']); //是否可分割
_carportObj.val(_data['carport']); //车位情况
_enterDateObj.val(_data['enter_date']); //入驻时间
_laiyuanObj.val(_data['source']);//来源
_exclusiveTypeObj.val(_data['is_exclusive_type']);//是否独家
_zuhangxiuObj.val(_data['decoration']);//交互装修
if(_data['is_exclusive_type'] == 1){
$('.li_dujia_area').css('display', 'block');
}else{
$('.li_dujia_area').css('display', 'none');
}
$('#is_rent').val(_data['is_rent'])//房源状态
//详情页轮播图
for(var i in _data['slide_show']) {
_imgUploadLunbo.append('<li data-imgid="{id}"><img title="点击查看大图" src="{0}" /><a href="javascript:;" class="delet-pic-btn">删除</a></li>'.stringFormatObj({
'0': _urlCut + _data['slide_show'][i]['save_path'],
'0': _urlCut + _data['slide_show'][i]['img_name'],
'id': _data['slide_show'][i]['id']
}));
};
......@@ -398,7 +416,8 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
checkLogin();
$.ajax({
type: 'POST',
url: '/index/delHouseFile',
// url: '/index/delHouseFile',
url: '/office_index/delHouseFile',
data: {
'id': _imgId,
'house_id': _id
......@@ -714,6 +733,8 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
var _this = $(this);
_this.parent().prev().val(_this.html()).attr('data-id', _this.attr('data-id'));
_this.parent().html('').hide();
user.IDBuilding = _this.attr('data-id');
// $('.isHideLoupan').show();
$('.address-list').html(_this.attr('data-address'));
$('.business_name-list').html(_this.attr('data-businessName'));
$('.traffic-list').html(_this.attr('data-traffic'));
......@@ -1097,15 +1118,24 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
_data['agent_start_time'] = _exclusiveDate1Obj.val();
_data['agent_end_time'] = _exclusiveDate2Obj.val();
_data['exclusive_ids'] = _exclusiveTelObj.attr('data-id');
var exclusive_imgarr=[];
$.each(_dujiaPicObj, function(i, item) {
_data['exclusive_img[' + i + ']'] = item.src.replace(_urlCut, '');
// _data['exclusive_img[' + i + ']'] = item.src.replace(_urlCut, '');
exclusive_imgarr.push(item.src.replace(_urlCut, ''));
});
_data['exclusive_img'] = JSON.stringify(exclusive_imgarr);////房源详情图转化为 json字符串
};
_data['landlord_phone'] = _landlordPhoneArr;
// _data['landlord_phone'] = _landlordPhoneArr;
_data['landlord_phone'] = JSON.stringify(_landlordPhoneArr);//房东转化为 json字符串
var slide_showarr=[];
$.each(_xiangqingPicObj, function(i, item) {
_data['slide_show[' + i + ']'] = item.src.replace(_urlCut, '');
// _data['slide_show[' + i + ']'] = item.src.replace(_urlCut, '');
slide_showarr.push(item.src.replace(_urlCut, ''));
});
_data['slide_show'] = JSON.stringify(slide_showarr);////房源详情图转化为 json字符串
//当为编辑时，要传入id
if(_id != null) {
......@@ -1120,7 +1150,13 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
user.urlBuilding = "/office_index/houseAdd";//新增接口
}
// _data['AuthToken'] = user_info_obj.AuthToken;
_data['building_id'] = 1;
if(user.IDBuilding){//楼盘id
_data['building_id'] = user.IDBuilding;
}else{
alert("请输入楼盘id");
return;
}
//当为委托转铺新增时，需要传这两个参数
if(_source) {
_data['source'] = _source;
......@@ -1140,11 +1176,11 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
if(typeof data === 'object') {
if(data.code == 200) {
alert('添加成功!');
location.replace('/admin.php/index/getHouseList.html');
location.replace('/admin.php/index/officeBuildingList.html');
} else {
alert(data['msg']);
return;
window.location.href = '/admin.php/index/getHouseList.html';
window.location.href = '/admin.php/index/officeBuildingList.html';
};
} else {
alert('数据错误');
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment