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 @@
<!--line 1-->
<div class="line_a">
<p class="a_fonta">
<!--恒大国际广场-->
</p>
<p class="a_fontb">
<!--20000-25000元/月(月租金)-->
<!--<p class="a_fonta">
恒大国际广场
</p>-->
<!--<p class="a_fontb">
20000-25000元/月(月租金)
</p>
<span class="a_fontc">
<!--物业管理费：2000元/月-->
物业管理费：2000元/月
</span>
<span class="a_fontd">
<!--进场费：200000元-->
</span>
进场费：200000元
</span>-->
</div>
<div class="line_a_ul">
<ul class="line_a_ulul">
......@@ -53,32 +53,37 @@
</li>-->
</ul>
</div>
<p class="b3_font1" id="font_24">
编号:
<span class="b3_spanhao"></span>
</p>
<p class="line_hr"></p>
<!--line 2-->
<div class="line_b">
<ul>
<li class="ul_b1">
<span class="b1_span">
剩余铺数
<span class="b1_span pu_area_type">
商铺面积
</span>
<span class="b1_span_totl pu_num">
<span class="b1_span_totl pu_area">
</span>
</li>
<li class="ul_b2">
<span class="b1_span">
商铺面积
<span class="b1_span pu_price_type">
租金
</span>
<span class="b1_span_totl pu_area">
<span class="b1_span_totl pu_price">
</span>
</li>
<li class="ul_b3">
<span class="b1_span">
商业面积
<span class="b1_span slotting_fee_type">
转让费
</span>
<span class="b1_span_totl shy_area">
<span class="b1_span_totl slotting_fee">
</span>
</li>
......@@ -86,16 +91,20 @@
</div>
<p class="line_hr"></p>
<!--line 3-->
<p class="b3_font1">
物业管理费:
<span class="b3_span0 gw"></span>
</p>
<p class="b3_font1">
商铺类型:
<span class="b3_span gw"></span>
</p>
<p class="b3_font1">
商铺编号:
<span class="b3_spanhao gw"></span>
<p class="b3_font1 b3_span_10">
<span class="b3_span_build_type">建筑面积:</span>
<span class="b3_span_build gw"></span>
</p>
<p class="b3_font2">
适合经营:
业态:
<span class="b3_span2 gw"></span>
</p>
<span class="b3_font3 dt">
......@@ -141,7 +150,7 @@
</span>
</p>
<p class="b4_font2">
是否有煤气:
是否有燃气:
<span class="b4_span1 gw">
</span>
</p>
......@@ -170,7 +179,43 @@
<div class="slider3">
</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部分-->
<div class="public fix_area_top" style=" z-index: 9999999;top: 0;display: none;">
<img src="/app/images/pbl_cha.png" class="pbl_cha" />
......
public/app/css/details_tl.css
View file @ c2eda2c4
......@@ -5,7 +5,7 @@
margin: 0 auto;
}
.a_fonta{
font-size: 0.44rem;
font-size: 0.38rem;
color: #333333;
float: left;
font-weight: 900;
......@@ -52,16 +52,16 @@
margin-top: 0.15rem;
}
.line_a_ul ul li{
width: 1.5rem;
height: 0.6rem;
border: 1px solid #999999;
font-size: 0.28rem;
color: #333;
line-height: 0.6rem;
width: 1rem;
height: .32rem;
font-size: 0.2rem;
color: #FFA029;
line-height: 0.32rem;
float: left;
margin-left: 0.3rem;
text-align: center;
margin-top: 0.15rem;
background-color: #FFF5E7;
}
.line_hr{
width: 92%;
......@@ -95,6 +95,14 @@
float: left;
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{
color: #ff9419;
font-size: 0.4rem;
......@@ -102,12 +110,28 @@
margin-top: 0.3rem;
margin-left: 0.4rem;
}
.b1_span_totl{
/*.b1_span_totl{
color: #ff9419;
font-size: 0.4rem;
text-align: center;
width: 100%;
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{
width: 35%;
......@@ -158,7 +182,7 @@
}
.b4_font .b4_font_p{
color: #333333;
font-size: 0.4rem;
font-size: 0.34rem;
width: 100%;
float: left;
font-weight: 900;
......
public/app/js/detaila_tl.js
View file @ c2eda2c4
......@@ -29,29 +29,49 @@
var shanpu = ' ';
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 + '㎡');
$(".b3_span").html("商场");
$('.pu_area_type').html('商铺面积');
$('.b3_span_build_type').html('项目总面积'+':');
} 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 + '㎡');
$(".b3_span").html("街铺");
$('.pu_area_type').html('使用面积');
$('.b3_span_build_type').html('建筑面积'+'：');
}
var title = response.data.title ? response.data.title : "";
var _tempStr = '';
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') {
_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') {
_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>' +
'<p class="a_fontb">' + _tempStr +
'</p><span class="a_fontc">物业管理费：' + response.data.management_fee + '元/月</span>' +
shanpu;
line_a = '<p class="a_fonta">' + title + '</p>';
$(".line_a").html(line_a);
//渲染,部分完毕
......@@ -64,21 +84,20 @@
}
}
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);
$(".shy_area").html(response.data.market_area + '㎡');
$(".b3_span2").html(response.data.industry_type);
$(".b3_spanhao").html(response.data.id);
$(".b3_span3").html(response.data.enter_num);
$(".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>' +
'<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 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="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>';
$("#b4_font").html(b4_font);
//var lp_img=response.data.house_button_img;
......@@ -130,7 +149,7 @@
typeSwiper = new Swiper('.showBigClass', {
width: liWidth ? liWidth : 52.5
});
//隐藏时间
if(shang == "0") {
//商场
$('.zhaoshang-time-p, .kaiye-time-p').show();
......@@ -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链接相关
var _share = getUrlParam('share');
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