$(function(){ $('.v2Homeanalyze_maion').find('img').each(function(){ var $that = $(this); $that.removeAttr('width'); $that.removeAttr('height'); $that.css({'width':'750px','height':'auto'}); }) }) // 2020-05-27 $(function(){ $('body').on('click','.js_clickImg',function(){ var oHid=$(this).attr('house-id'); var oType=$(this).attr('data-type'); var oIndex=$(this).attr('data-index'); var oTypeId=$(this).attr('data-id'); if (oType=='picture') { window.location.href = '/house/albumdetails/'+oHid+'?daid='+oIndex+'&album_id='+oTypeId; }else if(oType=='houseType'){ window.location.href = '/house/typedetails/'+oHid+'?daid='+oIndex+'&type_id='+oTypeId; } // console.log('hid:'+oHid+'---typeName:'+oType+'---index:'+oIndex+'---typeId:'+oTypeId) }) }) // 2020.01.03 添加新年标签 弹窗 $(function(){ // setTimeout(function(){ // xiannian_s() // setTimeout(function(){ // xiannian_h(); // },7000); // },2000); $('.xiannian_ico_gb a,.xiannian_ico_bg').on('click',function(){ xiannian_h(); }) function xiannian_s(){ $('.xiannian_ico').show(10); $('.xiannian_ico_bg').show(); } function xiannian_h(){ $('.left_xiannain').show(10) $('.xiannian_ico_bg').hide(); $('.xiannian_ico').hide(); } }) // 拼团活动弹窗报名 $(function(){ // pintuan_a(); $('.puleft_ico').on('click',function(){ pintuan_a(); }) $('.pintuanBox_bg,.pintuanBox_gb a').on('click',function(){ $('.pintuanBox').hide(); $('.pintuanBox_bg').hide(); $('.puleft_ico').show(10); }) //报名验证提交的调用 PublicAction.AjaxSend({CORID:'in_buttom_c'/*操作ID*/}); $('.pintuanBox .submit_area .in_buttom_c').on('click',function(){ setTimeout(function(){ var _html = $('.alert-container .alert-content').html(); if(_html == '提交成功'){ $('.pintuanBox input[type="text"]').val(''); $('.pintuanBox').hide(); $('.pintuanBox_bg').hide(); $('.puleft_ico').show(10); } // console.log(_html); },2000) }) function pintuan_a(){ $('.pintuanBox_main .lptitle').html($('.lp_name').attr('data-name')) $('.puleft_ico').hide(); $('.pintuanBox').show(10); $('.pintuanBox_bg').show(); } }) $(function(){ var houseid = $('input[name="id"]').val(); // 进来第一次调默认数据; // ,{"id":houseid,"type":"overview",type_id:0} var objArry=[{"id":houseid,page:0,size:0,"type":"houseType",type_id:0},{"id":houseid, page:1,size:4,"type":"picture",type_id:0}]; $.each(objArry,function(k,v){ fn_ajax(v); }) // 房源相册 $('.wphoto a').on('click',function(){ var that = $(this); var otype = that.attr('data-id'); var oid = that.attr('house-id'); var oty = that.attr('data-type'); var _li = ""; that.addClass('on').siblings().removeClass('on'); $.ajax({ type: "get", url: "/house/housephoto?page=0&type="+oty+"&id="+oid+'&type_id='+otype, // data: obj, dataType: "json", success: function(data){ if(data.code == 200){ // console.log(data.data); _li += '
'; _li += ''; _li += '
'; _li += '
'; _li += '
'; $('.togglea').html(''); $('.togglea').append(_li); } new Swiper('.wser', { slidesPerView :"auto", prevButton:'.wp', nextButton:'.wn', onInit: function(swiper){ var slength = swiper.imagesToLoad.length; if(slength <= 3){ $('.wp,.wn').hide(); } } }) } }); }) $('.wphoto a').eq(0).click(); // 户型 $('.wtype a').on('click',function(){ var that = $(this); var otype = that.attr('data-id'); var oid = that.attr('house-id'); var oty = that.attr('data-type'); var _li = ""; that.addClass('on').siblings().removeClass('on'); $.ajax({ type: "get", url: "/house/housephoto?page=0&type="+oty+"&id="+oid+'&type_id='+otype, dataType: "json", success: function(data){ if(data.code == 200){ _li += '
'; _li += ''; _li += '
'; _li += '
'; _li += '
'; $('.toggles').html(''); $('.toggles').append(_li); } new Swiper('.wserb', { slidesPerView :"auto", // spaceBetween : 14, prevButton:'.wpr', nextButton:'.wne', // slidesOffsetAfter : 10, onInit: function(swiper){ var slength = swiper.imagesToLoad.length; if(slength <= 3){ $('.wpr,.wne').hide(); } } }) } }); }) $('.wtype a').eq(0).click(); /*----------------------------------图片放大特效浏览--------------------------------------------*/ // 关闭按钮 $('.weffects-cls').on('click',function(){ $('.weffects').hide(); }) // 大图触发 var oindex = 0; $('body').on('click','.wwlargeimg',function(){ $('.weffects').show(); var that = $(this); var otype = that.attr('data-id'); var oid = that.attr('house-id'); var oty = that.attr('data-type'); var nav = ''; oindex = 0; if(that.attr('data-index') != undefined && that.attr('data-index') != 'undefined'){ oindex = that.attr('data-index'); } // console.log(oindex) $.ajax({ type: "post", url: '/public/gethouseablum', data: {type:oty,id:oid,type_id:otype}, dataType: "json", success: function(data){ if(data.code == 200){ // 遍历导航 $.each(data.data.nav,function(k,v){ nav += ''+v.name+''; }) $('.weffects-list-nav').html(''); $('.weffects-list-nav').append(nav); } $('.weffects-list-nav a[data-id="'+otype+'"]').click(); } }); }) // 放大导航点击 $('.weffects-list-nav').on('click','a',function(){ var that = $(this); var otype = that.attr('data-id'); var oid = that.attr('house-id'); var oty = that.attr('data-type'); var li = ''; // 初始化变量并赋值 var minindex = 0; // 小图所在的下标 var minlength = 0; // 小图所有的总数 that.addClass('on').siblings().removeClass('on'); // 以三行 unbind 解除绑定事件,是为了多次点导航时,执行次的原因 $('.prev-btn').unbind(); $('.next-btn').unbind(); $('.weffects-list-imgbox li').unbind(); $.ajax({ type: "post", url: '/public/gethouseablum',//'/js/home.json', data: {type:oty,id:oid,type_id:otype}, dataType: "json", success: function(data){ if(data.code == 200){ // 遍历导航 li += '
'; li += '
'; $('.weffects-list-imgbox').html(''); $('.weffects-list-imgbox').append(li); } var thisLi = $('.weffects-list-imgbox li'); // 小图选择器 var mySwiper = new Swiper('.weffects-list-img',{ slidesPerView :'auto', spaceBetween : 8, slideToClickedSlide:true, autoplayDisableOnInteraction:false, onInit: function(swiper){ //Swiper初始化了 minlength = swiper.imagesToLoad.length; ImgShow(swiper.activeIndex); // console.log(minlength) }, }) // 左切换按钮 $('.prev-btn').on('click',function(){ (minindex == 0) ? minindex = 0 : minindex--; ImgShow(minindex) if(minlength > 12 && minindex <= minlength % 12 ){ //其中 12 为小图一排能显示12张图 mySwiper.setWrapperTransition(800); //设定过渡的时间 mySwiper.setWrapperTranslate('-'+minindex*96); //小图滑动,96为图片一次滑动的距离 } // console.log(minindex) }) //右切换按钮 $('.next-btn').on('click',function(){ (minindex == minlength-1) ? minindex = minlength-1 : minindex++; ImgShow(minindex) if(minlength > 12 && minindex <= minlength-12 ){ //其中 12 为小图一排能显示12张图 mySwiper.setWrapperTransition(800); //设定过渡的时间 mySwiper.setWrapperTranslate('-'+minindex*96); //小图滑动,96为图片一次滑动的距离 } // console.log(minindex) }) //小图点击事件 $('.weffects-list-imgbox li').on('click',function(){ var thit = $(this); minindex = thit.index(); ImgShow(minindex) // console.log(minindex) }) $('.weffects-list-imgbox li').eq(oindex).click(); // 获取图片地址并显示图片 function ImgShow(index){ var URL = thisLi.eq(index).attr('data-url'); $('.magnify-box img').attr('src',URL); thisLi.eq(index).addClass('in').siblings().removeClass('in'); } } }); }) /*----------------------------------图片放大特效浏览end--------------------------------------------*/ $('#home_ablic').on('click','a',function(){ var that= $(this); var oid =that.attr('data-id'); var type = that.attr('data-type'); var id= that.attr('house-id'); submitData.id= id; submitData.type_id = oid; submitData.type = type; submitData.page=page++; submitData.size=4; fn_ajax(submitData) }) /* * 1、houseType 代表户型 * 2、overview 项目概述 * 2、picture 房源图片 */ function fn_ajax(obj){ $.ajax({ type: "get", url: "/house/housephoto?page="+obj.page+'&limit='+obj.size+'&type='+obj.type+'&id='+obj.id+'&type_id='+obj.type_id, // data: obj, dataType: "json", success: function(data){ if(data.code == 200){ // console.log(data.data); switch(obj.type) { case 'picture': picture(data.data); break; } } } }); } function picture(objImg){ var _div = ""; $.each(objImg,function(k,v){ _div += '
'; _div += ''; _div += '
'+v.title+'
'; // _div += '
阳台
'; _div += '
'; _div += '
'; }) $('.resource').append(_div); } // 推荐房源 $.ajax({ type: "post", url: "/house/pushhouseresource", data: {csrf_token_f:csrfToken}, dataType: "json", success: function(data){ var style = $('.r_mentdata').attr('data'); if(data.code == 200){ var uli = ""; $.each(data.data,function(k,v){ var pic=v.price; if (v.price == 0 || v.price == null || v.price == "") { pic='待定'; } uli += '
  • '; uli += '
    '; uli += ''; uli += '
    '; // uli += ''; uli += ''; uli += '
    '; uli += ''+pic+''; uli += '
    '; uli += '近一年房价涨幅'; if(v.recent_price == 0 || v.recent_price == null){ uli += ' 暂无'; }else{ uli += v.recent_price; } uli += ''; uli += '参考收益'; if(v.proportion == 0 || v.proportion == null){ uli += ' 暂无'; }else{ uli += v.proportion; } uli += ''; uli += '
    '; uli += '
    '; uli += '
    '; uli += '
    '; uli += '

    '+v.name+'

    '; uli += '

    有效期:'+time_yxq+'

    '; uli += '
    '; uli += '
    '+v.push_reason+'
    '; uli += '
  • '; }) $('.r_ment ul').html(""); $('.r_ment ul').append(uli); } } }); // 楼盘概述 $('.hu_id a').on('click',function(){ var than = $(this); var iso = than.attr('data-id'); than.addClass('in').siblings().removeClass('in'); $('.item .overview'+iso).addClass('in').siblings().removeClass('in'); }) }) var topposrt = $('.lp_top').offset().top+$('.lp_top').height(); // console.log(topposrt) $(window).scroll(function(){ if($(window).scrollTop()>topposrt){ $(".xgNav").show(); }else{ $(".xgNav").hide(); } }); if($(window).scrollTop()>topposrt){ $(".xgNav").show(); }else{ $(".xgNav").hide(); } var idh =$('.xgNav').html(); if(idh != '' && idh != undefined && idh != "undefined"){ $('.xgNav').smint({ 'scrollSpeed' : 1000 }); } $(".event_pin").pin({ containerSelector: ".event_container", padding:{top: 80} }); $(function(){ $('.v2header_xtimgUl ul li').eq(0).addClass('hov'); $('.v2header_xtimgUl ul').width($('.v2header_xtimgUl ul li').length*$('.v2header_xtimgUl ul li').width()+$('.v2header_xtimgUl ul li').length*10+'px') var html_vid=$('#video_m').html() var html_live=$('#live_m').html() var lpimg=$('.v2header_xtimgUl ul li[data-id="lpico"] img').attr('src'); var index=0; var i=1; var length=$('.v2header_top ul li').length; var idIndex=0; var j=$('.v2header_xtimgUl ul li').length-4; var s=0; $('.v2header_xtimgUl ul li').on('click',function(){ var submitData = {}; var type_id =$(this).attr('data-id'); //类型ID var type = $(this).attr('data-type'); //类型 var id = $(this).attr('house-id'); //楼盘ID submitData.id = id; submitData.type_id = type_id; submitData.type = type; submitData.page = 0; submitData.size = 0; if (type_id=='vid') { $('#v2header_top ul').html('
  • '+html_vid+'
  • '); }else if(type_id=='live'){ $('#v2header_top ul').html('
  • '+html_live+'
  • '); }else{ if (type_id=='lpico') { $('#v2header_top ul').html('
  • '); }else{ posotlist(submitData); }; } $(this).addClass('hov').siblings('li').removeClass('hov'); idIndex=$(this).index(); index=0; }) $('.picSildeRight2').on('click',function(){ nextlist() }) $('.picSildeLeft2').on('click',function(){ prevlist() }) function posotlist(obj){ $.ajax({ type: "get", url: '/house/housephoto?page='+obj.page+'&limit='+obj.size+'&type='+obj.type+'&id='+obj.id+'&type_id='+obj.type_id, dataType: "json", success: function(data){ $('#v2header_top ul').html(''); if(data.code == 200){ length=data.data.length $('.v2header_top ul').html('') var _list=''; $.each(data.data,function(k,v){ _list+='
  • '; }) $('#v2header_top ul').html(_list); $('#v2header_top ul li').eq(0).show(); $('#v2header_top ul li').eq(0).find('span').html('1 / '+length) } } }); } $('#v2header_top ul li').eq(0).find('span').html('1 / '+length) $("#next2").click(function(){ slideNext(); }) $("#front2").click(function(){ slideFront(); }) function showImg(i){ $(".v2header_top ul li") .eq(i).stop(true,true).fadeIn(800) .siblings("li").hide(); $('#v2header_top ul li').eq(i).find('span').html(''+(i+1)+' / '+length) } function slideNext(){ if(index >= 0 && index < length-1) { ++index; showImg(index); }else{ index=0 nextlist(); } } function slideFront(length){ if(index >= 1 ) { --index; showImg(index); }else{ prevlist() } } function nextlist(){ index=0 var ulli=$('.v2header_xtimgUl ul') if(ulli.find('li').hasClass('hov')){ //判断css hov 是否存在 var submitData = {}; idIndex=ulli.find('.hov').index(); if ((idIndex)<(ulli.find('li').length-1)) { ulli.find('li').removeClass('hov') ulli.find('li').eq(idIndex+1).addClass('hov'); idIndex=ulli.find('.hov').index(); if (s==0) { s++; if (s<=j) { ulli.animate({ "left": '-='+(ulli.find('li').width()+10)+'px' },200); } }; var type_id =ulli.find('.hov').attr('data-id'); //类型ID var type = ulli.find('.hov').attr('data-type'); //类型 var id = ulli.find('.hov').attr('house-id'); //楼盘ID submitData.id = id; submitData.type_id = type_id; submitData.type = type; submitData.page = 0; submitData.size = 0; if (type_id=='vid') { $('#v2header_top ul').html('
  • '+html_vid+'
  • '); listvideo() }else if(type_id=='live'){ $('#v2header_top ul').html('
  • '+html_live+'
  • '); listvideo() }else{ if (type_id=='lpico') { $('#v2header_top ul').html('
  • '); }else{ posotlist(submitData); } } }else{ ulli.find('li').removeClass('hov') ulli.find('li').eq(0).addClass('hov'); idIndex=ulli.find('.hov').index(); s=0; ulli.animate({ "left": '0px' },200); var type_id =ulli.find('li').eq(0).attr('data-id'); //类型ID var type = ulli.find('li').eq(0).attr('data-type'); //类型 var id = ulli.find('li').eq(0).attr('house-id'); //楼盘ID submitData.id = id; submitData.type_id = type_id; submitData.type = type; submitData.page = 0; submitData.size = 0; if (type_id=='vid') { $('#v2header_top ul').html('
  • '+html_vid+'
  • '); listvideo() }else if(type_id=='live'){ $('#v2header_top ul').html('
  • '+html_live+'
  • '); listvideo() }else{ if (type_id=='lpico') { $('#v2header_top ul').html('
  • '); }else{ posotlist(submitData); }; } } } } function prevlist(){ index=0 var ulli=$('.v2header_xtimgUl ul') var submitData = {}; if(ulli.find('li').hasClass('hov')){ //判断css hov 是否存在 idIndex=ulli.find('.hov').index(); if (ulli.find('.hov').index()>=0) { idIndex--; if (idIndex<=0) { ulli.find('li').removeClass('hov') ulli.find('li').eq(0).addClass('hov'); idIndex=ulli.find('.hov').index(); if (s!=0) { s--; if (s<=j){ ulli.animate({ "left": '+='+(ulli.find('li').width()+10)+'px' },200) } }; var type_id =ulli.find('li').eq(0).attr('data-id'); //类型ID var type = ulli.find('li').eq(0).attr('data-type'); //类型 var id = ulli.find('li').eq(0).attr('house-id'); //楼盘ID submitData.id = id; submitData.type_id = type_id; submitData.type = type; submitData.page = 0; submitData.size = 0; if (type_id=='vid') { $('#v2header_top ul').html('
  • '+html_vid+'
  • '); listvideo() }else if(type_id=='live'){ $('#v2header_top ul').html('
  • '+html_live+'
  • '); listvideo() }else{ if (type_id=='lpico') { $('#v2header_top ul').html('
  • '); }else{ posotlist(submitData); }; } }else{ ulli.find('li').removeClass('hov') ulli.find('li').eq(idIndex).addClass('hov'); idIndex=ulli.find('.hov').index(); if (s==0) { ulli.animate({ "left": '0px' },200) }; var type_id =ulli.find('.hov').attr('data-id'); //类型ID var type = ulli.find('.hov').attr('data-type'); //类型 var id = ulli.find('.hov').attr('house-id'); //楼盘ID submitData.id = id; submitData.type_id = type_id; submitData.type = type; submitData.page = 0; submitData.size = 0; if (type_id=='vid') { $('#v2header_top ul').html('
  • '+html_vid+'
  • '); listvideo(); // console.log(1111); }else if(type_id=='live'){ $('#v2header_top ul').html('
  • '+html_live+'
  • '); listvideo() }else{ if (type_id=='lpico') { $('#v2header_top ul').html('
  • '); }else{ posotlist(submitData); }; } } } } } listvideo(); function listvideo(){ $('#v2header_top ul').on('click','.video_m',function(){ if ($(this).find('video').hasClass('pause')) { $(this).find('p').hide(); $(this).find('i').hide(); $(this).find('video').trigger("play"); $(this).find('video').removeClass('pause'); $(this).find('video').addClass('play'); } else { $(this).find('video').trigger("pause"); $(this).find('video').removeClass('play'); $(this).find('video').addClass('pause'); } }) } $("#fix").scrollFix({startTop:"#startTop",distanceTop:55,endPos:"#footer2"}); }) /*-----------------------------------------百度地图-----------------------------------------------------------*/ $(function(){ var _lTude= ''; _lTude =$('#y_lpmap').attr('data-jwd'); //获取经纬度 if (_lTude != undefined && _lTude != '') { var pintx = parseFloat(_lTude.split(',')[0]); var pinty = parseFloat(_lTude.split(',')[1]); masw(pintx,pinty); }; }) function masw(len,lng){ mapboxgl.accessToken = 'pk.eyJ1IjoicWlhbnd1MTQzNiIsImEiOiJjazZxZ2NyaGYwM3V6M2tueGZpb3FsYTYyIn0.lSEEDlQog3bc59KiDdx61g'; var map = new mapboxgl.Map({ container: 'map', style: 'mapbox://styles/mapbox/streets-v11', center: [len,lng], // starting position [lng, lat] zoom: 13 // starting zoom }); map.on('load', function() { map.loadImage('/image/home_ico38.png', function(error, image) { if (error) throw error; map.addImage('cat', image); map.addLayer({ "id": "points", "type": "symbol", "source": { "type": "geojson", "data": { "type": "FeatureCollection", "features": [{ "type": "Feature", "geometry": { "type": "Point", "coordinates": [len,lng], } }] } }, "layout": { "icon-image": "cat", "icon-size": 0.5 } }); }); }); } // 二维码 $('.right_btn a.zxzx').on('mousemove',function(){ $('.m_lpcall_tel_img').show(); }) $('.right_btn').on('mouseleave',function(){ $('.m_lpcall_tel_img').hide(); }) // 二维码 window.onload =function(){ var m_qrcode = new QRCode(document.getElementById("m_qrcode"), { width : 128, //设置宽高 height : 123 }); thisURL = $('#m_send').attr('src'); $('#m_send').on('mousemove',function(){ m_qrcode.makeCode(thisURL); }) } /*-----------------------------------视频播放--------------------------------------------*/ $(function(){ PublicAction.AjaxSend({CORID:'ybm_buttom'/*操作ID*/}); $('.liveBm_bg,.liveBm_gb a').click(function(){ $('.liveBm_bg,.liveBm').hide(); }) // 视频播放 var lpvideo = document.getElementById("myVideo"); var btn_vid = document.getElementById("lpvideo"); var musitime= 0; var cubicle = "true"; if (btn_vid) { btn_vid.onclick = function () { // cubicle = $('#lpvideo').attr('data-boole'); // console.log(cubicle) if (lpvideo.paused) { //判断当前的状态是否为暂停,若是则点击播放,否则暂停 $('#myVideo').attr('controls','controls'); //点击 显示默认的控件 $('.m_video_img').hide(); if(musitime >= 600 && cubicle == "true"){ AudioWind_video(); //视频报名窗口 return false; } lpvideo.play(); watchMusicTime_vid() }else{ lpvideo.pause(); } var getCookie=cookie.get("authorization"); // 判断一下COOKIE 是否存在了,存在就不弹出报名窗口,直接播放 if(getCookie){ $('body #lpvideo').attr('data-boole','false'); } } }; // 视频报名窗口 function AudioWind_video(){ // var getCookie=cookie.get("authorization"); // // 判断一下COOKIE 是否存在了,存在就不弹出报名窗口,直接播放 // if(getCookie){ // $('body #lpvideo').attr('data-boole','false'); // return false; // } // console.log(15) if($('body .liveBm').is(':hidden')){ $('body .liveBm').show(10); $('body .liveBm_bg').show(); parent.w_id = $("#lpvideo").attr('data-id'); //把楼盘ID传向父级 } } //监听音乐实时播放的时间 function watchMusicTime_vid(){ let _this = this; //监听播放时间 // let musicDom = document.getElementsByTagName('audio')[0];//获取Audio的DOM节点 let musicDom =lpvideo;//获取Audio的DOM节点 //使用事件监听方式捕捉事件 musicDom.addEventListener("timeupdate",function(){//监听音频播放的实时时间事件 cubicle = $('#lpvideo').attr('data-boole'); //2019-11-20 把获取报名成功后,可以继续播放的状态放置这里 // console.log(musicDom.duration)//播放时间 let timeDisplay; //用秒数来显示当前播放进度 timeDisplay = Math.floor(musicDom.currentTime);//获取实时时间 musitime = timeDisplay; // console.log(timeDisplay) // 处理 10秒内试听 // console.log(cubicle) if(timeDisplay >= 600 && cubicle == "true"){ lpvideo.pause(); AudioWind_video(); //视频报名窗口 } //处理时间 //分钟 let minute = timeDisplay / 60; let minutes = parseInt(minute); if (minutes < 10) { minutes = "0" + minutes; } //秒 let second = timeDisplay % 60; let seconds = Math.round(second); if (seconds < 10) { seconds = "0" + seconds; } let shun= minutes+":"+seconds;//将实时时间存储到vuex中 // console.log(shun) // console.log(_this.$store.state.realMusicTime); },false); } /*-------------------------------------------------------------------------------*/ })