pfhwyigou/frontend/web/js/house/lpindex.js

$(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 += '<div class="ser wser">';
                    _li += '<ul class="swiper-wrapper">';
                    $.each(data.data,function(k,v){
                        _li += '<li class="swiper-slide js_clickImg" data-index="'+k+'" house-id="'+oid+'" data-type="'+oty+'" data-id="'+otype+'"><img src="'+v.img+'" alt=""><p class="tit_n">'+v.title+'</p></li>';
                    })
                    _li += '</ul>';
                    _li += '</div>';
                    _li += '<div class="wprev wp"></div>';
                    _li += '<div class="wnext wn"></div>';
                    $('.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 += '<div class="ser wserb">';
                    _li += '<ul class="swiper-wrapper">';
                    $.each(data.data,function(k,v){
                        _li += '<li class="swiper-slide js_clickImg" data-index="'+k+'" house-id="'+oid+'" data-type="'+oty+'" data-id="'+otype+'">';
                        _li += '<div class="ws-img"><img src="'+v.img+'" alt=""><p class="tit_n">'+v.indoor_info_top+'</p></div>';
                        _li += '<div class="ws-font">';
                        _li += '<h2 class="c"><span>约 ￥'+v.area+'</span><em>'+v.indoor_info_bottom+'</em></h2>';
                        _li += '<p>有效期：'+time_yxq+'</p>';
                        _li += '</div>';
                        _li += '</li>';
                    })
                    _li += '</ul>';
                    _li += '</div>';
                    _li += '<div class="wprev wpr"></div>';
                    _li += '<div class="wnext wne"></div>';
                    $('.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 += '<a house-id="'+oid+'" data-type="'+oty+'" data-id="'+v.type_id+'" href="javascript:void(0);">'+v.name+'</a>';
                    })
                    $('.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 += '<div class="weffects-list-img">';
                    li += '<ul class="swiper-wrapper">';
                    $.each(data.data.imgarr,function(k,v){
                        li += '<li class="swiper-slide" data-url="'+v.url+'"><img src="'+v.url+'" alt=""></li>';
                    })
                    li += 'ul';
                    li += '</div>';
                    $('.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 class="resource_a2">';
            _div += '<a class="elem" href="'+v.img+'">';
            _div += '<div class="pr"><img src="'+v.img+'" alt=""><span>'+v.title+'</span></div>';
            // _div += '<div class="pr"><img src="./image/v3.png" alt=""><span>阳台</span></div>';
            _div += '</a>';
            _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 += '<li>';
                    uli += '<div class="r_ment_img">';
                    uli += '<a href="/house/jilongpo-'+v.id+'/" target="_blank">';
                    uli += '<div class="max-img">';
                    // uli += '<img src="/image/m_jpz.png" alt="">';
                    uli += '<img src="'+v.thumb+'" alt="">';
                    uli += '</div>';
                    uli += '<span class="prices">'+pic+'<i></i></span>';
                    uli += '<div class="reward" style="'+style+'">';
                    uli += '<span>近一年房价涨幅';
                    if(v.recent_price == 0 || v.recent_price == null){
                        uli += '&nbsp暂无';
                    }else{
                        uli += v.recent_price;
                    }
                    uli += '</span>';
                    uli += '<span>参考收益';
                    if(v.proportion == 0 || v.proportion == null){
                        uli += '&nbsp暂无';
                    }else{
                        uli += v.proportion;
                    }
                    uli += '</span>';
                    uli += '</div>';
                    uli += '</a>';
                    uli += '</div>';
                    uli += '<div class="r_ment_font">';
                    uli += '<p class="pricea"><a href="javascript:void(0);">'+v.name+'</a></p>';
                    uli += '<p style="font-size:12px; color:#C2C2C2;">有效期：'+time_yxq+'</p>';
                    uli += '</div>';
                    uli += '<div class="explain">'+v.push_reason+'</div>';
                    uli += '</li>';
                })
                $('.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('<li class="video_m" id="video_m">'+html_vid+'</li>');
        }else if(type_id=='live'){
            $('#v2header_top ul').html('<li class="video_m" id="live_m">'+html_live+'</li>');
        }else{
            if (type_id=='lpico') {
                $('#v2header_top ul').html('<li class="js_clickImg"><i><em><img src="'+lpimg+'" alt="" /><span></span></em></i></li>');
            }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+='<li class="js_clickImg" data-index="'+k+'" data-id="'+v.album_id+'" house-id="'+v.hid+'" data-type="'+obj.type+'"><i><em><img src="'+v.img+'" alt=""><span></span></em></i></li>';
                    })
                    $('#v2header_top ul').html(_list);
                    $('#v2header_top ul li').eq(0).show();
                    $('#v2header_top ul li').eq(0).find('span').html('<a style="color:red">1</a> / '+length)
                }
            }
        });
    }
    $('#v2header_top ul li').eq(0).find('span').html('<a style="color:red">1</a> / '+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('<a style="color:red">'+(i+1)+'</a> / '+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('<li class="video_m" id="video_m">'+html_vid+'</li>');
                    listvideo()
                }else if(type_id=='live'){
                    $('#v2header_top ul').html('<li class="video_m" id="live_m">'+html_live+'</li>');
                    listvideo()
                }else{
                    if (type_id=='lpico') {
                        $('#v2header_top ul').html('<li class="js_clickImg"><i><em><img src="'+lpimg+'" alt="" /><span></span></em></i></li>');
                    }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('<li class="video_m" id="video_m">'+html_vid+'</li>');
                    listvideo()
                }else if(type_id=='live'){
                    $('#v2header_top ul').html('<li class="video_m" id="live_m">'+html_live+'</li>');
                    listvideo()
                }else{
                    if (type_id=='lpico') {
                        $('#v2header_top ul').html('<li class="js_clickImg"><i><em><img src="'+lpimg+'" alt="" /><span></span></em></i></li>');
                    }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('<li class="video_m" id="video_m">'+html_vid+'</li>');
                        listvideo()
                    }else if(type_id=='live'){
                        $('#v2header_top ul').html('<li class="video_m" id="live_m">'+html_live+'</li>');
                        listvideo()
                    }else{
                        if (type_id=='lpico') {
                            $('#v2header_top ul').html('<li class="js_clickImg"><i><em><img src="'+lpimg+'" alt="" /><span></span></em></i></li>');
                        }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('<li class="video_m" id="video_m">'+html_vid+'</li>');
                        listvideo();
                        // console.log(1111);
                    }else if(type_id=='live'){
                        $('#v2header_top ul').html('<li class="video_m" id="live_m">'+html_live+'</li>');
                        listvideo()
                    }else{
                        if (type_id=='lpico') {
                            $('#v2header_top ul').html('<li class="js_clickImg"><i><em><img src="'+lpimg+'" alt="" /><span></span></em></i></li>');
                        }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);
    }
/*-------------------------------------------------------------------------------*/  
})