Skip to content

T
tl_estate
Commit 718bc6ef authored by agping's avatar agping
Browse files
Options

1

parent 1cf97f47
Show whitespace changes
Inline Side-by-side
Showing with 99 additions and 246 deletions
application/app/controller/Index.php
View file @ 718bc6ef
...@@ -31,6 +31,10 @@ class Index ...@@ -31,6 +31,10 @@ class Index
{ {
return view('index/share_detail'); return view('index/share_detail');
} }
public function share_detail_building()
{
return view('index/building_detail');
}
public function yindao_android() public function yindao_android()
{ {
......
application/app/view/index/building_detail.html
View file @ 718bc6ef
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<link rel="stylesheet" href="/app/css/common.css"> <link rel="stylesheet" href="/app/css/common.css">
<link rel="stylesheet" href="/app/css/details.css"> <link rel="stylesheet" href="/app/css/details.css">
<link rel="stylesheet" href="/app/css/b_lunbo.css"> <link rel="stylesheet" href="/app/css/b_lunbo.css">
<link rel="stylesheet" href="/app/css/details_office_tl.css"> <link rel="stylesheet" href="/app/css/details_building_tl.css">
<link> <link>
</head> </head>
<style type="text/css"> <style type="text/css">
...@@ -115,9 +115,9 @@ ...@@ -115,9 +115,9 @@
} }
/*pc 官网css*/ /*pc 官网css*/
.head-img-agent-pc { .head-img-agent-pc {
height: .64rem; height: 1.5rem;
width: .64rem; width: 2.1rem;
border-radius: .32rem; border-radius: .2rem;
vertical-align: middle; vertical-align: middle;
float: left; float: left;
} }
...@@ -129,10 +129,35 @@ ...@@ -129,10 +129,35 @@
.agent-content-pc{ .agent-content-pc{
float: left; float: left;
margin-left: .16rem; margin-left: .16rem;
width: 4.6rem;
} }
.agent-name-pc{ .agent-name-pc{
color: #333; color: #333;
font-size: .28rem; font-size: .28rem;
margin-bottom: .6rem;
}
/*办公楼列表*/
.agent-name-pc .black-span{
font-size: .28rem;
color: #1C1C1C;
}
.agent-name-pc .black1-span{
font-size: .20rem;
color: #666666;
margin-right: .2rem;
}
.agent-grade-pc .red-span{
font-size: .3rem;
color: #FF5C50;
}
.agent-grade-pc .red1-span{
font-size: .24rem;
color: #FF5C50;
}
.agent-grade-pc .red3-span{
font-size: .3rem;
color: #FF5C50;
float: right;
} }
.agent-grade-pc{ .agent-grade-pc{
color: #999; color: #999;
...@@ -152,15 +177,14 @@ ...@@ -152,15 +177,14 @@
} }
</style> </style>
<body style="background: #FFFFFF"> <body style="background: #FFFFFF">
<input type="hidden" id="open_id" value='{$data}' />
<header class="m_part1_w"> <header class="m_part1_w">
<div class="u_btn1b" onclick="window.history.go(-1)" style="margin-top:0.1rem"><span style=""><i class="icon-angle-left" style="font-size:0.65rem"></i></span></div> <div class="u_btn1b" onclick="window.history.go(-1)" style="margin-top:0.1rem"><span style=""><i class="icon-angle-left" style="font-size:0.65rem"></i></span></div>
<div class="line_a" style="margin-top: 1rem;"> <div class="line_a" style="margin-top: 0rem;">
<p class="a_fonta office-title"></p> <p class="a_fonta office-title"></p>
</div> </div>
<p class="b3_spanhao_font" id="font_24" style="margin-bottom: .1rem;"> <p class="b3_spanhao_font" id="font_24" style="margin-bottom: .1rem;">
<span class="b3_spanhao_left"> <span class="b3_spanhao_left">
编号： 编号66：
<span class="b3_spanhao office-id"></span> <span class="b3_spanhao office-id"></span>
</span> </span>
...@@ -175,70 +199,32 @@ ...@@ -175,70 +199,32 @@
<div class="line_b"> <div class="line_b">
<ul> <ul>
<li class="ul_b1"> <li class="ul_b1">
<span class="b1_span_ office_price_total">总价</span> <span class="b1_span_ office_single_total"></span>
<span class="b1_span_totl office_price">单价</span>
</li> </li>
<li class="ul_b2"> <li class="ul_b2">
<span class="b1_span_ office_mianji">面积</span> <span class="b1_span_ office_mianji"></span>
<span class="b1_span_totl office_gongwei">工位</span>
</li> </li>
<li class="ul_b3"> <li class="ul_b3">
<span class="b1_span_ office_zhuangxiu">精装修</span> <span class="b1_span_ office_total_room"></span>
<span class="b1_span_totl office_ceng">中区(共28层)</span>
</li> </li>
</ul> </ul>
</div> </div>
<p class="line_hr"></p> <p class="line_hr"></p>
<!--楼盘详情-->
<!--楼盘标志-->
<div class="line_a_ul"> <div class="line_a_ul">
<ul class="line_a_ulul"> <ul class="line_a_ulul">
</ul> </ul>
</div> </div>
<!--line 3-->
<!--办公楼详情h5-->
<p class="b3_font1">
类型：
<span class="gw office_type"></span>
</p>
<p class="b3_font1">
可注册公司：
<span class="gw office_zhuce"></span>
</p>
<p class="b3_font1">
签约年限：
<span class="gw office_qianyue"></span>
</p>
<p class="b3_font1">
免租时间：
<span class="gw office_mianzhu"></span>
</p>
<p class="b3_font1">
付款方式：
<span class="gw office_fukuan">付三押二</span>
</p>
<p class="b3_font1">
物业管理费：
<span class="gw office_wuye">3-5年</span>
</p>
<p class="b3_font1">
转让费：
<span class="gw office_zhuanrang"></span>
</p>
<p class="b3_font1">
入驻时间：
<span class="gw office_ruzhu"></span>
</p>
<p class="b3_font1">
车位情况：
<span class="gw office_chewei"></span>
</p>
<!--<p class="line_hr"></p>-->
<!--<div class="b4_font" style="overflow: hidden;">
<p class="total-office">查看绿地汇中心</p>
</div>-->
<div class="b4_font" style="overflow: hidden;"> <div class="b4_font" style="overflow: hidden;">
<p class="b4_font_p"> <p class="b4_font_p">
位置信息 详细信息
</p>
<p class="b4_font2">
类型：<span class="b4_span1 gw office_type"></span>
</p>
<p class="b4_font2">
总楼层：<span class="b4_span1 gw office_total"></span>
</p> </p>
<p class="b4_font2"> <p class="b4_font2">
地址：<span class="b4_span1 gw office_dizhi"></span> 地址：<span class="b4_span1 gw office_dizhi"></span>
...@@ -246,54 +232,24 @@ ...@@ -246,54 +232,24 @@
<p class="b4_font2"> <p class="b4_font2">
交通：<span class="b4_span1 gw office_jiaotong"></span> 交通：<span class="b4_span1 gw office_jiaotong"></span>
</p> </p>
<p class="b4_font2" style="height: .2rem;"> </div>
<div class="b4_font" style="overflow: hidden;">
<p class="b4_font_p">
楼盘简介
</p>
<p class="b4_font2">
<span class="b4_span1 gw office_info" style="font-size: .24rem;color: #666;"></span>
</p> </p>
</div> </div>
<div class="pc-contact-agent b4_font"> <div class="pc-contact-agent b4_font">
<p class="b4_font_p"> <p class="b4_font_p">
咨询经纪人 绿地汇中心办公楼出租
</p> </p>
<ul class="b4_font2 ul-agent-content-pc" style="margin-bottom: 3.6rem;"> <ul class="b4_font2 ul-agent-content-pc" style="margin-bottom: 3.6rem;">
</ul> </ul>
</div> </div>
<!--下载app部分-->
<div class="public fix_area_top" style=" z-index: 9999999;top: 0;display: none;">
<img src="/app/images/pbl_cha.png" class="pbl_cha" />
<img src="/app/images/img_logo@2x.png" class="pbl_logo" />
<p>
<span style="font-size: 0.24rem;margin-top: 0.33rem;">海量真实旺铺，就在同联商业 </span>
</p>
<a id="jump_link" href="javascript:;">
<span class="pbl_xz">立即打开</span>
</a>
</div>
<!--底部联系人浮窗部分-->
<div class="fix_area_bottom_new">
<div>
<div>
<p>
<img src="" onerror="javascript:this.src='/app/images/ic_default_headpic.png'" class="head-img-agent"/>
<span class="head-agent">&nbsp;经纪人：<span id="fix_name"></span></span>
</p>
</div>
<div>
<p>
<a id="fix_tel" href="javascript:;">
<img src="/app/images/share_call_tel.gif" class="tel-agent"/>
</a>
</p>
</div>
</div>
<a href="javascript:;" id="fix_area_bottom_btn"><img src="/app/images/xq_cha@2x.png" /></a>
</div>
<div class="shop-list">
<img src="/app/images/clik_shop_icon2.png" />
</div>
<!--点击任意视频 全屏显示（轮播）--> <!--点击任意视频 全屏显示（轮播）-->
<div class="lp-bunner" style="display: none;"> <div class="lp-bunner" style="display: none;">
<ul class="swiper-wrapper" id="img_item_ul"> <ul class="swiper-wrapper" id="img_item_ul">
...@@ -308,7 +264,7 @@ ...@@ -308,7 +264,7 @@
<script src="/app/js/swiper.js"></script> <script src="/app/js/swiper.js"></script>
<script src="/app/js/common.js" charset="utf-8"></script> <script src="/app/js/common.js" charset="utf-8"></script>
<script src="/app/js/app_office_jump.js"></script> <script src="/app/js/app_office_jump.js"></script>
<script src="/app/js/detaila_office_tl.js?new1"></script> <script src="/app/js/detaila_building_tl.js?new1"></script>
<script src="/app/js/jquery.cookie.js"></script> <script src="/app/js/jquery.cookie.js"></script>
<script src="/app/js/Tab_min.js" charset="utf-8"></script> <script src="/app/js/Tab_min.js" charset="utf-8"></script>
</body> </body>
......
application/index/view/share_office_room/office_detail.html
View file @ 718bc6ef
...@@ -231,10 +231,10 @@ ...@@ -231,10 +231,10 @@
车位情况： 车位情况：
<span class="gw office_chewei"></span> <span class="gw office_chewei"></span>
</p> </p>
<!--<p class="line_hr"></p>--> <p class="line_hr"></p>
<!--<div class="b4_font" style="overflow: hidden;"> <div class="b4_font" style="overflow: hidden;">
<p class="total-office">查看绿地汇中心</p> <p class="total-office building-detail">查看绿地汇中心</p>
</div>--> </div>
<div class="b4_font" style="overflow: hidden;"> <div class="b4_font" style="overflow: hidden;">
<p class="b4_font_p"> <p class="b4_font_p">
......
application/route.php
View file @ 718bc6ef
...@@ -18,6 +18,7 @@ Route::group('app', [ ...@@ -18,6 +18,7 @@ Route::group('app', [
'more_pingjia' => ['app/index/more_pingjia', ['method' => 'get']], 'more_pingjia' => ['app/index/more_pingjia', ['method' => 'get']],
'more_chengjiao' => ['app/index/more_chengjiao', ['method' => 'get']], 'more_chengjiao' => ['app/index/more_chengjiao', ['method' => 'get']],
'share_detail' => ['app/index/share_detail', ['method' => 'get']], 'share_detail' => ['app/index/share_detail', ['method' => 'get']],
'building_detail' => ['app/index/share_detail_building', ['method' => 'get']],//楼盘详情分享
'share_register' => ['app/index/share_register', ['method' => 'get']], 'share_register' => ['app/index/share_register', ['method' => 'get']],
'agreement' => ['app/index/agreement', ['method' => 'get']], 'agreement' => ['app/index/agreement', ['method' => 'get']],
'agreement_app' => ['app/index/agreement_app', ['method' => 'get']], 'agreement_app' => ['app/index/agreement_app', ['method' => 'get']],
......
public/app/js/detaila_building_tl.js
View file @ 718bc6ef
...@@ -2,19 +2,12 @@ ...@@ -2,19 +2,12 @@
* Created by 刘丹 on 2017/10/16. * Created by 刘丹 on 2017/10/16.
*/ */
(function() { (function() {
console.log($('#open_id').val()); var _shangpuId = getUrlParam('id'); //从url获取的商铺id
var jsonObect = JSON.parse($('#open_id').val());
// var _shangpuId = getUrlParam('id'); //从url获取的商铺id
var _shangpuId = jsonObect.id;
var _shangpuName = jsonObect.housename; //从url获取的商铺名
var _isC = jsonObect.isC;
var click_shop_img=''; var click_shop_img='';
var line_a_ulul = ""; var line_a_ulul = "";
$.ajax({ $.ajax({
// url: ServerHostTempC+'/office_api/getOfficeRoomInfo', url:'/office_api/getOfficeBuildingInfoShare',
url:'/office_api/getOfficeRoomInfo',
data: { data: {
'id': _shangpuId, 'id': _shangpuId,
}, },
...@@ -24,7 +17,6 @@ ...@@ -24,7 +17,6 @@
success: function(response) { success: function(response) {
if(typeof response === 'object') { if(typeof response === 'object') {
if(response['code'] == '200') { if(response['code'] == '200') {
//房源详情相关
function switchDecoration(t){//装修 function switchDecoration(t){//装修
switch(Number(t)){ switch(Number(t)){
case 1:return"毛坯"; case 1:return"毛坯";
...@@ -32,13 +24,6 @@ ...@@ -32,13 +24,6 @@
case 3:return"简单装修"; case 3:return"简单装修";
case 4:return"精装修"; case 4:return"精装修";
}; };
};
function switchFloortag(t){
switch(Number(t)){
case 1:return"底层";
case 2:return"中层";
case 3:return"高层";
};
}; };
function switchType(t){ function switchType(t){
switch(Number(t)){ switch(Number(t)){
...@@ -50,7 +35,7 @@ ...@@ -50,7 +35,7 @@
case 6:return"厂房"; case 6:return"厂房";
}; };
}; };
var shangpu_tag = response.data.shop_sign; var shangpu_tag = response.data.building_sign;
if(shangpu_tag) { if(shangpu_tag) {
shangpu_tags = shangpu_tag.split(","); shangpu_tags = shangpu_tag.split(",");
for(var i = 0; i < shangpu_tags.length; i++) { for(var i = 0; i < shangpu_tags.length; i++) {
...@@ -60,23 +45,29 @@ ...@@ -60,23 +45,29 @@
} }
$('.office-title').html(response.data.title);//办公楼名字 $('.office-title').html(response.data.title);//办公楼名字
$('.office-id').html(response.data.id);//办公楼id $('.office-id').html(response.data.id);//办公楼id
$('.office_price_total').html(response.data.price_total+'元/月');//总价 $('.office_single_total').html(response.data.reference_average_price+'元/m²/天');//办公楼单价
$('.office_price').html(response.data.price+'元/m²/天');//单价 $('.office_mianji').html(response.data.area_min + '-' + response.data.area_max + 'm²');//办公楼面积
$('.office_mianji').html(response.data.area+'m²');//面积 $('.office_total_room').html('再租'+response.data.room_num+'套');//总的房源
$('.office_gongwei').html('容纳'+response.data.station_start+'~'+response.data.station_end+'工位');//工位
$('.office_zhuangxiu').html(switchDecoration(response.data.decoration));//装修
$('.office_ceng').html(switchFloortag(response.data.floor_tag)+'共('+response.data.floor_total+')层');//楼层
$('.office_type').html(switchType(response.data.type));//类型 $('.office_type').html(switchType(response.data.type));//类型
$('.office_zhuce').html(response.data.is_register == 1?'否':'是');//注册 $('.office_total').html(response.data.floor_total + '层');//总楼层
$('.office_qianyue').html(response.data.age_limit_start+'-'+response.data.age_limit_end+'年');//签约
$('.office_mianzhu').html(response.data.rent_free == -1?'面议':response.data.rent_free);//免租
$('.office_fukuan').html('付'+response.data.payment_month+'押'+response.data.deposit_month);//付款
$('.office_wuye').html(response.data.management_fee+'元/m²/月');//物业
$('.office_zhuanrang').html(response.data.slotting_fee);//转让
$('.office_ruzhu').html(response.data.enter_date);//入驻
$('.office_chewei').html(response.data.carport);//车位
$('.office_dizhi').html(response.data.address);//地址 $('.office_dizhi').html(response.data.address);//地址
$('.office_jiaotong').html(response.data.traffic_info);//交通 $('.office_jiaotong').html(response.data.traffic_info);//交通
$('.office_info').html(response.data.intro);//简介
//楼盘详情 显示办公楼列表
var pc_agent_length=response.data.room_list;
var agent_item_ul ='';
for(var n = 0; n < pc_agent_length.length; n++) {
agent_item_ul += '<li class="toOfficeDedail" data-id="' + response.data.room_list[n].id + '"><img src="'+ response.data.room_list[n].cover_image.image_path + '" onerror="src=\'/app/images/ic_default_headpic.png\'" class="head-img-agent-pc"/><div class="agent-content-pc"><p class="agent-name-pc"><span class="black-span">'+ response.data.room_list[n].area +'</span><span class="black1-span">m²</span><span class="black-span">' + response.data.room_list[n].price + '</span><span class="black1-span">元/m²/天</span><span class="black-span">'+ response.data.room_list[n].station_start+ '-' + response.data.room_list[n].station_end +'</span><span class="black1-span">个工位</span>' + '</p><p class="agent-grade-pc"><span class="red-span">' + response.data.room_list[n].price_total+'</span><span class="red1-span">元/月</span><span class="red3-span">'+ switchDecoration(response.data.room_list[n].decoration) + '</span></p></div></li>'
$(".ul-agent-content-pc").html(agent_item_ul);
};
var _path = ServerHostTempCLiu+'/resource/lib/Attachments/images/' var _path = ServerHostTempCLiu+'/resource/lib/Attachments/images/'
//房源详情相关 //房源详情相关
var lp_img = response.data.carousel_image; //轮播图(图片) var lp_img = response.data.carousel_image; //轮播图(图片)
...@@ -131,86 +122,6 @@ ...@@ -131,86 +122,6 @@
} }
}); });
//添加下载app链接相关 显示 隐藏
var _fix_top = $(".public");
_fix_top.show();
$(".pbl_cha").click(function() {
_fix_top.hide();
});
//b端分享经纪人 信息获取
var _name = jsonObect.user_name;
var _name_img = jsonObect.user_img;
var _tel = jsonObect.user_tel;
var _fix_bottom = $(".fix_area_bottom_new");
if(jsonObect.isC == 0) {//判断b端 还是c端分享(b端)
_fix_bottom.show();
$('.pc-contact-agent').hide();
}else{//c端显示推荐人
$('.pc-contact-agent').hide();
$.ajax({
url: '/api/getBroker',
data: {
'house_id': _shangpuId,
'pageSize': 3
},
type: "GET",
dataType: "json",
beforeSend: function() {},
success: function(response) {
if(typeof response === 'object') {
if(response['code'] == '200') {
//咨询经纪人
console.log(response.data.list);
var pc_agent_length=response.data.list;
var agent_item_ul ='';
for(var n = 0; n < pc_agent_length.length; n++) {
agent_item_ul += '<li><img src="'+ response.data.list[n].head_portrait + '" onerror="src=\'/app/images/ic_default_headpic.png\'" class="head-img-agent-pc"/><div class="agent-content-pc"><p class="agent-name-pc">' + response.data.list[n].id + response.data.list[n].name + '</p><p class="agent-grade-pc">评分：<span>' + response.data.list[n].evaluate_grade+'</span>/<span>'+response.data.list[n].evaluate+'</span>人评价</p></div><a id="fix_tel_pc" href="tel:'+response.data.list[n].phone+'"><img src="" onerror="javascript:this.src=\'/app/images/agent-tel-pc.png\'" class="tel-img-agent-pc"/></a></li>'
$(".ul-agent-content-pc").html(agent_item_ul);
};
} else {
layerTipsX(response['msg']);
}
} else {
layerTipsX('data type error');
};
},
error: function() {
}
});
};
// $('.shop-list').show();
$("#fix_name").html(_name);
$("#fix_tel").attr("href", "tel:" + _tel);
if(_name_img){
$(".head-img-agent").attr("src", _name_img);
}else{
$(".head-img-agent").attr("src", "/app/images/ic_default_headpic.png");
}
//点击拨打 记录拨打次数 朱威 b端分享
$("#fix_tel").click(function() {
var time = localStorage.getItem(_shangpuId+"_"+_tel);
var nowTime = (new Date()).getTime();
if(!time || nowTime-time > 24*3600*1000){
$.ajax({
url: '/api/addUserCallAgentV2',
type: 'POST',
async: true,
data: {
'phone': _tel
},
dataType: 'json',
success: function(data) {
localStorage.setItem(_shangpuId+"_"+_tel,(new Date()).getTime());
}
});
}
});
//点击 视频区域 //点击 视频区域
$(document).on('click', '.luobo-shop-detail', function(e) { $(document).on('click', '.luobo-shop-detail', function(e) {
$('.lp-bunner').show(); $('.lp-bunner').show();
...@@ -250,40 +161,17 @@ ...@@ -250,40 +161,17 @@
$('.lp-bunner').hide(); //隐藏视频详情 $('.lp-bunner').hide(); //隐藏视频详情
window.location.reload() window.location.reload()
}); });
$("#fix_tel").click(function() {
var _time = localStorage.getItem(_tel+"_"+_shangpuId); //点击 办公楼列表
var _nowTime = (new Date()).getTime(); $(document).on('click', '.toOfficeDedail', function(e) {
if(!_time || _nowTime-_time > 24*3600*1000){ // location.href = ServerHost + '/app/dist/#/shopList';
$.ajax({
url: '/api/recordCallNumShare',
type: 'POST',
async: true,
data: {
'phone': _tel
},
dataType: 'json',
success: function(data) {
localStorage.setItem(_tel+"_"+_shangpuId,(new Date()).getTime());
}
});
}
});
$("#fix_area_bottom_btn").click(function() {
_fix_bottom.hide();
});
//点击 商铺详情的 更多商铺
$('.shop-list').click(function() {
localStorage.setItem('shop_list_b_user',_name);
localStorage.setItem('shop_list_b_user_tel',_tel);
localStorage.setItem('shop_list_b_user_img',_name_img);
location.href = ServerHost + '/app/dist/#/shopList';
}); });
$('#jump_link').attr("data-phone" , JSON.parse($('#open_id').val()).is_user)
jumpEvent(); //添加跳转app页面事件
})();
$(document).ready(function(){
$('#jump_link').attr("data-phone" , JSON.parse($('#open_id').val()).is_user)
})
\ No newline at end of file
})();
public/app/js/detaila_office_tl.js
View file @ 718bc6ef
...@@ -278,6 +278,11 @@ ...@@ -278,6 +278,11 @@
localStorage.setItem('shop_list_b_user_img',_name_img); localStorage.setItem('shop_list_b_user_img',_name_img);
location.href = ServerHost + '/app/dist/#/shopList'; location.href = ServerHost + '/app/dist/#/shopList';
}); });
//点击进入楼盘详情
$('.building-detail').click(function() {
var params = "?" + window.location.href.split('?')[1];
console.log(params)
});
$('#jump_link').attr("data-phone" , JSON.parse($('#open_id').val()).is_user) $('#jump_link').attr("data-phone" , JSON.parse($('#open_id').val()).is_user)
jumpEvent(); //添加跳转app页面事件 jumpEvent(); //添加跳转app页面事件
......
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