Skip to content

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

楼盘详情

parent 03771b02
Hide whitespace changes
Inline Side-by-side
Showing with 64 additions and 11 deletions
application/app/view/index/building_detail.html
View file @ d90faf84
...@@ -172,7 +172,7 @@ ...@@ -172,7 +172,7 @@
} }
.ul-agent-content-pc li{ .ul-agent-content-pc li{
overflow: hidden; overflow: hidden;
margin-bottom: .3rem; margin-bottom: .5rem;
} }
</style> </style>
...@@ -243,9 +243,11 @@ ...@@ -243,9 +243,11 @@
</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">
绿地汇中心办公楼出租 <span class="office-title1"></span>
<span class="office_total_room1" style="float: right;color: #999;font-size: .3rem;font-weight: 400;"></span>
</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: .8rem;">
</ul> </ul>
</div> </div>
......
application/index/view/share_office_room/office_detail.html
View file @ d90faf84
...@@ -107,12 +107,15 @@ ...@@ -107,12 +107,15 @@
width: 100%; width: 100%;
height: .76rem; height: .76rem;
line-height: .76rem; line-height: .76rem;
font-size: .3rem; font-size: .32rem;
color: #333333; color: #333333;
background-color: rgba(255,128,24,.12); background-color: rgba(255,128,24,.12);
border-radius: .05rem; border-radius: .05rem;
margin: .2rem 0; margin: .2rem 0;
} }
.total-office .building-zaizhu{
color: #FF8018;
}
/*pc 官网css*/ /*pc 官网css*/
.head-img-agent-pc { .head-img-agent-pc {
height: .64rem; height: .64rem;
...@@ -150,6 +153,21 @@ ...@@ -150,6 +153,21 @@
margin-bottom: .3rem; margin-bottom: .3rem;
} }
/*楼盘简介*/
.lable-to-building{
color: #999999;
font-size: .24rem;
float: right;
font-weight: 400;
}
.black-to-building{
color: #333;
font-size: .24rem;
}
.red-to-building{
color: #FF8018;
font-size: .24rem;
}
</style> </style>
<body style="background: #FFFFFF"> <body style="background: #FFFFFF">
<input type="hidden" id="open_id" value='{$data}' /> <input type="hidden" id="open_id" value='{$data}' />
...@@ -231,9 +249,8 @@ ...@@ -231,9 +249,8 @@
车位情况： 车位情况：
<span class="gw office_chewei"></span> <span class="gw office_chewei"></span>
</p> </p>
<p class="line_hr"></p>
<div class="b4_font" style="overflow: hidden;"> <div class="b4_font" style="overflow: hidden;">
<p class="total-office building-detail">查看绿地汇中心</p> <p class="total-office building-detail">查看<sapn class="building-title">绿地汇中心</sapn><span class="building-zaizhu">18</span><span>套出租房源</span></p>
</div> </div>
<div class="b4_font" style="overflow: hidden;"> <div class="b4_font" style="overflow: hidden;">
...@@ -249,6 +266,25 @@ ...@@ -249,6 +266,25 @@
<p class="b4_font2" style="height: .2rem;"> <p class="b4_font2" style="height: .2rem;">
</p> </p>
</div> </div>
<!--楼盘-->
<div class="b4_font building-detail" style="overflow: hidden;">
<p class="b4_font_p">
<span class="building-title">绿地汇中心</span>
<span class="lable-to-building">楼盘详情></span>
</p>
<div style="">
<div style="float: left;width: 5rem;">
<p style="margin-top: .24rem;"><span class="black-to-building">参考均价： </span><span class="red-to-building building-price"></span></p>
<p class="black-to-building" style="margin-top: .24rem;">在租房源：<span class="building-zaizhu">12</span>个</p>
</div>
<div style="float: right;">
<img src="/app/images/img_logo@2x.png" alt="" style="width: 1.8rem;height: 1.28rem;" class="img-building"/>
</div>
</div>
</div>
<div style="height: 1rem;"></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">
咨询经纪人 咨询经纪人
......
public/app/js/detaila_building_tl.js
View file @ d90faf84
...@@ -44,10 +44,12 @@ ...@@ -44,10 +44,12 @@
} }
} }
$('.office-title').html(response.data.title);//办公楼名字 $('.office-title').html(response.data.title);//办公楼名字
$('.office-title1').html(response.data.title + '办公楼出租');//办公楼名字
$('.office_total_room1').html('共'+response.data.room_num+'套');//总的房源
$('.office-id').html(response.data.id);//办公楼id $('.office-id').html(response.data.id);//办公楼id
$('.office_single_total').html(response.data.reference_average_price+'元/m²/天');//办公楼单价 $('.office_single_total').html(response.data.reference_average_price+'元/m²/天');//办公楼单价
$('.office_mianji').html(response.data.area_min + '-' + response.data.area_max + 'm²');//办公楼面积 $('.office_mianji').html(response.data.area_min + '-' + response.data.area_max + 'm²');//办公楼面积
$('.office_total_room').html('再租'+response.data.room_num+'套');//总的房源 $('.office_total_room').html('在租'+response.data.room_num+'套');//总的房源
$('.office_type').html(switchType(response.data.type));//类型 $('.office_type').html(switchType(response.data.type));//类型
$('.office_total').html(response.data.floor_total + '层');//总楼层 $('.office_total').html(response.data.floor_total + '层');//总楼层
$('.office_dizhi').html(response.data.address);//地址 $('.office_dizhi').html(response.data.address);//地址
...@@ -164,7 +166,11 @@ ...@@ -164,7 +166,11 @@
//点击 办公楼列表 //点击 办公楼列表
$(document).on('click', '.toOfficeDedail', function(e) { $(document).on('click', '.toOfficeDedail', function(e) {
// location.href = ServerHost + '/app/dist/#/shopList'; var detail_params = localStorage.getItem('office-detail-share');
var id_params = 'id=' + localStorage.getItem('office-detail-share-id');
var id_new ='id=' + $(this).attr('data-id');
var params = detail_params.replace(id_params , id_new)
location.href = ServerHost + '/index/ShareOfficeRoom' + params;
}); });
......
public/app/js/detaila_office_tl.js
View file @ d90faf84
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
var _isC = jsonObect.isC; var _isC = jsonObect.isC;
var click_shop_img=''; var click_shop_img='';
var line_a_ulul = ""; var line_a_ulul = "";
var building_id;
$.ajax({ $.ajax({
// url: ServerHostTempC+'/office_api/getOfficeRoomInfo', // url: ServerHostTempC+'/office_api/getOfficeRoomInfo',
url:'/office_api/getOfficeRoomInfo', url:'/office_api/getOfficeRoomInfo',
...@@ -58,6 +58,8 @@ ...@@ -58,6 +58,8 @@
$(".line_a_ulul").html(line_a_ulul); $(".line_a_ulul").html(line_a_ulul);
} }
} }
var _path = ServerHostTempCLiu+'/resource/lib/Attachments/images/';//图片前缀
building_id = response.data.building_id;//楼盘id
$('.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_price_total').html(response.data.price_total+'元/月');//总价
...@@ -77,7 +79,11 @@ ...@@ -77,7 +79,11 @@
$('.office_chewei').html(response.data.carport);//车位 $('.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);//交通
var _path = ServerHostTempCLiu+'/resource/lib/Attachments/images/' $('.building-title').html(response.data.title);//楼盘名称
$('.building-zaizhu').html(response.data.room_num);//楼盘在租房源
$('.building-price').html(response.data.reference_average_price + '元/m²/天 起');//楼盘参考均价
$('.img-building').attr('src',_path + response.data.building_image[0].img_name);//楼盘图片
//房源详情相关 //房源详情相关
var lp_img = response.data.carousel_image; //轮播图(图片) var lp_img = response.data.carousel_image; //轮播图(图片)
// var lp_video = response.data.shop_videos; //轮播图(视频) // var lp_video = response.data.shop_videos; //轮播图(视频)
...@@ -281,7 +287,10 @@ ...@@ -281,7 +287,10 @@
//点击进入楼盘详情 //点击进入楼盘详情
$('.building-detail').click(function() { $('.building-detail').click(function() {
var params = "?" + window.location.href.split('?')[1]; var params = "?" + window.location.href.split('?')[1];
console.log(params) localStorage.setItem('office-detail-share',params);
localStorage.setItem('office-detail-share-id',jsonObect.id);
location.href = ServerHost + '/app/building_detail?id=' + building_id;
}); });
$('#jump_link').attr("data-phone" , JSON.parse($('#open_id').val()).is_user) $('#jump_link').attr("data-phone" , JSON.parse($('#open_id').val()).is_user)
......
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