Skip to content

T
tl_estate
Commit 3aafe44f authored by 刘丹's avatar 刘丹
Browse files
Options

楼盘分享

parent fb0474d2
Hide whitespace changes
Inline Side-by-side
Showing with 167 additions and 151 deletions
application/app/view/index/share_detail.html
View file @ 3aafe44f
...@@ -19,30 +19,10 @@ ...@@ -19,30 +19,10 @@
<div class="lp-bunner"> <div class="lp-bunner">
<ul class="swiper-wrapper" id="img_item_ul"> <ul class="swiper-wrapper" id="img_item_ul">
</ul> </ul>
<span class="lp-bunner-page"> <span class="lp-index"> 1 </span> / <span class="lp-sum"> 50 </span> </span></div> <span class="lp-bunner-page"> <span class="lp-index"> 1 </span> / <span class="lp-sum"> 50 </span> </span>
</div>
</header> </header>
<!--大图展示-->
<div class="shopBigBox">
<header class="head">
<div class="top">
<div class="head-l"><a class="return"> </a></div>
<h1><i id="totalIndex">1</i>/ <i>50</i></h1>
<div class="u_detail_btn1" onclick="$('.shopBigBox').hide();"></div>
<div class="u_detail_btn2" style="display: none;"></div>
</div>
</header>
<div class="shopBigScrollBox"></div>
<div id="classNames" class="showBigClass classNamesScroll">
<ul class="swiper-wrapper">
<li class="swiper-slide" data-index="101" id="handle_img_1"> 效果图</li>
<li class="swiper-slide" data-index="102" id="handle_img_2"> 实景图</li>
<li class="swiper-slide" data-index="103" id="handle_img_3"> 样板图</li>
<li class="swiper-slide" data-index="104" id="handle_img_4"> 户型图</li>
<li class="swiper-slide" data-index="105" id="handle_img_5"> 交通图</li>
</ul>
</div>
</div>
<!--line 1--> <!--line 1-->
<div class="line_a"> <div class="line_a">
<p class="a_fonta"> <p class="a_fonta">
...@@ -89,6 +69,9 @@ ...@@ -89,6 +69,9 @@
<span class="b1_span2"> <span class="b1_span2">
<span class="b1_span3"> <span class="b1_span3">
</span> </span>
-
<span class="b1_span34">
</span>
<font class="b1_font"> <font class="b1_font">
㎡ ㎡
...@@ -225,11 +208,8 @@ ...@@ -225,11 +208,8 @@
<script src="/app/js/swiper.js"></script> <script src="/app/js/swiper.js"></script>
<script src="/app/js/app_jump.js" ></script> <script src="/app/js/app_jump.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/details_tl.js"></script>-->
<script src="/app/js/detaila_tl.js"></script> <script src="/app/js/detaila_tl.js"></script>
<script src="/app/js/Tab_min.js" charset="utf-8"></script> <script src="/app/js/Tab_min.js" charset="utf-8"></script>
<script src="/app/js/jquery.bxslider.js" charset="utf-8"></script>
<script src="/app/js/jquery.easing.min.js" charset="utf-8"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
......
public/app/js/detaila_tl.js
View file @ 3aafe44f
...@@ -49,8 +49,9 @@ ...@@ -49,8 +49,9 @@
} }
$(".balance_num").html(response.data.balance_num); $(".balance_num").html(response.data.room_num_left);
$(".b1_span3").html(response.data.room_area_all); $(".b1_span3").html(response.data.room_area);
$(".b1_span34").html(response.data.room_area2);
$(".b1_span4").html(response.data.business_area); $(".b1_span4").html(response.data.business_area);
$(".b3_span").html(response.data.shangpu_type_str); $(".b3_span").html(response.data.shangpu_type_str);
$(".b3_span2").html(response.data.yetai); $(".b3_span2").html(response.data.yetai);
...@@ -67,10 +68,16 @@ ...@@ -67,10 +68,16 @@
$("#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;
var lp_img=response.data.images; var lp_img=response.data.images;
for(var n=0;n<lp_img.length;n++){ var lp_img1=response.data.plan_images;
slider3+='<div class="slide"><img src="'+response.data.api_path+response.data.images[n].imagename+'"></div>' var img_item_ul="";
for(var n=0;n<lp_img1.length;n++){
slider3+='<div class="slide"><img src="'+response.data.api_path+response.data.plan_images[n].imagename+'"></div>'
$(".slider3").html(slider3); $(".slider3").html(slider3);
} }
for(var n=0;n<lp_img.length;n++){
img_item_ul+='<li class="swiper-slide swiper-slide-active" data-index="1" data-totalindex="1" data-class="101" data-sum="6" style="width: 414px;"><a><img src="'+response.data.api_path+response.data.images[n].imagename+'"></a></li>'
$("#img_item_ul").html(img_item_ul);
}
var longitude=response.data.longitude; var longitude=response.data.longitude;
var latitude=response.data.latitude; var latitude=response.data.latitude;
// 百度地图API功能 // 百度地图API功能
...@@ -79,6 +86,42 @@ ...@@ -79,6 +86,42 @@
// map.addControl(new BMap.MapTypeControl()); //添加地图类型控件 // map.addControl(new BMap.MapTypeControl()); //添加地图类型控件
// map.setCurrentCity("上海"); // 设置地图显示的城市 此项是必须设置的 // map.setCurrentCity("上海"); // 设置地图显示的城市 此项是必须设置的
// map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放 // map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
var swiper = new Swiper('.lp-bunner',{
preloadImages: false, lazyLoading: true, lazyLoadingOnTransitionStart: true,
onTransitionEnd: function(swiper){
$('.lp-index').text(swiper.activeIndex+1);
},
onInit: function(swiper){
$('.lp-index').text(swiper.activeIndex+1);
$('.lp-sum').text(swiper.imagesToLoad.length || swiper.imagesLoaded || $('img', '.lp-bunner').size());
},
onClick:function(swiper){
$('.shopBigBox').show();
if ( ! bimgSwiper) {
bimgSwiper = new Swiper('.shopBigScrollBox',{
preloadImages: false, lazyLoading: true, lazyLoadingOnTransitionStart: true,
initialSlide:swiper.activeIndex,
onTransitionEnd:function(/*swiper*/){
showBImg.count();
},
onInit:function(){
showBImg.count();
}
});
}
}
});
var liWidth = $('.showBigClass li').click(function(){
$(this).addClass('on').siblings().removeClass('on');
var albumType = $(this).attr('data-index');
var $li = $(".shopBigBox .swiper-wrapper").find("[data-class=" + albumType +"]:first");
bimgSwiper.slideTo(+$li.data("totalindex") - 1, 500, true);
}).width();
typeSwiper = new Swiper('.showBigClass',{
width: liWidth ? liWidth : 52.5
});
showBImg.html();
}, },
error: function () { error: function () {
......
public/app/js/details_tl.js
View file @ 3aafe44f
function get_Date(tt){
var tmp='未定';
if(typeof (tt)=='undefined'||tt=='' || tt==null){
return tmp;
}
var arr=tt.split(' ');
return time1=arr[0];
}
function initAlbumPhoto() { function initAlbumPhoto() {
var showBImg={}, bimgSwiper, typeSwiper;; var showBImg={}, bimgSwiper, typeSwiper;;
...@@ -179,131 +171,132 @@ if (url.indexOf("?") != -1) { ...@@ -179,131 +171,132 @@ if (url.indexOf("?") != -1) {
} }
} }
_id=theRequest.id; _id=theRequest.id;
$.ajax({ $.ajax({
url: "/app.php/app/getShopDetails",
data: {
"id":_id
},
type:"POST",
dataType:"text",
beforeSend:function(){},
success:function(responseText){
url:ServerHost+"/houseinfos/getdetails", var arr=responseText.split("||");
data:{"id":_id}, var data1=eval("("+arr[0]+")");
type:"POST", //账号类型
dataType:"text", var data3=eval("("+arr[2]+")");
beforeSend:function(){}, var data2=eval("("+arr[1]+")");
success:function(responseText){ //最新动态标题
var data4 = eval("("+arr[3]+")");
//动态新闻id
var data5 = eval("("+arr[4]+")");
var arr=responseText.split("||"); var image_0="";
var data1=eval("("+arr[0]+")"); var image_4_1="";
//账号类型
var data3=eval("("+arr[2]+")");
var data2=eval("("+arr[1]+")");
//最新动态标题
var data4 = eval("("+arr[3]+")");
//动态新闻id
var data5 = eval("("+arr[4]+")");
var image_0=""; var image_1="";//效果图
var image_4_1=""; var image_2="";//实景图
var image_3="";//样板图
var image_4="";//户型图
var image_5="";//交通图
var image_4_num=0;
var image_1="";//效果图 //每种图数量
var image_2="";//实景图 var sum_img_1=0;
var image_3="";//样板图 var sum_img_2=0;
var image_4="";//户型图 var sum_img_3=0;
var image_5="";//交通图 var sum_img_4=0;
var image_4_num=0; var sum_img_5=0;
//每种图数量 //index
var sum_img_1=0; var index_item_1=0;
var sum_img_2=0; var index_item_2=0;
var sum_img_3=0; var index_item_3=0;
var sum_img_4=0; var index_item_4=0;
var sum_img_5=0; var index_item_5=0;
var index_item_all=0;
//index
var index_item_1=0;
var index_item_2=0;
var index_item_3=0;
var index_item_4=0;
var index_item_5=0;
var index_item_all=0;
$.each(data2, function(i, item) {
image_0+='<div class="swiper-slide">'
+'<img src="'+ServerHost+'/houseImg/'+item.Houseimg["imagename"]+'"/>'
+'</div>';
index_item_all++;
switch (parseInt(item.Houseimg["imgtype"])){
case 1:{
sum_img_1++;
index_item_1++;
image_1+=get_li_item(index_item_1,index_item_all,101,"sum_img_1",item.Houseimg["imagename"]);
break;
}
case 2:{
sum_img_2++;
index_item_2++;
image_2+=get_li_item(index_item_2,index_item_all,102,"sum_img_2",item.Houseimg["imagename"]);
break;
}
case 3:{
sum_img_3++;
index_item_3++;
image_3+=get_li_item(index_item_3,index_item_all,103,"sum_img_3",item.Houseimg["imagename"]);
break;
break;
}
case 4:{
image_4_1 += '<li class="m_ping1">'
+ '<a href="imagebody.html?img_name='+item.Houseimg["imagename"] + '&name=' + item.Houseimg["img_title"] + '&address=1"><img src="'+ServerHost+'/houseImg/small_' + item.Houseimg["imagename"] + '" /></a>'
+ '</li>';
image_4_num++;
//tab
sum_img_4++;
image_4+=get_li_item(index_item_4,index_item_all,104,"sum_img_4",item.Houseimg["imagename"]);
break;
$.each(data2, function(i, item) { break;
image_0+='<div class="swiper-slide">'
+'<img src="'+ServerHost+'/houseImg/'+item.Houseimg["imagename"]+'"/>'
+'</div>';
index_item_all++;
switch (parseInt(item.Houseimg["imgtype"])){
case 1:{
sum_img_1++;
index_item_1++;
image_1+=get_li_item(index_item_1,index_item_all,101,"sum_img_1",item.Houseimg["imagename"]);
break;
}
case 2:{
sum_img_2++;
index_item_2++;
image_2+=get_li_item(index_item_2,index_item_all,102,"sum_img_2",item.Houseimg["imagename"]);
break;
}
case 3:{
sum_img_3++;
index_item_3++;
image_3+=get_li_item(index_item_3,index_item_all,103,"sum_img_3",item.Houseimg["imagename"]);
break;
break;
}
case 4:{
image_4_1 += '<li class="m_ping1">'
+ '<a href="imagebody.html?img_name='+item.Houseimg["imagename"] + '&name=' + item.Houseimg["img_title"] + '&address=1"><img src="'+ServerHost+'/houseImg/small_' + item.Houseimg["imagename"] + '" /></a>'
+ '</li>';
image_4_num++;
//tab
sum_img_4++;
image_4+=get_li_item(index_item_4,index_item_all,104,"sum_img_4",item.Houseimg["imagename"]);
break;
break;
}
case 5:{
sum_img_5++;
index_item_5++;
image_5+=get_li_item(index_item_5,index_item_all,105,"sum_img_5",item.Houseimg["imagename"]);
break;
break;
}
} }
}); case 5:{
image_1 = image_1.replace(new RegExp("sum_img_1",'gm'),sum_img_1); sum_img_5++;
image_2 = image_2.replace(new RegExp("sum_img_2",'gm'),sum_img_2); index_item_5++;
image_3 = image_3.replace(new RegExp("sum_img_3",'gm'),sum_img_3); image_5+=get_li_item(index_item_5,index_item_all,105,"sum_img_5",item.Houseimg["imagename"]);
image_4 = image_4.replace(new RegExp("sum_img_4",'gm'),sum_img_4); break;
image_5 = image_5.replace(new RegExp("sum_img_5",'gm'),sum_img_5); break;
}
}
});
image_1 = image_1.replace(new RegExp("sum_img_1",'gm'),sum_img_1);
image_2 = image_2.replace(new RegExp("sum_img_2",'gm'),sum_img_2);
image_3 = image_3.replace(new RegExp("sum_img_3",'gm'),sum_img_3);
image_4 = image_4.replace(new RegExp("sum_img_4",'gm'),sum_img_4);
image_5 = image_5.replace(new RegExp("sum_img_5",'gm'),sum_img_5);
//正式加载，不成功 //正式加载，不成功
$("#img_item_ul").html(image_1+image_2+image_3+image_4+image_5); $("#img_item_ul").html(image_1+image_2+image_3+image_4+image_5);
initAlbumPhoto(); initAlbumPhoto();
initBoxScrollFixed(); initBoxScrollFixed();
if(sum_img_1==0){ if(sum_img_1==0){
$("#handle_img_1").hide(); $("#handle_img_1").hide();
} }
if(sum_img_2==0){ if(sum_img_2==0){
$("#handle_img_2").hide(); $("#handle_img_2").hide();
} }
if(sum_img_3==0){ if(sum_img_3==0){
$("#handle_img_3").hide(); $("#handle_img_3").hide();
} }
if(sum_img_4==0){ if(sum_img_4==0){
$("#handle_img_4").hide(); $("#handle_img_4").hide();
} }
if(sum_img_5==0){ if(sum_img_5==0){
$("#handle_img_5").hide(); $("#handle_img_5").hide();
} }
//$("#image_4_1_title").html('住宅'+image_4_num+'个户型'); //$("#image_4_1_title").html('住宅'+image_4_num+'个户型');
$("#image_4_1").html(image_4_1); $("#image_4_1").html(image_4_1);
$("#allimgs").html(image_0); $("#allimgs").html(image_0);
//设置大图展示总数 //设置大图展示总数
$("#totalIndex").next().html($(".lp-sum").html()); $("#totalIndex").next().html($(".lp-sum").html());
}, },
error:function(){} error:function(){}
}); });
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