Skip to content

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

商铺详情分享

parent c43f1929
Hide whitespace changes
Inline Side-by-side
Showing with 166 additions and 46 deletions
application/app/view/index/share_detail.html
View file @ c2eda2c4
...@@ -27,18 +27,18 @@ ...@@ -27,18 +27,18 @@
<!--line 1--> <!--line 1-->
<div class="line_a"> <div class="line_a">
<p class="a_fonta"> <!--<p class="a_fonta">
<!--恒大国际广场--> 恒大国际广场
</p> </p>-->
<p class="a_fontb"> <!--<p class="a_fontb">
<!--20000-25000元/月(月租金)--> 20000-25000元/月(月租金)
</p> </p>
<span class="a_fontc"> <span class="a_fontc">
<!--物业管理费：2000元/月--> 物业管理费：2000元/月
</span> </span>
<span class="a_fontd"> <span class="a_fontd">
<!--进场费：200000元--> 进场费：200000元
</span> </span>-->
</div> </div>
<div class="line_a_ul"> <div class="line_a_ul">
<ul class="line_a_ulul"> <ul class="line_a_ulul">
...@@ -53,32 +53,37 @@ ...@@ -53,32 +53,37 @@
</li>--> </li>-->
</ul> </ul>
</div> </div>
<p class="b3_font1" id="font_24">
编号:
<span class="b3_spanhao"></span>
</p>
<p class="line_hr"></p> <p class="line_hr"></p>
<!--line 2--> <!--line 2-->
<div class="line_b"> <div class="line_b">
<ul> <ul>
<li class="ul_b1"> <li class="ul_b1">
<span class="b1_span"> <span class="b1_span pu_area_type">
剩余铺数 商铺面积
</span> </span>
<span class="b1_span_totl pu_num"> <span class="b1_span_totl pu_area">
</span> </span>
</li> </li>
<li class="ul_b2"> <li class="ul_b2">
<span class="b1_span"> <span class="b1_span pu_price_type">
商铺面积 租金
</span> </span>
<span class="b1_span_totl pu_area"> <span class="b1_span_totl pu_price">
</span> </span>
</li> </li>
<li class="ul_b3"> <li class="ul_b3">
<span class="b1_span"> <span class="b1_span slotting_fee_type">
商业面积 转让费
</span> </span>
<span class="b1_span_totl shy_area"> <span class="b1_span_totl slotting_fee">
</span> </span>
</li> </li>
...@@ -86,16 +91,20 @@ ...@@ -86,16 +91,20 @@
</div> </div>
<p class="line_hr"></p> <p class="line_hr"></p>
<!--line 3--> <!--line 3-->
<p class="b3_font1">
物业管理费:
<span class="b3_span0 gw"></span>
</p>
<p class="b3_font1"> <p class="b3_font1">
商铺类型: 商铺类型:
<span class="b3_span gw"></span> <span class="b3_span gw"></span>
</p> </p>
<p class="b3_font1"> <p class="b3_font1 b3_span_10">
商铺编号: <span class="b3_span_build_type">建筑面积:</span>
<span class="b3_spanhao gw"></span> <span class="b3_span_build gw"></span>
</p> </p>
<p class="b3_font2"> <p class="b3_font2">
适合经营: 业态:
<span class="b3_span2 gw"></span> <span class="b3_span2 gw"></span>
</p> </p>
<span class="b3_font3 dt"> <span class="b3_font3 dt">
...@@ -141,7 +150,7 @@ ...@@ -141,7 +150,7 @@
</span> </span>
</p> </p>
<p class="b4_font2"> <p class="b4_font2">
是否有煤气: 是否有燃气:
<span class="b4_span1 gw"> <span class="b4_span1 gw">
</span> </span>
</p> </p>
...@@ -170,7 +179,43 @@ ...@@ -170,7 +179,43 @@
<div class="slider3"> <div class="slider3">
</div> </div>
<!--<p class="line_hr"></p>-->
<!--房源动态-->
<div class="b4_font">
<p class="b4_font_p">
房源动态
</p>
</div>
<div class="line_b">
<ul>
<li class="ul_b1">
<span class="b1_span ">
近7日带看（次）
</span>
<span class="b1_span_totl_ take_look_7">
</span>
</li>
<li class="ul_b2">
<span class="b1_span ">
近30日带看（次）
</span>
<span class="b1_span_totl_ take_look_30">
</span>
</li>
<li class="ul_b3">
<span class="b1_span ">
关注房源（人）
</span>
<span class="b1_span_totl_ take_look_focus">
</span>
</li>
</ul>
</div>
<p class="line_hr"></p>
<!--下载app部分--> <!--下载app部分-->
<div class="public fix_area_top" style=" z-index: 9999999;top: 0;display: none;"> <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/pbl_cha.png" class="pbl_cha" />
......
public/app/css/details_tl.css
View file @ c2eda2c4
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
margin: 0 auto; margin: 0 auto;
} }
.a_fonta{ .a_fonta{
font-size: 0.44rem; font-size: 0.38rem;
color: #333333; color: #333333;
float: left; float: left;
font-weight: 900; font-weight: 900;
...@@ -52,16 +52,16 @@ ...@@ -52,16 +52,16 @@
margin-top: 0.15rem; margin-top: 0.15rem;
} }
.line_a_ul ul li{ .line_a_ul ul li{
width: 1.5rem; width: 1rem;
height: 0.6rem; height: .32rem;
border: 1px solid #999999; font-size: 0.2rem;
font-size: 0.28rem; color: #FFA029;
color: #333; line-height: 0.32rem;
line-height: 0.6rem;
float: left; float: left;
margin-left: 0.3rem; margin-left: 0.3rem;
text-align: center; text-align: center;
margin-top: 0.15rem; margin-top: 0.15rem;
background-color: #FFF5E7;
} }
.line_hr{ .line_hr{
width: 92%; width: 92%;
...@@ -95,6 +95,14 @@ ...@@ -95,6 +95,14 @@
float: left; float: left;
margin-top: 0.4rem; margin-top: 0.4rem;
} }
.b1_span_{
width: 100%;
font-size: 0.24rem;
color: #999;
text-align: center;
float: left;
margin-top: 0.4rem;
}
.b1_span2{ .b1_span2{
color: #ff9419; color: #ff9419;
font-size: 0.4rem; font-size: 0.4rem;
...@@ -102,12 +110,28 @@ ...@@ -102,12 +110,28 @@
margin-top: 0.3rem; margin-top: 0.3rem;
margin-left: 0.4rem; margin-left: 0.4rem;
} }
.b1_span_totl{ /*.b1_span_totl{
color: #ff9419; color: #ff9419;
font-size: 0.4rem; font-size: 0.4rem;
text-align: center; text-align: center;
width: 100%; width: 100%;
float: left; float: left;
}*/
.b1_span_totl{
color: #FF5C50;
font-size: 0.26rem;
text-align: center;
width: 100%;
float: left;
margin-top: .2rem;
}
.b1_span_totl_{
color: #1A1A1A;
font-size: 0.4rem;
text-align: center;
width: 100%;
float: left;
margin-top: .2rem;
} }
.ul_b2{ .ul_b2{
width: 35%; width: 35%;
...@@ -158,7 +182,7 @@ ...@@ -158,7 +182,7 @@
} }
.b4_font .b4_font_p{ .b4_font .b4_font_p{
color: #333333; color: #333333;
font-size: 0.4rem; font-size: 0.34rem;
width: 100%; width: 100%;
float: left; float: left;
font-weight: 900; font-weight: 900;
......
public/app/js/detaila_tl.js
View file @ c2eda2c4
...@@ -29,29 +29,49 @@ ...@@ -29,29 +29,49 @@
var shanpu = ' '; var shanpu = ' ';
if(shang == "0") { if(shang == "0") {
//商场 //商场
shanpu = '<span class="a_fontd">进场费：' + response.data.slotting_fee + '元</span>'; // shanpu = '<span class="a_fontd">进场费：' + response.data.slotting_fee + '元</span>';
$('.slotting_fee_type').html('进场费');
$('.slotting_fee').html(response.data.slotting_fee+'元');
$(".pu_area").html(response.data.shop_area_start + '-' + response.data.shop_area_end + '㎡'); $(".pu_area").html(response.data.shop_area_start + '-' + response.data.shop_area_end + '㎡');
$(".b3_span").html("商场"); $(".b3_span").html("商场");
$('.pu_area_type').html('商铺面积');
$('.b3_span_build_type').html('项目总面积'+':');
} else if(shang == "1") { } else if(shang == "1") {
//街铺 //街铺
shanpu = '<span class="a_fontd">转让费：' + response.data.slotting_fee + '元</span>'; // shanpu = '<span class="a_fontd">转让费：' + response.data.slotting_fee + '元</span>';
$('.slotting_fee_type').html('转让费');
//判断对外转让费
if(response.data.external_slotting_fee == -1){
$('.slotting_fee').html('面议');
}else{
$('.slotting_fee').html(response.data.external_slotting_fee+'元');
}
$(".pu_area").html(response.data.shop_area_start + '㎡'); $(".pu_area").html(response.data.shop_area_start + '㎡');
$(".b3_span").html("街铺"); $(".b3_span").html("街铺");
$('.pu_area_type').html('使用面积');
$('.b3_span_build_type').html('建筑面积'+'：');
} }
var title = response.data.title ? response.data.title : ""; var title = response.data.title ? response.data.title : "";
var _tempStr = ''; var _tempStr = '';
if(response.data.rent_type == '1') { if(response.data.rent_type == '1') {
_tempStr = '租金均价 :' + response.data.rent_price + '元/月'; $(".pu_price_type").html("租金均价");
_tempStr =response.data.rent_price + '元/月';
$(".pu_price").html(_tempStr);
} else if(response.data.rent_type == '2') { } else if(response.data.rent_type == '2') {
_tempStr = '营业额扣点' + response.data.rent_price + '%'; $(".pu_price_type").html("营业额扣点");
_tempStr =response.data.rent_price + '%';
$(".pu_price").html(_tempStr);
} else if(response.data.rent_type == '3') { } else if(response.data.rent_type == '3') {
_tempStr = '租金均价 :' + response.data.rent_price + '元/天/m²'; $(".pu_price_type").html("租金均价");
_tempStr = response.data.rent_price + '元/天/m²';
$(".pu_price").html(_tempStr);
}; };
line_a = '<p class="a_fonta">' + title + '</p>' + line_a = '<p class="a_fonta">' + title + '</p>';
'<p class="a_fontb">' + _tempStr +
'</p><span class="a_fontc">物业管理费：' + response.data.management_fee + '元/月</span>' +
shanpu;
$(".line_a").html(line_a); $(".line_a").html(line_a);
//渲染,部分完毕 //渲染,部分完毕
...@@ -64,21 +84,20 @@ ...@@ -64,21 +84,20 @@
} }
} }
var has_gas = response.data.is_has_gas == 0 ? '是' : '否'; var has_gas = response.data.is_has_gas == 0 ? '是' : '否';
$('.b3_span0').html(response.data.management_fee + '元/月');
$('.b3_span_build').html(response.data.market_area + '㎡');
$(".pu_num").html(response.data.residue_num + '/' + response.data.total); $(".pu_num").html(response.data.residue_num + '/' + response.data.total);
$(".shy_area").html(response.data.market_area + '㎡');
$(".b3_span2").html(response.data.industry_type); $(".b3_span2").html(response.data.industry_type);
$(".b3_spanhao").html(response.data.id); $(".b3_spanhao").html(response.data.id);
$(".b3_span3").html(response.data.enter_num); $(".b3_span3").html(response.data.enter_num);
$(".b4_font_p1").html(response.data.item_advantage); $(".b4_font_p1").html(response.data.item_advantage);
$(".b5_font_p1").html(response.data.sign_rule); $(".b5_font_p1").html(response.data.new_sign_rule);
b4_font = '<p class="b4_font_p">详细信息</p>' + b4_font = '<p class="b4_font_p">详细信息</p>' +
'<p class="b4_font2">营业时间:<span class="b4_span1 gw">' + response.data.do_business_date + '</span></p>' + '<p class="b4_font2">营业时间:<span class="b4_span1 gw">' + response.data.do_business_date + '</span></p>' +
'<p class="b4_font2 zhaoshang-time-p">招商时间:<span class="b4_span1 gw">' + response.data.opening_date + '</span></p>' + '<p class="b4_font2 zhaoshang-time-p">招商时间:<span class="b4_span1 gw">' + response.data.opening_date + '</span></p>' +
'<p class="b4_font2 kaiye-time-p">开业时间:<span class="b4_span1 gw">' + response.data.start_business_date + '</span></p>' + '<p class="b4_font2 kaiye-time-p">开业时间:<span class="b4_span1 gw">' + response.data.start_business_date + '</span></p>' +
'<p class="b4_font2">是否有煤气:<span class="b4_span1 gw">' + has_gas + '</span></p>' + '<p class="b4_font2">是否有煤气:<span class="b4_span1 gw">' + has_gas + '</span></p>' +
'<p class="b4_font2"><span class="b3_font3 lp">地址:</span><span class="b3_span3 gw">' + response.data.city + response.data.disc + response.data.address + '</span></p>' + '<p class="b4_font2">对内地址:<span class="b4_span1 gw">' + response.data.city + response.data.disc + response.data.address + '</span></p>' +
'<p class="b4_font2"><span class="b3_font3 lp" >交通:</span><span class="b3_span3 gw">' + response.data.traffic + '</span></p>'; '<p class="b4_font2"><span class="b3_font3 lp" >交通:</span><span class="b3_span3 gw">' + response.data.traffic + '</span></p>';
$("#b4_font").html(b4_font); $("#b4_font").html(b4_font);
//var lp_img=response.data.house_button_img; //var lp_img=response.data.house_button_img;
...@@ -130,7 +149,7 @@ ...@@ -130,7 +149,7 @@
typeSwiper = new Swiper('.showBigClass', { typeSwiper = new Swiper('.showBigClass', {
width: liWidth ? liWidth : 52.5 width: liWidth ? liWidth : 52.5
}); });
//隐藏时间
if(shang == "0") { if(shang == "0") {
//商场 //商场
$('.zhaoshang-time-p, .kaiye-time-p').show(); $('.zhaoshang-time-p, .kaiye-time-p').show();
...@@ -151,7 +170,39 @@ ...@@ -151,7 +170,39 @@
} }
}); });
//获取房源动态
$.ajax({
url: '/api/getMarchInList',
data: {
'house_id': _shangpuId,
// 'site_area': _isC=='1'?1:3
'is_return_list': 1
},
type: "GET",
dataType: "json",
beforeSend: function() {},
success: function(response) {
if(typeof response === 'object') {
if(response['code'] == '200') {
$('.take_look_7').html(response.data.week);
$('.take_look_30').html(response.data.month);
$('.take_look_focus').html(response.data.attention);
} else {
layerTipsX(response['msg']);
}
} else {
layerTipsX('data type error');
};
},
error: function() {
}
});
//添加下载app链接相关 //添加下载app链接相关
var _share = getUrlParam('share'); var _share = getUrlParam('share');
if(_share == "1") { if(_share == "1") {
......
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