pfhwyigou/wechat/web/js/house/search.js

// $(window).scroll(function (){
//     var st = $(this).scrollTop();
//     if(st >50){
//        $('.y_header').hide();
//        $('.wm-top').show();
//        $('.wm-top').addClass('wtop');
//     }else{
//        $('.wm-top').hide();
//        $('.wm-top').removeClass('wtop');
//        $('.y_header').show();
//     }
// });    

function Qalert(num = 0) {
    var M = {};
    if(M.dialog1){
        return M.dialog1.show();
    }
    M.dialog1 = jqueryAlert({
        'content' : '已为您找到<span style="color:#FF6926;font-size: 1.0rem;"> '+num+' </span>套房源',
        'closeTime' : 4000,
    })

}

Qalert($('.feng_count').attr('house_data'));

function getParams(url) {
    var theRequest = new Object();
    if (!url)
        url = location.href;
    if (url.indexOf("?") !== -1)
    {
        var str = url.substr(url.indexOf("?") + 1) + "&";
        var strs = str.split("&");
        for (var i = 0; i < strs.length - 1; i++)
        {
            var key = strs[i].substring(0, strs[i].indexOf("="));
            var val = strs[i].substring(strs[i].indexOf("=") + 1);
            theRequest[key] = val;
        }
    }
    return theRequest;
}

var  objUrl = {}; //获取get参数
var url = window.location.href;
var searchParams = '';  //最后拼接的参数
var urlParams = '';
// 页数
var page = 1;
// 每页展示5个
var size = 10;


var params = getParams(url); //获取get请求的参数
if(!$.isEmptyObject(params)){
    $.each(params,function(key,val){
        if(key == 'city') feng_cityTel = val;
        objUrl[key] = val;
        urlParams  += key+'='+val+'&';
    })
    urlParams = urlParams.substring(0,urlParams.length - 1);
    searchParams =  '&'+ urlParams;
}


$('.m_click').on('click','a.link_click',function () {
    var _this = $(this);
    if(_this.attr('name') == 'city' && _this.attr('value') != 0){
       $('.m_Popup_box').hide();
    }

    $('.m_Popup_box').hide();
    var nameattr = $(this).attr('name');
    $('.feng_'+nameattr).children('span').html(_this.html());
    if( _this.attr('name') == 'price'){
        var subject = price_deal(_this.find('span').text());
        if(subject != 1){
            $('.feng_'+nameattr).children('span').html(subject);
        }else{
            $('.feng_'+nameattr).children('span').html(_this.html());
        }

    }

    if(_this.attr('name') == 'city'){
        objUrl['py'] = _this.attr('pinyin');
    }
    var ParamsArr = ['city','type','characteristic','price','py'];  //搜索字段
    var atrName = _this.attr('name');
    var _val = _this.attr('value');
    var urlParams = '';
    for (var k in ParamsArr){
        if(ParamsArr[k] == atrName){
            objUrl[atrName] = _val;
            delete objUrl.page;
            delete objUrl.name;
        }
    }
    $.each(objUrl,function(key,val){
        if(key == 'py') return true; //跳出当前循环
        urlParams  += key+'='+val+'&';
    })

    var cityUrl = '';
    urlParams = urlParams.substring(0,urlParams.length - 1);
    if(typeof objUrl.py == 'string'){
        cityUrl = 'py='+objUrl.py+'&';
    }

    if(urlParams == '' && cityUrl != '')
    {
        cityUrl = cityUrl.substring(0,cityUrl.length - 1);
    }

    window.location.href = '/house/search?'+ cityUrl+urlParams;

})

$(function(){
    var onoff=true;
    $('.y_homelist_list').dropload({
        scrollArea : window,
         domDown : {
            domClass   : 'dropload-down',
            domRefresh : '<div class="dropload-refresh">↑上拉加载更多</div>',
            domLoad    : '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
            domNoData  : '<div class="dropload-noData">我也是有底线的...</div>'
        },
        loadDownFn : function(me,da){
            page++;
            // 拼接HTML
            var result = '';
            $.ajax({
                type: 'GET',
                url: '/house/searchdata?page='+page+'&limit='+size+searchParams,
                dataType: 'json',
                async:false,
                success: function(data){
                    // if(data.count){
                    //     Qalert(data.count);
                    // }
                    var data = data.data;
                    if(data != null){
                        $.each(data,function (key,val) {
                            var randomX = 300;
                            var randomY = 800;
                            var randvalue = parseInt(Math.random() * (randomX - randomY + 1) + randomY);

                            var dataID = (key+1)+(page-1)*size;
                            if(dataID % 4 == 0){
                                if(onoff){
                                    result += apply();
                                    onoff=false;
                                }
                            }

                            result += '<li class="c">'
                                +'<div class="m_box c">'
                                +'<div class="y_img">'
                                +'<p class="y_tu"><a href="/house/'+val.id+'/"><img src="'+val.thumb+'/same" alt=""><i>'+val.city_name+'</i></a></p>'
                                +'<p class="y_licyit" style="display:none">视频</p>'
                                +'<i style="display:none"><img src="/image/search/w_v.png" alt="" /></i>'
                                +'</div>'
                                +'<div class="y_text">'
                                +'<div class="y_text_main">'
                                +'<a  href="/house/'+val.id+'/">'
                                result+='<p class="y_title"><span>'+val.name+'</span></p>';

                            if(val.sale_price != 0 && val.sale_price != null && val.sale_price != ''){
                                result+= '<p class="y_jiage"><span>'+ val.sale_price +'</span><em>'+val.price_unit+'</em></p>';
                            }else{
                                result+='<p class="y_jiage"><span>待定</span></p>';
                            }
                            result+='<p class="y_shijian">有效期 | '+time+'-'+getNextMonth(time)+'</p>';
                             
                               result+='<p class="y_tese">'
                                if(val.characteristic){
                                    $.each(val.characteristic,function(k,v){
                                        result  +='<i>'+v+'</i>';
                                    })
                                }
                                result+='</p>'


                            result+='</a>'
                                +'</div>'
                                +'<div class="y_text_call">'
                                +'<a href="tel:'+val.citytel+'"><img src="/image/v2/search3.png" alt="'+val.citytel+'"></a>'
                                +'</div>'
                                +'</div>'
                                +'</div>'
                                
                                +'<div class="m_gzlx_box c">'
                                +'<div class="m_gzlx c">'
                                +'<p class="m_gzlx_l"><img src="/image/v2/index6.png" alt="">楼盘热度</p>'
                                +'<p class="m_gzlx_r">已有'+val.click_num+'人浏览</p>'
                                +'</div>'
                                // +'<span>2室/3室/其他</span>'
                                +'</div>'


                                +'</li>'
                        })


                         $('.y_homelist_list ul').append(result);


                        // 如果没有数据
                    }else{
                        // 锁定
                        me.lock();
                        // 无数据
                        me.noData();
                    }

                     me.resetload();

                    // 为了测试，延迟1秒加载
                    // setTimeout(function(){
                    //     // 插入数据到页面，放到最后面
                    //     $('.y_homelist_list ul').append(result);
                    //     // 每次数据插入，必须重置
                    //     me.resetload();
                    // },100);

                },
                error: function(xhr, type){
                    // alert('Ajax error!');
                    // 即使加载出错，也得重置
                    me.resetload();
                }
            });
        }
    });
});



$.each($('.m_nav_qy').find('a'),function(){
    var each_name = $(this).attr('name');
    var each_val = $(this).attr('value');
    if(each_val == objUrl[each_name]){
        $(this).attr('id','nav');
    }

})


//
$(".m_click").on('click','a.link-item',function(){
    var _this = $(this);
    _this.addClass('on');
    _this.siblings().removeClass('on');
    $('.m_region_r').show();
    // _this.show();
    $.post('/house/soncity',{pid:_this.attr('value')},function(data){
        $(".m_region_r").html('');
        if(data.code == 200){

            var str = '';
            str += '<a class="link_click" name="city" pinyin="'+_this.attr('pinyin')+'"  value="'+_this.attr('value')+'" href="javascript:;">'+_this.html()+'</a>';

            $.each(data.data,function (k,v) {
                str += '<a class="link_click" name="city" pinyin="'+v.pinyin+'"  value="'+v.id+'" href="javascript:;"><span>'+v.city_name+'</span></a>';

            })
        }
        $(".m_region_r").append(str);
    })


})







// 有效期 时间加两个自然月
function getNextMonth(date) {
    var arr = date.split('/');  
    var year = arr[0]; //获取当前日期的年份  
    var month = arr[1]; //获取当前日期的月份  
    var day = arr[2]; //获取当前日期的日  
    var days = new Date(year, month, 0);  
    days = days.getDate(); //获取当前日期中的月的天数  
    var year2 = year;  
    var month2 = parseInt(month) + 2;  
    if (month2 > 13) {  
        year2 = parseInt(year2) + 1;
        if (parseInt(month)==11) {
            month2 = 1;
        }else if (parseInt(month)==12) {
            month2 = 2;
        };
    }  
    var day2 = day;  
    var days2 = new Date(year2, month2, 0);  
    days2 = days2.getDate();  
    if (day2 > days2) {  
        day2 = days2;  
    }  
    if (month2 < 10) {  
        month2 = '0' + month2;  
    }
    var t2 = year2 + '/' + month2 + '/' + day2;  
    return t2;  
} 
var myDate = new Date;
var year = myDate.getFullYear(); //获取当前时间年份
var yue = myDate.getMonth()+1;//获取当前时间月份
if (yue<10) {
    yue= '0' + yue; 
};
// 有效期时间 获取当前时间
var time = year+'/'+yue+'/01';


 // 处理选中价格
function price_deal(subject){
    switch(subject){
        case '8000-10000元':
              subject =  '8千-1万';
        break;
        case '6000-8000元':
              subject =  '6-8千';
        break;
        case '4000-6000元':
              subject =  '4-6千';
        break;
        case '4000元以下':
              subject =  '4千以下';
        break;
         default:
           subject =  1;
            break;
     }
       return  subject;
}

 // 处理跳转过来选中价格
var textspan=$('.y_qylist_con').eq(1).find('p.feng_price span').text();
$('.y_qylist_con p.feng_price span').html(price_deal2(textspan))
function price_deal2(subject2){
    switch(subject2){
        case '8000-10000元':
              subject2 =  '8千-1万';
        break;
        case '6000-8000元':
              subject2 =  '6-8千';
        break;
        case '4000-6000元':
              subject2 =  '4-6千';
        break;
        case '4000元以下':
              subject2 =  '4千以下';
        break;
     }
       return  subject2;
}

// 添加报名窗口
function apply(){
    var _div ="";
    _div +='<div class="w_apply" >';
    // _div +='<div class="w_fn">设置楼盘动态提醒，加推开盘早知道</div>'
    // _div +='<img src="" alt="" />'
    _div +='<div class="w_apply_img">';
    // _div +='<a class="popup" href="javascript:void(0);" data-name="置业顾问" data-text="针对需求荐房，买房不走弯路" data-id="0" data-module="25" data-button="立即咨询">';
    _div +='<img src="/image/v2/wsearch5.png" alt="">';
    // _div +='</a>';
    _div +='</div>';
    _div +='<form class="submit_area">';
    _div +='<input type="hidden" name="hid" value="0">              <!-- 0 为公共报名，其它为楼盘ID-->';
    _div +='<input type="hidden" name="source" value="25">     <!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明-->';
    _div +='<input type="hidden" name="equipment" value="1">        <!--来源设备 （ PC端  2,手机端   1 ）-->';
    _div +='<input class="w_apply_txt" type="text" name="mobile" placeholder="请输入手机号">';
    _div +='<a class="apply_submit" href="javascript:;">帮我找房</a>';
    _div +='</form>';
    _div +='</div>';
    
    return _div;
}


$('.y_qylist_con').on('click',function(){

      var _dataid = $(this).attr('data-id');

      $('.m_Popup').hide();
      $('.m_Popup_box').show();

      $('.m_Popup_box .m_Popup[data-id="'+_dataid+'"]').show();
      shanwutong(); //修改商务通层级 /js/nav.js

})

$('.Close').on('click',function(){
      $('.m_Popup_box').hide();
})


//获取url中的参数
function getUrlParam(name){ 
//构造一个含有目标参数的正则表达式对象 
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 
//匹配目标参数 
var r = window.location.search.substr(1).match(reg); 
//alert(r); 
//返回参数值 
if (r!=null) return decodeURI(r[2]); 
return null; 
} 

var _price = getUrlParam('price');  //价格
var _characteristic = getUrlParam('characteristic');  //类型
var _type = getUrlParam('type');  //户型

// 筛选 选中效果
$('.m_click[name="price"] .link_click[value="'+_price+'"]').addClass('on');
$('.m_click[name="type"] .link_click[value="'+_type+'"]').addClass('on');
$('.m_click[name="characteristic"] .link_click[value="'+_characteristic+'"]').addClass('on');