$(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 += '
';
$.each(data.data,function(k,v){
_li += '
'+v.title+'
';
})
_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 += '
';
$.each(data.data,function(k,v){
_li += '- ';
_li += '

'+v.indoor_info_top+'
';
_li += '';
_li += '
约 ¥'+v.area+''+v.indoor_info_bottom+'
';
_li += '
有效期:'+time_yxq+'
';
_li += '
';
_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 += '
';
$.each(data.data.imgarr,function(k,v){
li += '
';
})
li += 'ul';
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 += '';
})
$('.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 += '
'+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);
}
/*-------------------------------------------------------------------------------*/
})