"use strict";
function IEVersion() {
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
if(isIE) {
var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
reIE.test(userAgent);
var fIEVersion = parseFloat(RegExp["$1"]);
if(fIEVersion == 7) {
return 7;
} else if(fIEVersion == 8) {
return 8;
} else if(fIEVersion == 9) {
return 9;
} else if(fIEVersion == 10) {
return 10;
} else {
return 6; //IE版本<=7
}
} else if(isEdge) {
return 'edge'; //edge
} else if(isIE11) {
return 11; //IE11
} else {
return -1; //不是ie浏览器
}
}
window.multiCarouse = {
multiCarousel1: function(id, itemMdata) {
var imgWidth = "";
var ts = this;
ts.id = id;
ts.itemMdata = itemMdata;
//var ul, len, index;
/*
1)设置ul宽度,达到水平排列的效果
2)水平轮播效果
3)移入移出,清除轮播效果
4)添加分页效果
* 点击分页切换
5)无缝滚动
* 把第一张复制到最后
* 当滚动到复制那张图片时,瞬间重置回初始状态,并把index改成1
*/
if($('#' + id).find('ul li').length > 0) {
ts.ul = $('#' + id).find('ul')[0];
//console.log(ul.children)
//ul.appendChild(ul.children[0].cloneNode(true));
ts.len = ts.ul.children.length; //5
//console.log(len)
// 索引值
ts.index = 0;
imgWidth = parseInt($('#' + id).css('width'));
// 1)设置ul宽度,达到水平排列的效果
//$('#' + id).find('ul').css('width', imgWidth * len + 'px');
// 生成页码
if(itemMdata.curIndex != 3) {
var page = document.createElement('div');
ts.page = page;
$(page).addClass('page');
for(var i = 0; i < ts.len; i++) {
var span = document.createElement('span');
if(itemMdata.curIndex == 0) {
span.innerText = i + 1;
}
if(i === 0) {
$(span).addClass('active');
}
page.appendChild(span);
}
$('#' + id).find(".carousel-wrap")[0].appendChild(page);
//debugger
$('#' + id).on('click', '.page span', function() {
ts.index = $(this).index();
//show();
ts.show(id, ts.index, ts.page, itemMdata, ts.len)
})
}
// 2)水平轮播效果
// alert(imgWidth);
if(itemMdata.autoPlay == true) {
ts.timer = setInterval(ts.autoPlay, 5000)
}
// 鼠标移入移出
$('#' + id).on('mouseover', function() {
clearInterval(ts.timer);
})
$('#' + id).on('mouseleave', function() {
clearInterval(ts.timer);
if(itemMdata.autoPlay == true) {
ts.timer = setInterval(ts.autoPlay, 5000);
}
})
if(itemMdata.curIndex == 3 || itemMdata.curIndex == 2) {
var arrow = document.createElement('div');
$(arrow).addClass('arrow');
for(var j = 0; j < 2; j++) {
var span = document.createElement('span');
arrow.appendChild(span);
}
$('#' + id)[0].appendChild(arrow);
arrow.children[0].onclick = function() {
if(ts.index != 0) {
ts.index--;
} else {
ts.index = ts.len - 1;
}
ts.show();
};
arrow.children[1].onclick = function() {
if(ts.index != ts.len) {
ts.index++;
} else {
ts.index = 0;
}
ts.show();
};
arrow.children[0].onmouseover = function() {
// console.log($(this))
$(this).css({
'backgroundImage': 'url(' + itemMdata.activemulPre.url + ')'
});
};
arrow.children[0].onmouseleave = function() {
$(this).css({
'backgroundImage': 'url(' + itemMdata.mulPre.url + ')'
});
};
arrow.children[1].onmouseover = function() {
$(this).css({
'backgroundImage': 'url(' + itemMdata.activemulNext.url + ')'
})
};
arrow.children[1].onmouseleave = function() {
$(this).css({
'backgroundImage': 'url(' + itemMdata.mulNext.url + ')'
})
};
}
var n = 0;
//this.autoPlay(index, page, itemMdata);
if(itemMdata.curIndex == 3 || itemMdata.curIndex == 2) {
$('#' + id).find('.arrow').css({
'width': '100%',
'position': 'absolute',
'left': '0',
'top': '50%',
'padding': '10px',
'transform': 'translate(0,-50%)',
'display': 'block',
'box-sizing': 'border-box'
});
$('#' + id).find('.arrow span').css({
'float': 'left',
'display': 'inline-block',
'width': itemMdata.spanStyle.width,
'height': itemMdata.spanStyle.height,
'line-height': itemMdata.spanStyle.height,
'font-size': '25px',
'background-color': 'rgba(0, 0, 0, 0.6)',
'text-align': 'center',
'color': '#fff',
'border-radius': itemMdata.spanStyle.borderRadius,
'box-shadow': ' 0 0 10px rgba(0, 0, 0, 0.5)',
'backgroundImage': 'url(' + itemMdata.mulNext.url + ')',
'background-position': 'center'
});
$('#' + id).find('.arrow span:first').css({
'backgroundImage': 'url(' + itemMdata.mulPre.url + ')'
});
$('#' + id).find('.arrow span')[1].style.float = 'right';
}
if(itemMdata.curIndex != 3) {
$('#' + id).find('.page').css({
'position': 'absolute',
'left': itemMdata.pageBg.left,
'right': itemMdata.pageBg.right,
'bottom': '0',
'padding': '10px',
'transform': itemMdata.pageBg.transform,
'display': 'block',
'box-sizing': 'border-box'
});
$('#' + id).find('.page span').css({
'display': 'inline-block',
'width': itemMdata.pageSpan.width,
'height': itemMdata.pageSpan.height,
'margin': '0 5px',
'line-height': itemMdata.pageSpan.height,
'font-size': itemMdata.pageSpan.fontSize,
'background-color': itemMdata.pageBg.backgroudColor,
'text-align': 'center',
'color': itemMdata.pageBg.color,
'border-radius': itemMdata.pageSpan.borderRadius,
'box-shadow': ' 0 0 10px rgba(0, 0, 0, 0.5)'
});
if(itemMdata.curIndex != 0) {
$('#' + id).find('.page span').css({
'background-image': 'url(' + itemMdata.pageImg.url + ')'
});
}
}
}
if(itemMdata.fullScreen && (window.location.host.indexOf("jdt-cn") == -1)) {
if(window.location.host.indexOf(".100139") == -1 && window.location.host.indexOf(".100309") == -1) {
if(window.location.host.indexOf(".100165") == -1) { //双牧林
//setTimeout(function() {
var $imgs = $('#' + id).find("img");
$('#' + id).find(".activeimg img").height("auto");
//debugger
$imgs.one('load', function() {
$('#' + id).find(".activeimg img").height("auto");
var hei = $('#' + id).find(".activeimg img:visible").height();
//debugger
if(itemMdata.fullScreen && hei > 200) {
$('#' + id).find(".activeimg").height(hei);
$('#' + id).find(".activeimg").parent().height(hei).parent().height(hei).parent().height(hei).parent().height(hei).parent();
}
}).each(function() {
if(this.complete) $(this).load();
});
}
}
}
},
timer: "",
autoPlay: function() {
var ts = multiCarouse;
ts.index++;
ts.show(ts.id, ts.index, ts.page, ts.itemMdata, ts.len);
},
show: function() {
var ts = this;
if(ts.index >= ts.len) { //0,1,2,3,4
//ul.style.left = 0;
ts.index = 0;
}
$("#" + ts.id).find('.activeimg li').hide();
$("#" + ts.id).find('.activeimg li').eq(ts.index).fadeIn(500);
if(ts.itemMdata.curIndex != 3) {
// 页码高亮
// 先清除所有高亮
for(var i = 0; i < ts.len; i++) {
ts.page.children[i].className = '';
$('#' + ts.id).find('.page span').css({
'display': 'inline-block',
'width': ts.itemMdata.pageSpan.width,
'height': ts.itemMdata.pageSpan.height,
'margin': '0 5px',
'line-height': ts.itemMdata.pageSpan.height,
'font-size': ts.itemMdata.pageSpan.fontSize,
'background-color': ts.itemMdata.pageBg.backgroudColor,
'text-align': 'center',
'color': ts.itemMdata.pageBg.color,
'border-radius': ts.itemMdata.pageSpan.borderRadius,
'box-shadow': '0 0 10px rgba(0, 0, 0, 0.5)'
})
if(ts.itemMdata.curIndex != 0) {
$('#' + ts.id).find('.page span').css({
'background-image': 'url(' + ts.itemMdata.pageImg.url + ')'
})
}
}
if(ts.index == ts.len) {
$(ts.page.children[0]).addClass('active')
$('#' + ts.id).find('.page span.active').css({
'background-color': ts.itemMdata.activeBg.backgroudColor,
'color': ts.itemMdata.activeBg.color
})
if(ts.itemMdata.curIndex != 0) {
$('#' + ts.id).find('.page span.active').css({
'background-image': 'url(' + ts.itemMdata.activeImg.url + ')'
})
}
} else {
$(ts.page.children[ts.index]).addClass('active');
$('#' + ts.id).find('.page span.active').css({
'background-color': ts.itemMdata.activeBg.backgroudColor,
'color': ts.itemMdata.activeBg.color
})
if(ts.itemMdata.curIndex != 0) {
$('#' + ts.id).find('.page span.active').css({
'background-image': 'url(' + ts.itemMdata.activeImg.url + ')'
})
}
}
}
},
multiCarousel2: function(id, itemMdata) {
var pagination = {
el: '.swiper-pagination',
type: "bullets", //
clickable: true
}
var ft = false;
if($("#" + id).parents(".conStyle:hidden").length) {
ft = true;
$("#" + id).parents(".conStyle").show();
}
if(itemMdata.curIndex == 0) {
//itemMdata.swiperPagination = true;
pagination.renderBullet = function(index, className) {
return '' + (index + 1) + '';
}
} else if(itemMdata.curIndex == 1) {
// itemMdata.swiperPagination = true;
pagination = {
el: '.swiper-pagination',
type: "bullets", //
clickable: true
}
} else if(itemMdata.curIndex == 2) {
pagination.renderBullet = function(index, className) {
return '';
}
} else if(itemMdata.curIndex == 3) {
// itemMdata.swiperPagination = false;
}
//debugger
var play = {
delay: itemMdata.swiperDelay,
stopOnLastSlide: true,
disableOnInteraction: false
};
if(!itemMdata.autoPlay) {
play = false;
}
var direction = 'horizontal',
loop = true,
mousewheel = false;
if(itemMdata.amitDirect == 2) {
direction = 'vertical';
loop = true;
mousewheel = false;
}
// console.log(IEVersion());
if(6 < IEVersion() && IEVersion() < 10) {
var mySwiper = new Swiper('#' + id, {
//autoplay: itemMdata.autoplay, //可选选项,自动滑动
autoplay: 20000,
speed: 2000,
loop: true,
//mousewheel: true,
keyboardControl: true,
autoplayDisableOnInteraction: false,
effect: itemMdata.effect || "slide",
direction: direction || 'horizontal',
allowTouchMove: true,
paginationClickable: true,
touchMoveStopPropagation: true,
// 如果需要前进后退按钮
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
}
});
//console.log("width:" + $(".swiper-wrapper img").width());
//console.log("length:" + $(".swiper-wrapper img").length);
//$(".swiper-wrapper").width($(".swiper-wrapper img").width()*$(".swiper-wrapper img").length)
$('.swiper-container').hover(function() {
if(itemMdata.amitDirect != 2) {
mySwiper.autoplay.stop();
}
}, function() {
if(itemMdata.amitDirect != 2) {
mySwiper.autoplay.start();
}
});
// $(".swiper-wrapper").width(30000);
} else {
// $(".swiper-wrapper").width(30000);
if(itemMdata.fullScreen && (window.location.host.indexOf("jdt-cn") == -1)) {
if(window.location.host.indexOf(".100139") == -1 && window.location.host.indexOf(".100309") == -1) {
if(window.location.host.indexOf(".100165") == -1) { //双牧林
//setTimeout(function() {
var $imgs = $('#' + id).find("img");
$('#' + id).find("img").height("auto");
// debugger
$imgs.one('load', function() {
//$('#' + id).find(".activeimg img").height("auto");
var hei = $('#' + id).find("img:visible").height();
//debugger
if(itemMdata.fullScreen && hei > 200) {
$('#' + id).parent(".activeimg").height(hei);
if(itemMdata.amitDirect == 2) {
$('#' + id).height(hei);
$('#' + id).find(".swiper-wrapper").height(hei);
}
$('#' + id).parent(".activeimg").parent().height(hei).parent().height(hei).parent().height(hei).parent().height(hei).parent();
}
}).each(function() {
if(this.complete) $(this).load();
});
}
}
}
var mySwiper = new Swiper('#' + id, {
//autoplay: itemMdata.autoplay, //可选选项,自动滑动
autoplay: play,
speed: 2000,
loop: loop,
autoplayDisableOnInteraction: false,
effect: itemMdata.effect || "slide",
direction: direction || 'horizontal',
allowTouchMove: true,
mousewheel: mousewheel,
keyboardControl: true,
touchMoveStopPropagation: true,
on: {
slideNextTransitionStart: function() {
var activeIndex = this.activeIndex;
$("#" + id).find(".swiper-slide-duplicate-prev .txt").removeClass(itemMdata.txtAmit);
$("#" + id).find(".swiper-slide-duplicate-next .txt").removeClass(itemMdata.txtAmit);
//console.log("s:" + this.activeIndex); // 切换结束时,告诉我现在是第几个slide
console.log("slideNextTransitionStart");
},
reachEnd: function() {
/*var guid = $('body').data("guid");
if(itemMdata.amitDirect == 2&&guid==429) {
$("body").one("mousewheel",function(){
setTimeout(function(){
var t = document.body.clientHeight;
window.scroll({top:t,left:0,behavior:'smooth' });
},1000);
});
}*/
// alert('到了最后一个slide');
},
slideNextTransitionEnd: function() {
var activeIndex = this.activeIndex;
$("#" + id).find(".swiper-slide-active .txt").addClass(itemMdata.txtAmit);
console.log("slideNextTransitionEnd"); // 切换结束时,告诉我现在是第几个slide
}
},
// 如果需要分页器
pagination: pagination || {
el: '.swiper-pagination',
type: "bullets", //
clickable: true
},
// 如果需要前进后退按钮
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
}
});
$('.swiper-container').hover(function() {
if(itemMdata.amitDirect != 2) {
mySwiper.autoplay.stop();
}
}, function() {
if(itemMdata.amitDirect != 2) {
mySwiper.autoplay.start();
}
});
//debugger
}
//debugger
if(ft) {
$("#" + id).parents(".conStyle").hide();
}
//mySwiper.disableMousewheelControl()
},
multiCarousel3: function() {}
};
$(function() {
//获取新闻详情的高度
var productDes = $("#productDes");
var mCaseDes = $("#mCaseDes");
var newDes = $("#newDes");
if(mCaseDes.length) {
setTimeout(function() {
$("#mCaseDes .detail").find("img").each(function() {
if($(this).width() > 1200) {
$(this).width("100%")
}
});
var $imgs = mCaseDes.find("img");
$imgs.one('load', function() {
var mCaseDesHeight = mCaseDes.height();
if(mCaseDes.closest(".resizable").length) {
mCaseDesHeight = mCaseDesHeight + parseInt(mCaseDes.closest(".resizable").css('top'));
mCaseDes.closest(".resizable").css('height', mCaseDesHeight + 'px');
}
mCaseDes.closest('.layout_inner').css('min-height', '500px');
mCaseDes.closest('.freeContainer').css('min-height', '500px');
if(mCaseDes.closest('.resizeMe').height() < mCaseDesHeight) {
mCaseDes.closest('.layout_inner').css('height', mCaseDesHeight + 'px');
}
if(mCaseDes.closest('.resizeMe').height() < mCaseDesHeight) {
mCaseDes.closest('.freeContainer').css('height', mCaseDesHeight + 'px') + 30;
}
}).each(function() {
if(this.complete) $(this).load();
});
var mCaseDesHeight = mCaseDes.height();
if(mCaseDes.closest(".resizable").length) {
mCaseDesHeight = mCaseDesHeight + parseInt(mCaseDes.closest(".resizable").css('top')) + 30;
}
mCaseDes.closest('.layout_inner').css('min-height', '500px');
mCaseDes.closest('.freeContainer').css('min-height', '500px');
if(mCaseDes.closest('.resizeMe').height() < mCaseDesHeight) {
mCaseDes.closest('.layout_inner').css('height', mCaseDesHeight + 'px');
}
if(mCaseDes.closest('.resizeMe').height() < mCaseDesHeight) {
mCaseDes.closest('.freeContainer').css('height', mCaseDesHeight + 'px');
}
}, 600);
}
//debugger;
if(newDes.length) {
setTimeout(function() {
var $imgs = newDes.find("img");
$imgs.one('load', function() {
// do stuff
$(".newDes .detail").find("img").each(function() {
if($(this).width() > 1200) {
$(this).width("100%");
}
});
var newsDesHeight = newDes.height();
if(newDes.closest(".resizable").length) {
newsDesHeight = newsDesHeight + parseInt(newDes.closest(".resizable").css('top'));
}
newDes.closest('.layout_inner').css('min-height', '500px');
newDes.closest('.freeContainer').css('min-height', '500px');
console.log(newDes.closest('.layout_inner').height());
if(newDes.closest('.layout_inner').height() < newsDesHeight) {
newDes.closest('.layout_inner').css('height', newsDesHeight + 'px');
}
if(newDes.closest('.freeContainer').height() < newsDesHeight) {
newDes.closest('.freeContainer').css('height', newsDesHeight + 'px').parent(".columnLayoutInner").css("height", newsDesHeight + 'px');
}
}).each(function() {
if(this.complete) $(this).load();
});
var newsDesHeight = newDes.height() + 30;
if(newDes.closest(".resizable").length) {
newsDesHeight = newsDesHeight + parseInt(newDes.closest(".resizable").css('top'));
}
// var n1 = parseInt(localStorage.getItem('Nlayout_inner'));
// var n2 = parseInt(localStorage.getItem('NfreeContainer'));
newDes.closest('.layout_inner').css('min-height', '500px');
newDes.closest('.freeContainer').css('min-height', '500px');
//debugger
if(newDes.closest('.layout_inner').height() < newsDesHeight) {
newDes.closest('.layout_inner').css('height', newsDesHeight + 'px');
}
if(newDes.closest('.freeContainer').height() < newsDesHeight) {
newDes.closest('.freeContainer').css('height', newsDesHeight + 'px').parent(".columnLayoutInner").css("height", newsDesHeight + 'px');
}
$(".newDes .detail").find("img").each(function() {
if($(this).width() > 1200) {
$(this).width("100%");
}
});
}, 600);
}
if(productDes.length) {
setTimeout(function() {
if(productDes.closest(".resizable").length) {
productH = productH + parseInt(productDes.closest(".resizable").css('top'));
}
var $imgs = productDes.find("img");
$imgs.one('load', function() {
$(".productDes .detail").find("img").each(function() {
if($(this).width() > 1200) {
$(this).width("100%")
}
});
var newsDesHeight = productDes.height();
if(productDes.closest(".resizable").length) {
newsDesHeight = newsDesHeight + parseInt(productDes.closest(".resizable").css('top')) + 50;
}
// debugger;
productDes.closest('.layout_inner').css('min-height', '500px')
productDes.closest('.freeContainer').css('min-height', '500px')
if(productDes.closest('.layout_inner').height() < newsDesHeight) {
productDes.closest('.layout_inner').css('height', newsDesHeight + 'px');
}
if(productDes.closest('.freeContainer').height() < newsDesHeight) {
productDes.closest('.freeContainer').css('height', newsDesHeight + 'px').parent(".columnLayoutInner").css("height", newsDesHeight + 'px');
}
}).each(function() {
if(this.complete) $(this).load();
});
var productH = productDes.height() + 30;
productDes.closest('.freeContainer').css('min-height', '500px');
productDes.closest('.layout_inner').css('min-height', '500px');
var p1 = parseInt(localStorage.getItem('layout_inner'));
var p2 = parseInt(localStorage.getItem('freeContainer'));
if(productDes.closest('.freeContainer').height() < productH) {
productDes.closest('.freeContainer').css('height', productH + 'px');
}
if(productDes.closest('.layout_inner').height() < productH) {
productDes.closest('.layout_inner').css('height', productH + 'px');
}
//bottomDet
$(".bottomDet").find("img").each(function() {
if($(this).width() > 1200) {
$(this).width("100%");
}
});
}, 600);
}
var w = screen.width;
//console.log(w)
if(w < 1200) {
$(".yq_container").css("width", 1200);
$(".multiCarouselId").css("width", '1200px');
} else if(w > 1200) {
$(".multiCarouselId").css("width", '100%');
}
});
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r != null) return unescape(r[2]);
return null;
}
$(function() {
var root = 'https://api.xiaohucloud.com';
if(window.location.host.indexOf("prediy.xiaohucloud") != -1) {
root = 'https://preapi.xiaohucloud.com';
} else if(window.location.host.indexOf("xiaohucloud.com") != -1) {
root = 'https://api.xiaohucloud.com';
} else if(window.location.host.indexOf("xiaohucloud.cn") != -1) {
root = 'https://api.xiaohucloud.cn';
} else if(window.location.host.indexOf("localhost") != -1) {
root = 'https://api.xiaohucloud.com';
}
$.MsgBox = {
Alert: function(id, dialogWidth, dialogHeight, flag) {
var domain_url = GetQueryString("domain_url");
var urld = "",
lang = "";
if(domain_url) {
urld = domain_url;
}
lang = GetQueryString("lang");
var url = root + "/api/front/getCompanyInfoByDomain?domain=" + (urld || window.location.host);
$.ajax({
type: "get",
url: url,
//data: params,
//async: async,
//crossDomain: true,
//contentType: false,
//processData: false,
dataType: 'json',
success: function(data) {
data.data.company_id = data.data.company_id || $('body').data("cid");
var dedicUrl = root + "/api/front/product?companyId=" + (data.data.company_id || "") + "&id=" + id + "&lang=" + lang;
if(flag == "article") {
dedicUrl = root + "/api/front/news?companyId=" + (data.data.company_id || "") + "&id=" + id + "&lang=" + lang;
} else if(flag == "case") {
dedicUrl = root + "/api/front/caseDetail?companyId=" + (data.data.company_id || "") + "&id=" + id + "&lang=" + lang;
} else if(flag == "photo") {
dedicUrl = root + "/api/front/photo?companyId=" + (data.data.company_id || "") + "&id=" + id + "&lang=" + lang;
} else if(flag == "colomn") {
GenerateHtml("alert", {
name: "详情",
content: id
}, dialogWidth, dialogHeight);
return;
}
$.ajax({
type: "get",
url: dedicUrl,
//data: params,
//async: async,
//crossDomain: true,
//contentType: false,
//processData: false,
dataType: 'json',
success: function(data) {
GenerateHtml("alert", data.data, dialogWidth, dialogHeight);
btnOk();
btnNo();
},
error: function(err) {
//console.log("error")
if(failure && typeof failure == "function") {
failure(err);
}
}
});
},
error: function(err) {
//console.log("error")
/*if(failure && typeof failure == "function") {
failure(err);
}*/
}
});
},
Confirm: function(data, dialogWidth, dialogHeight, callback) {
GenerateHtml("confirm", data, dialogWidth, dialogHeight);
btnOk(callback);
btnNo();
}
}
//生成Html
var GenerateHtml = function(type, data, dialogWidth, dialogHeight) {
//debugger
var _html = "";
_html += '
';
// 必须先将_html添加到body,再设置Css样式
$("body").append(_html);
//生成Css
//debugger
GenerateCss(dialogWidth, dialogHeight, data);
}
//生成Css
var GenerateCss = function(dialogWidth, dialogHeight, data) {
$("#mb_box").css({
width: '100%',
height: '100%',
zIndex: '99999',
position: 'fixed',
filter: 'Alpha(opacity=60)',
backgroundColor: 'black',
top: '0',
left: '0',
opacity: '0.6'
});
$("#mb_con").css({
zIndex: '999999',
width: dialogWidth || '600px',
height: dialogHeight || "700px",
position: 'fixed',
backgroundColor: 'White',
borderRadius: '5px'
});
$("#mb_tit").css({
display: 'block',
fontSize: '18px',
textAlign: 'center',
color: '#444',
padding: '10px 15px',
borderRadius: '5px 5px 0 0',
borderBottom: '1px solid #ddd',
fontWeight: 'bold'
});
$("#mb_msg").css({
padding: '20px',
height: data.height || "86%",
overflow: "auto",
lineHeight: '20px',
borderBottom: '1px dashed #DDD',
fontSize: '13px'
});
$("#mb_ico").css({
display: 'block',
position: 'absolute',
right: '10px',
top: '9px',
fontSize: '31px',
color: '#888',
/*border: '1px solid Gray',*/
width: '18px',
height: '18px',
textAlign: 'center',
lineHeight: '16px',
cursor: 'pointer',
borderRadius: '12px',
fontFamily: '微软雅黑'
});
$("#mb_btnbox").css({
width: '90%',
paddingRight: '5%',
display: data.button || 'none',
paddingBottom: '1%',
position: 'absolute',
bottom: 0,
textAlign: 'right'
});
$("#mb_btn_ok,#mb_btn_no").css({
width: '85px',
height: '30px',
color: 'white',
border: 'none'
});
$("#mb_btn_ok").css({
backgroundColor: '#168bbb'
});
$("#mb_btn_no").css({
backgroundColor: 'gray',
marginLeft: '20px'
});
//右上角关闭按钮hover样式
/*$("#mb_ico").hover(function() {
$(this).css({
backgroundColor: 'Red',
color: 'White'
});
}, function() {
$(this).css({
backgroundColor: '#DDD',
color: 'black'
});
});*/
var _widht = document.documentElement.clientWidth; //屏幕宽
var _height = document.documentElement.clientHeight; //屏幕高
var boxWidth = $("#mb_con").width();
var boxHeight = $("#mb_con").height();
//debugger;
//让提示框居中
$("#mb_con").css({
top: "100px" || (_height - boxHeight) / 2 + "px",
left: (_widht - boxWidth) / 2 + "px"
});
}
//确定按钮事件
var btnOk = function(callback) {
$("#mb_btn_ok").click(function() {
if(typeof(callback) == 'function') {
callback();
} else {
$("#mb_box,#mb_con").remove();
}
});
}
//取消按钮事件
var btnNo = function() {
//console.log($("#mb_btn_no,#mb_ico,#mb_box").length);
//debugger;
$("#mb_btn_no,#mb_ico,#mb_box").click(function() {
// debugger;
$("#mb_box,#mb_con").remove();
});
}
$(".art_m_bg,.close_icon").click(function() {
$(".popUpsLayout").hide();
});
});
if(typeof String.prototype.endsWith != 'function') {
String.prototype.endsWith = function(str) {
return this.slice(-str.length) == str;
};
}
window.productNav = {
productSearch: function(id, itemMdata) {
//debugger;
$("#" + id).on("click", ".img_search", function() {
$('.product_search .detail').animate({
height: 'toggle'
});
}); //
/*$("#" + id).on("mouseout", ".product_search", function() {
$("#" + id).find(".keyword").hide();
//debugger
});*/
$("#" + id).on("keyup", "input", function() {
console.log("keydown:" + $('#' + id).find('.searchCon').val())
// debugger
if(itemMdata.content_hid) { //全站搜索
$.ajax({
url: 'https://api.xiaohucloud.com/api/front/search?keyword=' + $('#' + id).find('.searchCon').val() + '&companyId=' + $("body").data('cid'),
type: "get",
async: true,
dataType: "json", //指定服务器返回的数据类型
success: function(data) {
//debugger
if(data.data && data.data.list && data.data.list.length) {
var sty = "";
for(var i = 0; data.data.list.length > i; i++) {
sty += '' + (i + 1) + '' + data.data.list[i].name + ''
}
$("#" + id).find(".smart_tips ul").html(sty);
$("#" + id).find(".smart_tips").show();
} else {
$("#" + id).find(".smart_tips").hide().find("ul").html("");
}
}
});
} else {
// 搜索产品
$.ajax({
url: 'https://api.xiaohucloud.com/api/front/productSearch?keyword=' + $('#' + id).find('.searchCon').val() + '&companyId=' + $("body").data('cid'),
type: "get",
async: true,
dataType: "json", //指定服务器返回的数据类型
success: function(data) {
// debugger
if(data.data && data.data.list && data.data.list.length) {
var sty = "";
for(var i = 0; data.data.list.length > i; i++) {
sty += '' + (i + 1) + '' + data.data.list[i].name + ''
}
$("#" + id).find(".smart_tips").show();
$("#" + id).find(".smart_tips ul").html(sty);
$("#" + id).find(".keyword").hide();
//keyword
} else {
$("#" + id).find(".smart_tips").hide();
$("#" + id).find(".keyword").show();
}
// debugger
}
});
}
$("#" + id).on("click", ".smart_tips ul .tio_item", function() {
var rt = $(this).find("span").html();
$('#' + id).find('.searchCon').val(rt);
setTimeout(function() {
$('#' + id).find('button').trigger("click");
}, 200);
console.log("dft____dfgfg:" + rt)
});
});
},
initData: function(id, flag) {
var proNav = $("#" + id);
var $imgs = proNav.find(".detail").find("img");
$imgs.each(function() {
if($(this).width() > 1200) {
$(this).width("100%");
}
});
$imgs.one('load', function() {
if($(this).width() > 1200) {
$(this).width("100%");
}
var productH = proNav.height();
if(proNav.closest(".resizable").length) {
productH = productH + parseInt(proNav.closest(".resizable").css('top'));
} else {
productH = productH + parseInt(proNav.css('top'));
}
if(!flag && proNav.closest('.resizeMe').height() < productH) {
proNav.closest('.resizeMe').css('height', productH + 'px');
proNav.closest('.freeContainer').css('height', productH + 'px');
proNav.closest('.layout_inner').css('height', productH + 'px');
} else if(flag) {
proNav.closest('.resizeMe').css('height', productH + 'px');
proNav.closest('.freeContainer').css('height', productH + 'px');
proNav.closest('.layout_inner').css('height', productH + 'px');
}
}).each(function() {
if(this.complete) $(this).load();
});
// debugger
var productH = proNav.height() + 30;
if(proNav.closest(".resizable").length) {
productH = productH + parseInt(proNav.closest(".resizable").css('top'));
} else {
productH = productH + parseInt(proNav.css('top'));
}
//debugger
if(!flag && proNav.closest('.resizeMe').height() < productH) {
proNav.closest('.resizeMe').css('height', productH + 'px');
proNav.closest('.freeContainer').css('height', productH + 'px');
proNav.closest('.layout_inner').css('height', productH + 'px');
} else if(flag) {
proNav.closest('.resizeMe').css('height', productH + 'px');
proNav.closest('.freeContainer').css('height', productH + 'px');
proNav.closest('.layout_inner').css('height', productH + 'px');
}
//debugger
},
download: function(id, itemMdata) {
//debugger
$("#" + id).on("click", "button.downLoad", function() {
//debugger;
var ad = $(this).data("download").split("|");
if(ad[0] && ad[0] != "null") {
//debugger
//$.MsgBox.Alert(id, "500px", "300px");
$.MsgBox.Confirm({
name: itemMdata.langTitle[1],
button: true,
height: '57%',
ok: itemMdata.langTitle[3],
cancel: itemMdata.langTitle[4],
content: ''
}, "400px", "300px", function() {
var daVlue = $("#sdetSetr").val();
if(daVlue == ad[0]) {
var myFrame = document.createElement('iframe');
myFrame.src = ad[1];
myFrame.style.display = 'none';
document.body.appendChild(myFrame);
$("#mb_box,#mb_con").remove();
} else {
alert(itemMdata.langTitle[5]);
}
})
} else {
var myFrame = document.createElement('iframe');
myFrame.src = ad[1];
myFrame.style.display = 'none';
document.body.appendChild(myFrame);
}
});
},
deyloy: function(id, itemMdata) {
// console.log("id:" + id);
$("#" + id).on("click", "li .box", function() {
var ts = $(this);
if(ts.hasClass("box-equal")) {
if(itemMdata.isProShow && itemMdata.isProShow==2){
ts[0].className = "box box-equal";
ts.parent().next().hide();
}else{
ts[0].className = "box box-width-equal";
ts.parent().next().show();
}
ts.parents("li.mTypeli").siblings().each(function() {
$(this).find("ul.sec_con").hide();
$(this).find("div.box").addClass("box box-equal");
});
} else {
ts[0].className = "box box-equal";
ts.parent().next().hide();
}
productNav.initData(id);
// console.log("sdsdsd");
});
// console.log($('#' + id).find("li"))
$('#' + id + ' li .navTip').mouseover(function() {
// console.log(334)
$(this).css({
backgroundColor: itemMdata.oneHoverStyle.backgroundColor,
color: itemMdata.oneHoverStyle.color
})
//event.stopPropagation()
});
$('#' + id + ' li .twoLevel').mouseover(function() {
//console.log(334)navTip
$(this).css({
backgroundColor: itemMdata.twoHoverStyle.backgroundColor,
color: itemMdata.twoHoverStyle.color
})
//event.stopPropagation()
});
$('#' + id + ' li .third_item').mouseover(function() {
//console.log(334)
$(this).css({
backgroundColor: itemMdata.thirdHoverStyle.backgroundColor,
color: itemMdata.thirdHoverStyle.color
})
//event.stopPropagation()
});
$('#' + id + ' li .navTip').mouseout(function() {
//console.log(33)
//debugger;
$(this).css({
backgroundColor: itemMdata.oneStyle.backgroundColor || "transparent",
color: itemMdata.oneStyle.color || "inherit"
});
//event.stopPropagation();
});
$('#' + id + ' li .twoLevel').mouseout(function() {
$(this).css({
backgroundColor: itemMdata.twoStyle.backgroundColor || "transparent",
color: itemMdata.twoStyle.color || "inherit"
});
});
$('#' + id + ' li .third_item').mouseout(function() {
$(this).css({
backgroundColor: itemMdata.thirdStyle.backgroundColor || "transparent",
color: itemMdata.thirdStyle.color || "inherit"
})
});
if($('#' + id + ' li.active').length) {
$('#' + id + ' li.active .box').trigger("click");
} else {
$('#' + id + ' li:first .box').trigger("click");
}
$('#' + id + ' li.active').css({
backgroundColor: itemMdata.twoHoverStyle.backgroundColor,
}).parent().show("");
$('#' + id + ' li.secTypeli.active .secTip').css({
color: itemMdata.twoHoverStyle.color
});
$('#' + id + ' li.active .navTip').css({
color: itemMdata.twoHoverStyle.color
});
$('#' + id + ' div.active').css({
backgroundColor: itemMdata.thirdHoverStyle.backgroundColor,
color: itemMdata.thirdHoverStyle.color
}).parents().show("");
},
artPops: function(artId) {
$("#" + artId).show();
setTimeout(function() {
online.mounted($("#" + artId + " .art_m_outer"), "move_art");
online.autoCenter($('#' + artId + ' .art_m_outer')[0]);
window.onresize = function() {
online.autoCenter($('#' + artId + ' .art_m_outer')[0]);
};
}, 300);
}
};
window.productShow = {
initLoad: function(company_id) {
String.prototype.endWith = function(endStr) {
var d = this.length - endStr.length;
return(d >= 0 && this.lastIndexOf(endStr) == d);
}
$.ajax({
url: 'https://api.xiaohucloud.com/xhyapi/webinfo/webinfoList?company_id=' + company_id,
type: "get",
async: true,
dataType: "json", //指定服务器返回的数据类型
success: function(data) {
//debugger
if(data.code != 0 || !data.data.config_code) {
return;
}
var dataStr = data.data.config_code.split(",");
for(var i = 0; dataStr.length > i; i++) {
var strUrl = dataStr[i];
if(strUrl.endWith("js")) {
/*var s = document.createElement('script');
s.type = 'text/javascript';
s.src = strUrl;
document.body.appendChild(s);*/
} else if(strUrl.endWith("json")) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.src = strUrl;
document.body.appendChild(s);
} else if(strUrl.endWith("css")) {
var creatHead = $('head');
creatHead.append('');
}
}
// debugger
}
});
},
photoViewer: function(productSelected, index) {
var items = [],
options = {
index: index
};
/*var s = document.createElement('script');
s.type = 'text/javascript';
s.src = "https://localhost:8083/static/js/photoviewer/photoviewer.min.js";
document.body.appendChild(s);
var creatHead = $('head'),
strUrl = "https://localhost:8083/static/js/photoviewer/photoviewer.min.css";
creatHead.append('');*/
for(var i = 0; productSelected.length > i; i++) {
items.push({
src: productSelected[i].image
});
}
new PhotoViewer(items, options);
},
productShow1: function(id, itemMdata) {
$.fn.imgscroll2 = function(o) {
var defaults = {
speed: 2000,
amount: 3000,
width: 300,
dir: "left"
};
o = $.extend(defaults, o);
return this.each(function() {
var _li = $("li", this);
_li.parent().parent().css({
overflow: "hidden",
position: "relative"
});
_li.parent().css({
margin: "0",
padding: "0",
overflow: "hidden",
position: "relative",
"list-style": "none"
});
_li.css({
position: "relative",
overflow: "hidden"
}); //li
if(o.dir == "left") _li.css({
float: "left"
});
//初始大小
var _li_size = 0;
for(var i = 0; i < _li.size(); i++)
_li_size += o.dir == "left" ? _li.eq(i).outerWidth(true) : _li.eq(i).outerHeight(true);
//循环所需要的元素
if(o.dir == "left") _li.parent().css({
width: 9999 + "px"
});
_li.parent().empty().append(_li.clone());
_li = $("li", this);
//滚动
var _li_scroll = 0;
function goto() {
_li_scroll += o.width;
if(_li_scroll > _li_size - 100) {
_li_scroll = -310;
_li.parent().css(o.dir == "left" ? {
left: -_li_scroll
} : {
top: -_li_scroll
});
_li_scroll += o.width;
}
_li.parent().animate(o.dir == "left" ? {
left: -_li_scroll
} : {
top: -_li_scroll
}, o.amount);
}
//开始
var move = setInterval(function() {
goto();
}, o.speed);
_li.parent().hover(function() {
clearInterval(move);
}, function() {
clearInterval(move);
move = setInterval(function() {
goto();
}, o.speed);
});
});
};
$(document).ready(function() {
$(".slide2").imgscroll2({
speed: 2000, //图片滚动速度
amount: 3000, //图片滚动过渡时间
width: 300, //图片滚动步数
dir: "left"
});
});
var productmain = $("#" + id).find(".slide1");
var productslide = productmain.find(".slide-ul");
var productlist = productslide.find("li");
var productw = productlist.width();
productslide.css({
width: 9999
});
if(itemMdata.isDialog == 1) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.src = "https://img.xiaohucloud.com/static/js/photoviewer/photoviewer.min.js";
document.body.appendChild(s);
var creatHead = $('head'),
strUrl = "https://img.xiaohucloud.com/static/js/photoviewer/photoviewer.min.css";
creatHead.append('');
}
var productcurrentIndex = 0;
//下一张
$('#prev2').click(function() {
productcurrentIndex--;
productslide.animate({
left: productcurrentIndex * -productw
}, "slow");
if(productcurrentIndex < 0) {
alert("已经是第一项啦!");
productcurrentIndex = 0;
productslide.animate({
left: 0
}, "normal");
}
});
//上一张
$('#next2').click(function() {
productcurrentIndex++;
productslide.animate({
left: productcurrentIndex * -productw
}, "slow");
if(productcurrentIndex > productlist.length - 1) {
productcurrentIndex = 0;
productslide.animate({
left: 0
}, "normal");
}
});
var curPage = 1,
curNum = 1;
$("#" + id).find(".inst_ind:first").addClass("current");
$("#" + id).find(".page").on("click", "p", function() {
var pageNum = itemMdata.page.pageNum;
var index = $(this).data("index");
if(index == "up") {
if(curPage != 1) {
curPage--;
$("#" + id).find(".current").prev().addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
} else if(index == "down") {
if(curPage != Math.ceil(itemMdata.page.talNum / itemMdata.page.pageNum)) {
++curPage;
$("#" + id).find(".current").next().addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
} else if(index == "first") {
curPage = 1;
$("#" + id).find(".inst_ind:first").addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
} else if(index == "last") {
curPage = Math.ceil(itemMdata.page.talNum / itemMdata.page.pageNum);
$("#" + id).find(".inst_ind:last").addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
} else {
curPage = Number($(this).data("index"));
$(this).addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
curNum = (curPage - 1) * pageNum;
$("#" + id).find(".page p.inst_ind").hide();
$("#" + id).find(".page p.current").show().prevAll().each(function(k, v) {
if(k < 4) {
$(v).show();
}
});
$("#" + id).find(".page p.current").nextAll().each(function(k, v) {
if(k < 4) {
$(v).show();
}
});
$("#" + id + " .productShow").find("li").hide();
for(var i = 0; i < pageNum; i++) {
$("#" + id + " .productShow").find("li:eq(" + (curNum + i) + ")").show();
}
//console.log(itemMdata.productDesListSelected);
});
}
};
//链接跳转
window.urlLink = {
initLoad: function(company_id) {
String.prototype.endWith = function(endStr) {
var d = this.length - endStr.length;
return(d >= 0 && this.lastIndexOf(endStr) == d);
}
$.ajax({
url: 'https://api.xiaohucloud.com/xhyapi/webinfo/webinfoList?company_id=' + company_id,
type: "get",
async: true,
dataType: "json", //指定服务器返回的数据类型
success: function(data) {
//debugger
if(data.code != 0 || !data.data.config_code) {
return;
}
var dataStr = data.data.config_code.split(",");
for(var i = 0; dataStr.length > i; i++) {
var strUrl = dataStr[i];
if(strUrl.endWith("js")) {
/*var s = document.createElement('script');
s.type = 'text/javascript';
s.src = strUrl;
document.body.appendChild(s);*/
} else if(strUrl.endWith("json")) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.src = strUrl;
document.body.appendChild(s);
} else if(strUrl.endWith("css")) {
var creatHead = $('head');
creatHead.append('');
}
}
}
});
},
linkUrl: function(item, preview, param, id) {
$(function() {
$('#' + id).on('click', function() {
var link = item.link;
console.log(link)
if(Number(link)) {
console.log(link)
if(item.target == '_blank') {
console.log(link)
window.open(preview + link + '?token=' + param.token + '&company_id=' + param.company_id + '&type=' + param.type + '&pc_version_id=' + param.pc_version_id + '&mobile_version_id=' + param.mobile_version_id);
}
if(item.target == '_self') {
console.log(link)
location.href="qsfwjfx" + link + '?token=' + param.token + '&company_id=' + param.company_id + '&type=' + param.type + '&pc_version_id=' + param.pc_version_id + '&mobile_version_id=' + param.mobile_version_id;
}
if(!item.target) {
window.open(preview + link + '?token=' + param.token + '&company_id=' + param.company_id + '&type=' + param.type + '&pc_version_id=' + param.pc_version_id + '&mobile_version_id=' + param.mobile_version_id);
}
} else {
if(link.indexOf("http") > -1 && item.target == '_blank') {
window.open(link)
} else if(link.indexOf("http") < 0 && item.target == '_blank') {
window.open(preview + link + '?token=' + param.token + '&company_id=' + param.company_id + '&type=' + param.type + '&pc_version_id=' + param.pc_version_id + '&mobile_version_id=' + param.mobile_version_id)
}
if(link.indexOf("http") > -1 && item.target == '_self') {
location.href="mjol"
} else if(link.indexOf("http") < 0 && item.target == '_self') {
location.href="qsfwjfx" + link + '?token=' + param.token + '&company_id=' + param.company_id + '&type=' + param.type + '&pc_version_id=' + param.pc_version_id + '&mobile_version_id=' + param.mobile_version_id
}
if(link.indexOf("http") > -1 && !item.target) {
window.open(link)
} else if(link.indexOf("http") < 0 && !item.target) {
window.open(preview + link + '?token=' + param.token + '&company_id=' + param.company_id + '&type=' + param.type + '&pc_version_id=' + param.pc_version_id + '&mobile_version_id=' + param.mobile_version_id)
}
}
})
});
},
commentHand: function(allId) {
console.log(allId);
$('#' + allId).on('click', ".comment", function(e) {
console.log("comment");
e.stopPropagation()
$('#' + allId).find(".ty_con").hide();
$(this).next().find(".ty_con").show();
})
},
hoverNav: function() {
//导航
var timer; //定义定时器
//恢复导航
function setHeight() {
$('.subHei').height(0);
$(".subNav").removeClass("on");
}
//导航经过
$(".nav li").hover(function() {
clearTimeout(timer);
var hei = $(".subNav" + $(this).index()).outerHeight();
$(".subHei").height(hei)
$(".subNav" + $(this).index()).addClass("on").siblings('.subNav').removeClass('on');
}, function() {
timer = setTimeout(setHeight, 300)
});
//下拉菜单经过
$('.subHei').hover(function() {
clearTimeout(timer);
}, function() {
timer = setTimeout(setHeight, 300)
});
//导航选中
$("#nav1").addClass("on");
},
//显示小手图标
showHand: function(id, item) {
$(function() {
var link = item.link;
if(!$(".eMhoverModel").length) {
$('#mimageu0xkl9xinz40000000').append($(''));
$('#mimageu0xkl9xinz40000000').parents('.columnLayout').css('zIndex', 150);
}
if(link != '') {
$('#' + id).on('mouseover', function() {
//console.log(id)
$(this).css({
'cursor': 'pointer'
})
})
$('#' + id).on('mouseout', function() {
//console.log(id)
$(this).css({
'cursor': 'auto'
})
})
}
})
},
autoCenter: function(el) {
if(!el) {
return;
}
//获取可见窗口大小
var bodyW = document.documentElement.clientWidth;
var bodyH = document.documentElement.clientHeight;
//获取对话框宽、高
var elW = el.offsetWidth;
var elH = el.offsetHeight || el.clientHeight;
//debugger
el.style.left = (bodyW - elW) / 2 + 'px';
el.style.top = (bodyH - elH) / 2 + 'px';
},
mounted: function(id, header) {
//声明需要用到的变量
var mx = 0,
my = 0; //鼠标x、y轴坐标(相对于left,top)
var dx = 0,
dy = 0; //对话框坐标(同上)
var isDraging = false; //不可拖动
var ts = this;
//console.log(this.$refs.mtDialog)
document.onkeydown = function(e) {
var key = window.event.keyCode;
if(key == 13) {
//v.editDial.isEdit = false;
}
}
/*window.onresize = function() {
ts.autoCenter($('#' + id)[0]);
};*/
//鼠标按下
$('.move_part').on('mousedown', function(e) {
var e = e || window.event;
//console.log("move_part");
e.stopPropagation();
mx = e.pageX; //点击时鼠标X坐标
my = e.pageY; //点击时鼠标Y坐标
dx = $('#' + id).position().left;
dy = $('#' + id).position().top;
//console.log("dx:"+dx);
//console.log("dy:"+dy);
isDraging = true; //标记对话框可拖动
document.onmousemove = function(e) {
var e = e || window.event;
var x = e.pageX; //移动时鼠标X坐标
var y = e.pageY; //移动时鼠标Y坐标
if(isDraging) { //判断对话框能否拖动
var moveX = dx + x - mx; //移动后对话框新的left值
var moveY = dy + y - my; //移动后对话框新的top值
$('#' + id)[0].style.left = moveX + 'px'; //重新设置对话框的left
$('#' + id)[0].style.top = moveY + 'px'; //重新设置对话框的top
//设置拖动范围
var pageW = document.documentElement.clientWidth;
var pageH = document.documentElement.clientHeight;
var dialogW = $('#' + id).width();
var dialogH = $('#' + id).height();
var maxX = pageW - dialogW; //X轴可拖动最大值
var maxY = pageH - dialogH; //Y轴可拖动最大值
moveX = Math.min(Math.max(0, moveX), maxX); //X轴可拖动范围
moveY = Math.min(Math.max(0, moveY), maxY); //Y轴可拖动范围
//console.log("id:"+id+"moveX:"+moveX);
$('#' + id)[0].style.left = moveX + 'px'; //重新设置对话框的left
$('#' + id)[0].style.top = moveY + 'px'; //重新设置对话框的top
};
};
});
//console.log(document.onmousemove);
//鼠标离开
document.addEventListener('mouseup', function() {
isDraging = false;
});
//autoCenter($('mtDialog')[0]);
},
golink: function(id, itemMdata) {
$("#" + id).click(function() {
console.log(itemMdata.isJump)
if(itemMdata.isJump == 1) {
var url = "http://api.map.baidu.com/marker?";
url += "location=" + itemMdata.point.lat + "," + itemMdata.point.lng;
url += "&title=我的位置&content=" + itemMdata.addressCity + itemMdata.addressDetails;
url += "&output=html&src=" + location.host;
//debugger
window.open(url);
}
});
}
};
//返回顶部
window.goTop = {
//在线客服
serReturnTop: function(serviceOnlineId, itemMdata) {
console.log(12);
var ts = this;
$(function() {
var topH = document.documentElement.scrollTop || document.body.scrollTop;
var timer = null;
$('#' + serviceOnlineId).find('.returnTop').on('click', function() {
// console.log(0)
timer = setInterval(function() {
var topH = document.documentElement.scrollTop || document.body.scrollTop;
var stepLength = Math.ceil(topH / 5);
document.documentElement.scrollTop = document.body.scrollTop = topH - stepLength;
if(topH == 0) {
clearInterval(timer);
}
}, 30);
});
var KF = $(".keifu");
var wkbox = $(".keifu_box");
var kf_close = $(".keifu .keifu_close");
var icon_keifu = $(".icon_keifu");
var kH = wkbox.height();
var kW = wkbox.width();
var wH = $(window).height();
$(kf_close).click(function() {
KF.animate({
width: "0"
}, 200, function() {
wkbox.hide();
icon_keifu.show();
KF.animate({
width: 26
}, 300);
});
});
$(icon_keifu).click(function() {
$(this).hide();
wkbox.show();
KF.animate({
width: kW
}, 200);
});
});
$('#topBack').hide();
$(window).scroll(function() {
if($(this).scrollTop() > 350) {
$("#topBack").fadeIn();
} else {
$("#topBack").fadeOut();
}
})
//置顶事件
$('#topBack').click(function() {
$('body,html').animate({
scrollTop: 0
}, 300);
});
//this.isWebSocket();
}
};
window.hoverAction = {
swiperHover: function(allId, itemMdata) {
console.log("id:" + allId);
var pagination = {
el: '.swiper-pagination',
type: "bullets", //
clickable: true
}
// console.log("id:"+$('#'+allId).length);
$("body").addClass("swiperHover");
var mySwiper = new Swiper('#' + allId, {
direction: 'vertical',
paginationClickable: true,
nextButton: '.swiper-button-next',
keyboardControl: true,
mousewheel: true,
pagination: pagination || {
el: '.swiper-pagination',
type: "bullets", //
clickable: true
},
on: {
slideChangeTransitionStart: function() {
//console.log(this.activeIndex);
var activeIndex = this.activeIndex;
var itemInner = itemMdata.labelTitle[activeIndex].curObj.item == 1 ? itemMdata.labelTitle[activeIndex].itemInner : itemMdata.labelTitle[activeIndex].columnTitle1;
console.log(itemInner);
for(var i = 0; itemInner.length > i; i++) {
var firstitemInner = itemInner[i];
if(firstitemInner.emitStr) {
$("#" + firstitemInner.allId).removeClass(firstitemInner.emitStr)
}
if(firstitemInner.itemInner && firstitemInner.itemInner.length) {
var childInner = firstitemInner.itemInner;
//debugger
for(var j = 0; childInner.length > j; j++) {
var sun = childInner[j];
//debugger
if(sun.emitStr) {
$("#" + sun.allId).removeClass(sun.emitStr)
}
}
}
}
},
slideChangeTransitionEnd: function() {
var activeIndex = this.activeIndex;
var itemInner = itemMdata.labelTitle[activeIndex].curObj.item == 1 ? itemMdata.labelTitle[activeIndex].itemInner : itemMdata.labelTitle[activeIndex].columnTitle1;
//console.log(itemInner);
for(var i = 0; itemInner.length > i; i++) {
var firstitemInner = itemInner[i];
console.log("firstitemInner:");
console.log(firstitemInner);
if(firstitemInner.emitStr) {
$("#" + firstitemInner.allId).addClass(firstitemInner.emitStr)
}
if(firstitemInner.itemInner && firstitemInner.itemInner.length) {
var childInner = firstitemInner.itemInner;
console.log("sd:");
console.log(childInner);
for(var j = 0; childInner.length > j; j++) {
var sun = childInner[j];
if(sun.emitStr) {
$("#" + sun.allId).addClass(sun.emitStr)
}
}
}
}
console.log(this.activeIndex); // 切换结束时,告诉我现在是第几个slide
}
},
mousewheelForceToAxis: true,
autoplay: 3000
});
},
// 文本交互效果--悬浮事件
fontHover: function(fontId, itemMdata) {
$(function() {
$('#' + fontId).on("mouseover", function() {
if($(this).css("color") && itemMdata.iStyle.isHover == true) {
itemMdata.spanColor = $(this).find("p").css("color");
var t = $(this)
setTimeout(function() {
t.find("p").css("color", itemMdata.iStyle.hoverColor);
}, 1);
}
if($(this).find("span").css("color") && itemMdata.iStyle.isHover == true) {
itemMdata.spanColor = $(this).find("span").css("color");
setTimeout(function() {
t.find("span").css("color", itemMdata.iStyle.hoverColor);
}, 1);
}
});
$('#' + fontId).on("mouseout", function() {
if($(this).find("p").css("color") && itemMdata.iStyle.isHover == true) {
$(this).find("p").css("color", itemMdata.spanColor);
}
if($(this).find("span").css("color") && itemMdata.iStyle.isHover == true) {
$(this).find("span").css("color", itemMdata.spanColor);
}
})
})
},
initDataZhaopin: function(zhaopinId, itemMdata) {
var idx = 0;
//productNav.initData(zhaopinId);
$('#' + zhaopinId).on("click", ".btn_list span", function() {
idx = $(this).index();
$(this).find("button").css({
background: itemMdata.hoverStyle.background,
color: itemMdata.hoverStyle.color
});
$(this).siblings().find("button").css({
background: itemMdata.jobtabStyle.background,
color: itemMdata.jobtabStyle.color
});
$('#' + zhaopinId).find("tbody:eq(" + idx + ")").show().siblings("tbody").hide();
$('#' + zhaopinId).find("tr.page_zhao:eq(" + idx + ")").show().siblings("tr.page_zhao").hide();
productNav.initData("zhaopin", 1);
// debugger
if(!$("#" + zhaopinId).find(".page_zhao:visible").find(".inst_ind.current").length) {
// debugger;
$("#" + zhaopinId).find(".page_zhao:visible").find(".inst_ind:first").addClass("current");
}
});
$('#' + zhaopinId).on("click", ".list_item", function() {
if(itemMdata.isPullDownMode == 1) {
var next = $(this).next();
next.slideToggle(300).siblings(".jobContent").hide();
}
setTimeout(function() {
productNav.initData("zhaopin", 1);
}, 330);
});
var curPage = 1,
curNum = 1;
$("#" + zhaopinId).find(".inst_ind:first").addClass("current");
$("#" + zhaopinId).find(".page").on("click", "p", function() {
var pageNum = itemMdata.page.pageNum;
var index = $(this).data("index");
if(index == "up") {
if(curPage != 1) {
curPage--;
$("#" + zhaopinId).find(".page_zhao:visible").find(".current").prev(".inst_ind").addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
} else if(index == "down") {
if(curPage != Math.ceil(itemMdata.pageArr[idx].talNum / itemMdata.page.pageNum)) {
++curPage;
$("#" + zhaopinId).find(".page_zhao:visible").find(".current").next(".inst_ind").addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
} else if(index == "first") {
curPage = 1;
//debugger
$("#" + zhaopinId).find(".page_zhao:visible").find(".inst_ind:first").addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
} else if(index == "last") {
curPage = Math.ceil(itemMdata.pageArr[idx].talNum / itemMdata.page.pageNum);
//debugger;
$("#" + zhaopinId).find(".page_zhao:visible").find(".inst_ind:last").addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
} else {
curPage = Number($(this).data("index"));
$(this).addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
curNum = (curPage - 1) * pageNum;
$("#" + zhaopinId).find("tbody:visible").find("tr").hide();
for(var i = 0; i < pageNum; i++) {
$("#" + zhaopinId).find("tbody:visible").find("tr.list_item:eq(" + (curNum + i) + ")").show();
}
});
},
initDataZhaopinDetail: function() {
var zhaopinDetail = $("#zhaopinDetail");
if(zhaopinDetail.length) {
setTimeout(function() {
var zhaopinDetailHeight = zhaopinDetail.height();
if(zhaopinDetail.closest(".resizable").length) {
zhaopinDetailHeight = zhaopinDetailHeight + parseInt(zhaopinDetail.closest(".resizable").css('top'));
}
zhaopinDetail.closest('.layout_inner').css('min-height', '500px');
zhaopinDetail.closest('.freeContainer').css('min-height', '500px');
if(zhaopinDetail.closest('.layout_inner').height() < zhaopinDetailHeight) {
zhaopinDetail.closest('.layout_inner').css('height', zhaopinDetailHeight + 'px');
}
if(zhaopinDetail.closest('.freeContainer').height() < zhaopinDetailHeight) {
zhaopinDetail.closest('.freeContainer').css('height', zhaopinDetailHeight + 'px');
}
}, 200);
}
},
initScroll: function(id, amit) {
//debugger
var layout_inner = $("#" + id);
$(window).on("scroll", function() {
var a = layout_inner.offset().top;
var win = $(window);
if(a >= win.scrollTop() && a < (win.scrollTop() + win.height())) {
console.log("div在可视范围2");
layout_inner.addClass(amit);
layout_inner.css({
"visibility": "visible"
});
} else {
console.log(id + "在隐藏:");
layout_inner.removeClass(amit);
layout_inner.css("visibility", "hidden");
}
});
},
//按钮
buttonHover: function(buttonId, itemMdata) {
// `this` 指向 vm 实例
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器
var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1; //判断Chrome浏览器
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
var str = itemMdata.buttonStyle.background;
if(str && isIE) {
str = str.replace("-webkit-", "-ms-");
$("#" + buttonId).css({
"background": str
});
// return '-ms-linear-gradient(bottom,' + this.color1 + ' 10%, ' + this.color2 + ')';
} else if(isOpera) {
str = str.replace("-webkit-", "-o-");
$("#" + buttonId).css({
"background": str
});
} else if(isFF) {
str = str.replace("-webkit-", "-moz-");
$("#" + buttonId).css({
"background": str
});
}
$(function() {
$("#" + buttonId).css({
"backgroundColor": itemMdata.buttonStyle.backgroundColor,
"background": itemMdata.buttonStyle.background,
"borderColor": itemMdata.buttonStyle.borderColor,
"borderWidth": itemMdata.buttonStyle.borderWidth
});
//debugger
$("#" + buttonId).on("mouseover", function() {
if(itemMdata.setHover == true) {
$(this).css({
"backgroundColor": itemMdata.hoverStyle.backgroundColor,
"borderColor": itemMdata.hoverStyle.borderColor,
"background": itemMdata.hoverStyle.background,
"borderWidth": itemMdata.hoverStyle.borderWidth
});
// debugger
$(this).find('i').css({
"color": itemMdata.hoverStyle.color
});
}
});
$("#" + buttonId).on("mouseout", function() {
// itemMdata.hoverS = 2;
$(this).css({
"backgroundColor": itemMdata.buttonStyle.backgroundColor,
"background": itemMdata.buttonStyle.background,
"borderColor": itemMdata.buttonStyle.borderColor,
"borderWidth": itemMdata.buttonStyle.borderWidth
});
$(this).find('i').css({
"color": itemMdata.iStyle.color
});
});
})
},
photoSHover: function(id, itemMdata) {
if(itemMdata.isPhotoModel == 2) {
setTimeout(function() {
$('.gallery-item').ma5gallery({
preload: true,
fullscreen: false
});
setTimeout(function() {
productNav.initData("newDes");
//debugger
}, 100);
}, 700);
}
},
//图片
imageHover: function(imageId, itemMdata) {
$(function() {
var imgP = $('.imgP');
var imgs = $('.imgsModel');
//debugger
$("#" + imageId).on("mouseover", function() {
if(itemMdata.isHover == true) {
$(this).css('width', $(this).find('.imgsModel').outerWidth());
$(this).css('height', $(this).find('.imgsModel').outerHeight());
$(this).find('.imgsModel').css({
'borderColor': itemMdata.hoverStyle.borderColor
});
$(this).find('.imgsModel').css({
'border-style': itemMdata.hoverStyle.borderStyle
});
//console.log(itemMdata.hoverStyle.borderStyle)
}
console.log(itemMdata.isTxt)
//debugger
if(itemMdata.isTxt == true) {
if(imgP.style) {
imgP.style.display = 'flex';
}
$(this).find('.imgP').css('height', $(this).find('.imgsModel').outerHeight());
}
if(itemMdata.isRotate == true && itemMdata.isImg == true) {
//$(this).css('willChange', 'transform')
//$(this).css('transform', 'rotateY(180deg)');
$(this).find('.front').css({
'transform': 'rotateY(0deg)'
});
$(this).find('.back').css({
'transform': 'rotateY(-180deg)'
});
}
// debugger
if(itemMdata.isImg == true && itemMdata.isRotate == false) {
//$(this).css('willChange', 'auto')
//$(this).css('transform', 'rotateY(0deg)');
/*$(this).find('.front').css({
'transform': 'rotateY(0deg)'
});
$(this).find('.back').css({
'transform': 'rotateY(0deg)'
});*/
$(this).find('.front').css({
'dispaly': 'block'
});
}
});
$("#" + imageId).on("mouseout", function() {
$(this).find('.imgsModel').css({
'borderColor': ''
}, {
'borderStyle': ''
});
imgP.css('display', 'none');
if(itemMdata.isRotate == true && itemMdata.isImg == true) {
$(this).find('.front').css({
'transform': 'rotateY(180deg)'
});
$(this).find('.back').css({
'position': 'absolute',
'transform': 'rotateY(0deg)'
});
}
});
})
},
oUl: "",
itemMdata: {},
aLi: "",
//多图列表
columnPictureHover: function(columnPictureId, itemMdata) {
var currentIndex = 0;
var marginleft = 0;
var $t = $(this);
if(!itemMdata.stylethree) {
$("#" + columnPictureId).on("mouseover", "li", function() {
//console.log($(this))
if(itemMdata.isImg == true) {
$t.find(".colimgHover").css('willChange', 'transform');
$t.find(".colimgHover").find(".front").show();
$t.find(".colimgHover")[0].style.transform = 'rotateY(180deg)';
}
if(itemMdata.setnumber == true) {
$t.css('backgroundImage', itemMdata.liStyleH.backgroundImage);
if($t.find(".colimgHover").next('.pW')) {
$t.find(".colimgHover").next('.pW').find('span:first').css('color', itemMdata.liStyle.color);
$t.find(".colimgHover").next('.pW').find('span:last').css('color', itemMdata.liStyleH.color);
}
if(columnPictureId.indexOf('productShowId')) {
$t.find(".colimgHover").children('p').css('color', itemMdata.liStyle.color);
}
}
});
$("#" + columnPictureId).on("mouseout", "li", function() {
if(itemMdata.isImg == true) {
$t.find(".colimgHover")[0].style.transform = 'rotateY(0)';
$t.find(".colimgHover").find(".front").hide();
}
$t.css('backgroundImage', itemMdata.liStyle.backgroundImage);
if($t.find(".colimgHover").next('.pW')) {
$t.find(".colimgHover").next('.pW').find('span:first').css('color', itemMdata.pStyle.color);
$t.find(".colimgHover").next('.pW').find('span:last').css('color', itemMdata.hoverP.color);
}
if(columnPictureId.indexOf('productShowId')) {
$t.find(".colimgHover").children('p').css('color', itemMdata.pStyle.color);
}
});
}
//轮播轮播
if(itemMdata.stylethree) {
var html =$("#" + columnPictureId).find('.marquee-wrap').find('ul').html();
$("#" + columnPictureId).find('.marquee-wrap').find('ul').append(html);
var oDiv = $("#" + columnPictureId).find('.marquee-wrap')[0];
var oUl = $("#" + columnPictureId).find('.marquee-wrap').find('ul')[0];
var aLi = $("#" + columnPictureId).find('.marquee-wrap').find('li');
var speed = -2;
oUl.style.width = aLi.first().outerWidth(true) * aLi.length + 'px';
if(aLi.first().width() < 1) {
$("#" + columnPictureId).parents(".conStyle").show();
oUl.style.width = aLi.first().outerWidth(true) * aLi.length + 'px';
setTimeout(function() {
$("#" + columnPictureId).parents(".conStyle").hide();
}, 100)
}
var timer = setInterval(function() {
if(oUl.offsetLeft < - aLi.first().outerWidth(true) * aLi.length / 2 ) {
oUl.style.left = '0';
}
if(oUl.offsetLeft > 0) {
oUl.style.left = -oUl.offsetWidth / 2 + 'px';
}
oUl.style.left = oUl.offsetLeft + speed + 'px';
}, 30);
oDiv.onmouseover = function() {
clearInterval(timer);
};
oDiv.onmouseout = function() {
timer = setInterval(function() {
if(oUl.offsetLeft < -aLi.first().outerWidth(true) * aLi.length / 2 ) {
oUl.style.left = '0';
}
if(oUl.offsetLeft > 0) {
oUl.style.left = -oUl.offsetWidth / 2 + 'px';
}
oUl.style.left = oUl.offsetLeft + speed + 'px';
}, 30);
};
}
var curPage = 1,
curNum = 1;
$("#" + columnPictureId).find(".inst_ind:first").addClass("current");
$("#" + columnPictureId).find(".page").on("click", "p", function() {
//debugger
var pageNum = itemMdata.page.pageNum;
var index = $(this).data("index");
if(index == "up") {
if(curPage != 1) {
curPage--;
$("#" + columnPictureId).find(".current").prev().addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
} else if(index == "down") {
if(curPage != Math.ceil(itemMdata.page.talNum / itemMdata.page.pageNum)) {
++curPage;
$("#" + columnPictureId).find(".current").next().addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
} else if(index == "first") {
curPage = 1;
$("#" + columnPictureId).find(".inst_ind:first").addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
} else if(index == "last") {
curPage = Math.ceil(itemMdata.page.talNum / itemMdata.page.pageNum);
$("#" + columnPictureId).find(".inst_ind:last").addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
} else {
curPage = Number($(this).data("index"));
$(this).addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
curNum = (curPage - 1) * pageNum;
$("#" + columnPictureId).find(".article_ui").find("li").hide();
for(var i = 0; i < pageNum; i++) {
$("#" + columnPictureId).find(".article_ui").find("li:eq(" + (curNum + i) + ")").show();
}
});
},
colPreNext: function(columnPictureId, itemMdata) {
//debugger
$(function() {
var liWidth = itemMdata.imgW + parseInt(itemMdata.liStyle.marginLeft) + parseInt(itemMdata.liStyle.marginRight);
//debugger
$("#" + columnPictureId).on('click', '.next1', function() { //右切换
var i;
if(itemMdata.showbtnP == 0) {
i = $(this).parent().prev('.width').children('ul');
} else {
i = $(this).parent().parent().find('.width').children('ul');
}
i.css({
"margin-left": "0px"
}).find("li:first").appendTo(i);
i.stop().animate({
"margin-left": -liWidth + "px"
}, 800, function() {
//326是一个li元素的width,先将ul整体向左移出一个li
//将移出的那个li**剪切**到ul的末尾,然后将ul的margin-left设为0
});
});
$("#" + columnPictureId).on('click', '.pre1', function() { //左切换
//console.log($(this))
var i;
if(itemMdata.showbtnP == 0) {
i = $(this).parent().prev('.width').children('ul');
//console.log($self)
} else {
i = $(this).parent().parent().find('.width').children('ul');
//console.log($self)
}
// console.log($self)
i.css({
"margin-left": -liWidth + "px"
}).find("li:last").prependTo(i);
i.stop().animate({
"margin-left": "0px"
}, 800, function() {
//将ul的最后一个li剪切到ul的第一个li,然后将其margin-left设为-326。
}); //显示
});
if(itemMdata.autoPlay) {
itemMdata.carouse = setInterval(autoPlay, 2000);
} else {
clearInterval(itemMdata.carouse);
}
function autoPlay() {
var i;
if(itemMdata.showbtnP == 0) {
i = $("#" + columnPictureId).find('.next1').parent().prev('.width').children('ul');
//$self = $("#" + columnPictureId).find('.next1').parent().prev('.width').children('ul')
} else {
i = $("#" + columnPictureId).find('.next1').parent().parent().find('.width').children('ul');
//$self = $("#" + columnPictureId).find('.next1').parent().parent().find('.width').children('ul')
}
//console.log($self)
//console.log(i)
i.css({
"margin-left": "0px"
}).find("li:first").appendTo(i);
i.stop().animate({
"margin-left": -liWidth + "px"
}, 2000, function() {
//326是一个li元素的width,先将ul整体向左移出一个li
//将移出的那个li**剪切**到ul的末尾,然后将ul的margin-left设为0。
});
}
$("#" + columnPictureId).on('mouseover', '.slideUl', function() {
//console.log($(this))
if(itemMdata.autoPlay) {
clearInterval(itemMdata.carouse);
}
})
$("#" + columnPictureId).on('mouseout', '.slideUl', function() {
// console.log($(this))
if(itemMdata.autoPlay) {
itemMdata.carouse = setInterval(autoPlay, 2000);
}
})
});
},
//产品列表
productShowHover: function(productShowId, itemMdata) {
var ts = this;
ts.productShowId = productShowId;
$(function() {
var currentIndex = 0;
var marginleft = 0;
$("#" + productShowId).on("mouseover", ".colimgHover", function() {
//debugger
if($(this).parent('.mouseenterFour')) {
$(this).find('.hid').css('background', itemMdata.hidStyle.background);
if(itemMdata.liImgBgH) {
$(this).find('.hid').css('background', 'url(' + itemMdata.liImgBgH + ') no-repeat');
}
if(itemMdata.setnumber == true) {
$(this).find('.hid p').css('width', '100%');
}
}
if(itemMdata.isImg == true) {
$(this).css('willChange', 'transform');
$(this)[0].style.transform = 'rotateY(180deg)';
}
//debugger;
if(itemMdata.setHover) {
$(this).parent('li').css('background-image', itemMdata.liStyleH.backgroundImage);
$(this).parent('li').css('background-color', itemMdata.liStyleH.backgroundColor);
if(itemMdata.liStyle.color) {
$(this).find('h3.pStyle').css('color', itemMdata.liStyle.color);
}
if(itemMdata.liStyleH.color) {
$(this).find('p.desStyle').css('color', itemMdata.liStyleH.color);
}
$(this).find('p.contentStyle').css('color', itemMdata.hoverP.color);
}
//debugger
var layout_inner = $("#" + productShowId).closest('.layout_inner').css('height');
var freeContainer = $("#" + productShowId).closest('.freeContainer').css('height');
localStorage.setItem('layout_inner', layout_inner);
localStorage.setItem('freeContainer', freeContainer);
localStorage.setItem('layout_inner', layout_inner);
localStorage.setItem('freeContainer', freeContainer);
});
$("#" + productShowId).on("mouseout", ".colimgHover", function() {
if($(this).parent('.mouseenterFour')) {
$(this).find('.hid').css('background', 'none');
$(this).find('.hid p').css('width', '0');
}
if(itemMdata.isImg == true) {
$(this)[0].style.transform = 'rotateY(0)';
}
$(this).parent('li').css('background-image', itemMdata.liStyle.backgroundImage);
$(this).parent('li').css('background-color', itemMdata.liStyle.backgroundColor);
$(this).find('h3.pStyle').css('color', itemMdata.pStyle.color);
$(this).find('p.desStyle').css('color', itemMdata.desStyle.color);
$(this).find('p.contentStyle').css('color', itemMdata.contentStyle.color);
});
//轮播轮播
if(itemMdata.stylethree) {
var speed = 10;
var MyMar = 1;
$("#" + productShowId).find('.threeStyle .tableBox .new')[0].innerHTML = $("#" + productShowId).find('.threeStyle .tableBox .old')[0].innerHTML;
if(itemMdata.stylethree == true) {
MyMar = setInterval(function() {
if($("#" + productShowId).find('.threeStyle .tableBox')[0].scrollLeft > $("#" + productShowId).find('.threeStyle .tableBox .old')[0].scrollWidth) {
$("#" + productShowId).find('.threeStyle .tableBox')[0].scrollLeft = 0;
} else {
$("#" + productShowId).find('.threeStyle .tableBox')[0].scrollLeft++;
}
}, speed);
}
$("#" + productShowId).find('.threeStyle .tableBox').on('mouseover', function() {
clearInterval(MyMar);
});
$("#" + productShowId).find('.threeStyle .tableBox').on('mouseout', function() {
MyMar = setInterval(function() {
if($("#" + productShowId).find('.threeStyle .tableBox')[0].scrollLeft > $("#" + productShowId).find('.threeStyle .tableBox .old')[0].scrollWidth) {
$("#" + productShowId).find('.threeStyle .tableBox')[0].scrollLeft = 0;
} else {
$("#" + productShowId).find('.threeStyle .tableBox')[0].scrollLeft++;
}
}, speed);
});
}
})
},
productShowId: "",
areaFlvInitPage: function(id, itemMdata) {
var curPage = 1,
curNum = 1;
// debugger
$("#" + id).find(".inst_ind:first").addClass("current");
$("#" + id).find(".page").on("click", "p", function() {
//debugger
var pageNum = itemMdata.page.pageNum;
var index = $(this).data("index");
if(index == "up") {
if(curPage != 1) {
curPage--;
$("#" + id).find(".current").prev().addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
} else if(index == "down") {
if(curPage != Math.ceil(itemMdata.page.talNum / itemMdata.page.pageNum)) {
++curPage;
$("#" + id).find(".current").next().addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
} else if(index == "first") {
curPage = 1;
$("#" + id).find(".inst_ind:first").addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
} else if(index == "last") {
curPage = Math.ceil(itemMdata.page.talNum / itemMdata.page.pageNum);
$("#" + id).find(".inst_ind:last").addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
} else {
curPage = Number($(this).data("index"));
$(this).addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
curNum = (curPage - 1) * pageNum;
$("#" + id).find(".areaflv_ul").find("li").css('display', "none");
for(var i = 0; i < pageNum; i++) {
$("#" + id).find(".areaflv_ul").find("li:eq(" + (curNum + i) + ")").css('display', "inline-block");
}
});
},
productShowPreNext: function(productShowId, itemMdata) {
// debugger
$(function() {
var liWidth = itemMdata.imgW + parseInt(itemMdata.liStyle.marginLeft) + parseInt(itemMdata.liStyle.marginRight);
$("#" + productShowId).on('click', '.next1', function() { //右切换
//console.log($(this))
var i;
if(itemMdata.showbtnP == 0) {
i = $(this).parent().prev('.width').children('ul');
} else {
i = $(this).parent().parent().find('.width').children('ul');
}
//console.log(i)
i.css({
"margin-left": "0px"
}).find("li:first").appendTo(i);
i.stop().animate({
"margin-left": -liWidth + "px"
}, 800, function() {
});
});
$("#" + productShowId).on('click', '.pre1', function() { //左切换
// console.log($(this))
var i;
if(itemMdata.showbtnP == 0) {
i = $(this).parent().prev('.width').children('ul');
//console.log($self)
} else {
i = $(this).parent().parent().find('.width').children('ul');
//console.log($self)
}
i.css({
"margin-left": -liWidth + "px"
}).find("li:last").prependTo(i);
i.stop().animate({
"margin-left": "0px"
}, 800, function() {
//将ul的最后一个li剪切到ul的第一个li,然后将其margin-left设为-326
}); //显示
});
});
},
//产品详情
productDesPreNxt: function(productDesId, itemMdata) {
var moveLeft;
$('#' + productDesId).on('click', '.preImg', function() {
moveLeft = $('#' + this.productDesId).find('.moveImg .con_img img').outerWidth();
//console.log($('#' + this.productDesId).find('.moveImg .con_img img').outerWidth())
$(this).next().find('.moveImg').css({
"margin-left": -moveLeft + "px"
}).find('.con_img:last').prependTo($(this).next().find('.moveImg'));
$(this).next().find('.moveImg').stop().animate({
"margin-left": "0px"
}, 800, function() {
});
})
$('#' + productDesId).on('click', '.nextImg', function() {
moveLeft = $('#' + this.productDesId).find('.moveImg .con_img img').outerWidth();
// console.log($('#' + this.productDesId).find('.moveImg .con_img img').outerWidth())
$(this).prev().find('.moveImg').css({
"margin-left": "0px"
}).find(".con_img:first").appendTo($(this).prev().find('.moveImg'));
$(this).prev().find('.moveImg').stop().animate({
"margin-left": -moveLeft + "px"
}, 800, function() {
});
})
$('#' + productDesId).on('click', '.h_chanmenu li', function() {
// console.log("dd");
$(this).addClass("active").siblings().removeClass("active");
var index = $(this).index();
$(this).css({
"background": itemMdata.labelTitleStyleHover.background,
"color": itemMdata.labelTitleStyleHover.color,
"border-color": itemMdata.labelTitleStyleHover.borderColor,
"border-width": itemMdata.labelTitleStyleHover.borderWidth,
"border-style": itemMdata.labelTitleStyleHover.borderStyle
});
$(this).siblings().each(function() {
$(this).css({
"background": itemMdata.labelTitleStyle.background,
"color": itemMdata.labelTitleStyle.color,
"border-color": itemMdata.labelTitleStyle.borderColor,
"border-width": itemMdata.labelTitleStyle.borderWidth,
"border-style": itemMdata.labelTitleStyle.borderStyle
});
});
$('#' + productDesId).find(".h_chanmenucon").find("li.conli:eq(" + index + ")").addClass("show").siblings().removeClass("show");
var productDes = $("#productDes");
if(productDes.length) {
setTimeout(function() {
var productH = productDes.height();
if(productDes.closest(".resizable").length) {
productH = productH + parseInt(productDes.closest(".resizable").css('top'));
}
productDes.closest('.freeContainer');
productDes.closest('.layout_inner');
var p1 = parseInt(localStorage.getItem('layout_inner'));
var p2 = parseInt(localStorage.getItem('freeContainer'));
if(productDes.closest('.freeContainer').height()) {
productDes.closest('.freeContainer').css('height', productH + 'px');
}
if(productDes.closest('.layout_inner').height()) {
productDes.closest('.layout_inner').css('height', productH + 'px');
}
}, 400);
}
})
},
//标签
labelHover: function(v, itemMdata) {
var index = 0;
$(v).find("li.labelList").each(function() {
if($(this).hasClass("cur")) {
index = $(this).index();
$(this).css({
"background": itemMdata.labelTitleStyleHover.background,
"color": itemMdata.labelTitleStyleHover.color,
"border-color": itemMdata.labelTitleStyleHover.borderColor,
"border-width": itemMdata.labelTitleStyleHover.borderWidth,
"border-style": itemMdata.labelTitleStyleHover.borderStyle
});
}
});
$(v).find(".tit_con").find(".conStyle").eq(index).show().siblings().hide();
if(itemMdata.labelStyle == 2) {
$(v).find("li>p.title").hover(function() {
$(this).css({
"background": itemMdata.labelTitleStyleHover.background,
"color": itemMdata.labelTitleStyleHover.color,
"border-color": itemMdata.labelTitleStyleHover.borderColor,
"border-width": itemMdata.labelTitleStyleHover.borderWidth,
"border-style": itemMdata.labelTitleStyleHover.borderStyle
});
}, function() {
$(this).css({
"background": "",
"color": itemMdata.labelTitleStyle.color,
"border-color": "",
"border-width": "",
"border-style": ""
});
});
}
// console.log(itemMdata.labelStyle)
$(v).on("mouseover", "li.labelList", function() {
if(itemMdata.labelStyle == 1) {
index = $(this).index();
$(this).css({
"background": itemMdata.labelTitleStyleHover.background,
"color": itemMdata.labelTitleStyleHover.color,
"border-color": itemMdata.labelTitleStyleHover.borderColor,
"border-width": itemMdata.labelTitleStyleHover.borderWidth,
"border-style": itemMdata.labelTitleStyleHover.borderStyle
});
// console.log("dsdsds")
$(this).siblings(".labelList").each(function() {
//console.log("dsdsds")
$(this).removeClass("cur");
$(this).css({
"background": itemMdata.labelTitleStyle.background,
"color": itemMdata.labelTitleStyle.color,
"border-color": itemMdata.labelTitleStyle.borderColor,
"border-width": itemMdata.labelTitleStyle.borderWidth,
"border-style": itemMdata.labelTitleStyle.borderStyle
});
});
$(this).addClass("cur");
$(this).parents(".titlbl").siblings(".lbl_con").find(".conStyle").eq(index).show().siblings().hide();
}
});
$(v).on("click", "li.labelList", function() {
var $t = $(this);
if(itemMdata.labelStyle == 2) {
index = $t.index();
//debugger;
$t.addClass("cur");
$t.css({
"background": itemMdata.labelTitleStyleHover.background,
"color": itemMdata.labelTitleStyleHover.color,
"border-color": itemMdata.labelTitleStyleHover.borderColor,
"border-width": itemMdata.labelTitleStyleHover.borderWidth,
"border-style": itemMdata.labelTitleStyleHover.borderStyle
});
$t.siblings(".labelList").each(function(i, v) {
$(v).css({
"background": itemMdata.labelTitleStyle.background,
"color": itemMdata.labelTitleStyle.color,
"border-color": itemMdata.labelTitleStyle.borderColor,
"border-width": itemMdata.labelTitleStyle.borderWidth,
"border-style": itemMdata.labelTitleStyle.borderStyle
}).removeClass("cur");
});
$t.parents(".titlbl").siblings(".lbl_con").find(".conStyle").eq(index).show().siblings().hide();
}
});
},
popUpsInit: function(id, itemMdata) {
$("#" + id).on("click", ".close_icon", function() {
$("#" + id).hide();
//console.log("dd");
});
//console.log("popUpsInit:"+id);
//console.log(itemMdata);
},
//魔方多图
photoMoreCard: function(itemMdata, photoMoreCardId) {
$(function() {
$('#' + photoMoreCardId).on('mouseover', '.positionR', function() {
if(itemMdata.mouseenterNumber == 1) {
$(this).find('.hid').css('display', 'block');
itemMdata.hidStyle.background = "#fff";
$(this).find('.hid').find('i').css('display', 'none');
}
if(itemMdata.mouseenterNumber == 2) {
$(this).find('.hid').css('display', 'block');
itemMdata.hidStyle.borderColor = "#fff";
itemMdata.hidStyle.background = "#fff";
$(this).find('.hid').find('i').css('display', 'block');
}
if(itemMdata.mouseenterNumber == 3) {
$(this).find('.hid').css('display', 'block');
itemMdata.hidStyle.borderColor = "#fff";
$(this).find('.hid').find('i').css('display', 'none');
}
})
$('#' + photoMoreCardId).on('mouseout', '.positionR', function() {
if(itemMdata.mouseenterNumber == 1 || itemMdata.mouseenterNumber == 2 || itemMdata.mouseenterNumber == 3) {
$(this).find('.hid').css('display', 'none');
}
})
});
},
initNavData: function(moduleNavId, itemMdata) {
var bt = $(document.body).width();
$("#" + moduleNavId + " .nav_lifirth").find(" .sec_con_bg").each(function() {
$(this).width(bt).css({
left: '50%',
marginLeft: -bt / 2 - itemMdata.parentStyle.left / 2
});
});
},
//栏目导航
moduleNavHover: function(moduleNavId, itemMdata) {
//debugger
//一级导航
$("#" + moduleNavId).on("mouseover", "li.nav_lifirth", function() {
//tit_i1
$(this).css({
background: itemMdata.hoverColor.backgroundColor,
color: itemMdata.hoverColor.color,
border: itemMdata.hoverColor.border
});
//this.style.background = itemMdata.hoverColor.backgroundColor;
//this.style.color = itemMdata.hoverColor.color;
//this.style.border = itemMdata.hoverColor.border;
//console.log("mouseover1");
}).on('mouseout', 'li.nav_lifirth', function() {
//console.log("mouseout1");
$(this).css({
background: "",
color: itemMdata.layoutOuterStyle.color,
border: "none"
});
//this.style.background = '';
//this.style.color = itemMdata.layoutOuterStyle.color;
//this.style.border = "none";
});
//二级导航
$("#" + moduleNavId).on("mouseover", ".sec_con>li .tit_i2", function() {
$(this).css({
background: itemMdata.hoverSec.backgroundColor,
color: itemMdata.hoverSec.color,
border: itemMdata.hoverSec.border
});
///debugger
//this.style.background = itemMdata.hoverSec.backgroundColor;
//this.style.color = itemMdata.hoverSec.color;
//this.style.border = itemMdata.hoverSec.border;
}).on('mouseout', '.sec_con>li .tit_i2', function() {
$(this).css({
background: "",
color: itemMdata.hoverSecBg.color,
border: "none"
});
//this.style.background = '';
//this.style.color = itemMdata.hoverSecBg.color;
//this.style.border = "none";
});
//三级导航
$("#" + moduleNavId).on("mouseover", "div.third_con>div", function() {
//event.stopPropagation();
$(this).css({
background: itemMdata.hoverThr.backgroundColor,
color: itemMdata.hoverThr.color,
border: itemMdata.hoverThr.border
});
//this.style.background = itemMdata.hoverThr.backgroundColor;
//this.style.color = itemMdata.hoverThr.color;
//this.style.border = itemMdata.hoverThr.border;
//console.log("mouseover3");
}).on('mouseout', 'div.third_con>div', function(event) {
//console.log("mouseout3");
event.stopPropagation();
$(this).css({
background: "",
color: itemMdata.hoverThrBg.color,
border: "none"
});
//this.style.background = '';
//this.style.color = itemMdata.hoverThrBg.color;
//this.style.border = "none";
});
$("#" + moduleNavId).find(".sec_con_bg").each(function() {
$(this).width($(document.body).width());
// console.log($(document.body).width());
});
$(".moduleAreaNav ").parents(".columnLayout").css("zIndex", 100);
},
//新闻列表
articleSHover: function(articleId, itemMdata) {
$(function() { //articleLi
$('#' + articleId).on("mouseover", ".articleLi", function() {
if(itemMdata.setHover == true) {
var t = $(this);
t.css('background', itemMdata.textStyleH.background);
t.find('.title').css('color', itemMdata.titleStyleH.color);
t.find('.time').css('color', itemMdata.timeStyleH.color);
t.find('.describe').css('color', itemMdata.describeStyleH.color);
}
var layout_inner = $("#" + articleId).closest('.layout_inner').css('height');
var freeContainer = $("#" + articleId).closest('.freeContainer').css('height');
localStorage.setItem('Nlayout_inner', layout_inner);
localStorage.setItem('NfreeContainer', freeContainer);
});
$('#' + articleId).on("mouseout", ".articleLi", function() {
// console.log($(this))
// debugger
$(this).css('background', itemMdata.liStyle.background || 'transparent');
$(this).find('.title').css('color', itemMdata.titleStyle.color);
$(this).find('.time').css('color', itemMdata.timeStyle.color);
$(this).find('.describe').css('color', itemMdata.describeStyle.color);
})
});
var curPage = 1,
curNum = 1;
$("#" + articleId).find(".inst_ind:first").addClass("current");
$("#" + articleId).find(".page").on("click", "p", function() {
var pageNum = itemMdata.page.pageNum;
var index = $(this).data("index");
if(index == "up") {
if(curPage != 1) {
curPage--;
$("#" + articleId).find(".current").prev().addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
} else if(index == "down") {
if(curPage != Math.ceil(itemMdata.page.talNum / itemMdata.page.pageNum)) {
++curPage;
$("#" + articleId).find(".current").next().addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
} else if(index == "first") {
curPage = 1;
$("#" + articleId).find(".inst_ind:first").addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
} else if(index == "last") {
curPage = Math.ceil(itemMdata.page.talNum / itemMdata.page.pageNum);
$("#" + articleId).find(".inst_ind:last").addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
} else {
curPage = Number($(this).data("index"));
$(this).addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
curNum = (curPage - 1) * pageNum;
$("#" + articleId).find(".page p.inst_ind").hide();
$("#" + articleId).find(".page p.current").show().prevAll().each(function(k, v) {
if(k < 4) {
$(v).show();
}
});
$("#" + articleId).find(".page p.current").nextAll().each(function(k, v) {
if(k < 4) {
$(v).show();
}
});
//debugger
//$("#" + id).find("li").hide();
$("#" + articleId).find(".article_ui").find("li").hide();
for(var i = 0; i < pageNum; i++) {
$("#" + articleId).find(".article_ui").find("li:eq(" + (curNum + i) + ")").show();
}
//console.log(itemMdata.productDesListSelected);
});
},
searchResults: function(articleId, itemMdata) {
var curPage = 1,
curNum = 1;
$("#" + articleId).find(".inst_ind:first").addClass("current");
//debugger
$("#" + articleId).find(".page").on("click", "p", function() {
//debugger
var pageNum = itemMdata.page.pageNum;
var index = $(this).data("index");
if(index == "up") {
if(curPage != 1) {
curPage--;
$("#" + articleId).find(".current").prev().addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
} else if(index == "down") {
if(curPage != Math.ceil(itemMdata.page.talNum / itemMdata.page.pageNum)) {
++curPage;
$("#" + articleId).find(".current").next().addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
} else if(index == "first") {
curPage = 1;
$("#" + articleId).find(".inst_ind:first").addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
} else if(index == "last") {
curPage = Math.ceil(itemMdata.page.talNum / itemMdata.page.pageNum);
$("#" + articleId).find(".inst_ind:last").addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
} else {
curPage = Number($(this).data("index"));
$(this).addClass("current").css({
color: itemMdata.page.curColor,
backgroundColor: itemMdata.page.curBackgroundColor
}).siblings().css({
color: itemMdata.page.color,
backgroundColor: itemMdata.page.backgroundColor
}).removeClass("current");
}
curNum = (curPage - 1) * pageNum;
$("#" + articleId).find("li").hide();
$("#" + articleId).find("tr").hide();
//debugger
for(var i = 0; i < pageNum; i++) {
$("#" + articleId).find("li:eq(" + (curNum + i) + ")").show();
$("#" + articleId).find("tr:eq(" + (curNum + i) + ")").show();
}
console.log(itemMdata.productDesListSelected);
});
},
//友情链接
friendLinkHover: function(friendLinkId, itemMdata) {
$(function() {
$('#' + friendLinkId).on('mouseover', 'li .text', function() {
$(this).css({
"backgroundColor": itemMdata.timeStyle.backgroundColor
});
$(this).find('.title').css({
"color": itemMdata.timeStyle.colorT
});
$(this).find('.describe').css({
"color": itemMdata.timeStyle.colorD
});
})
$('#' + friendLinkId).on('mouseout', 'li .text', function() {
$(this).css({
"backgroundColor": itemMdata.textStyle.backgroundColor
});
$(this).find('.title').css({
"color": itemMdata.titleStyle.color
});
$(this).find('.describe').css({
"color": itemMdata.describeStyle.color
});
})
productNav.initData(friendLinkId);
})
},
accorSide: function(itemMdata) {
//script.type = "text/javascript";
if(itemMdata.dataScript) {
var script = $('');
$("body").append(script);
//script.append(document.createTextNode(itemMdata.dataScript));
}
if(itemMdata.dataCss) {
var style = $('');
$("body").append(style);
}
//$("body").append(style);
},
//侧边栏
accordion: function(sidebarId, itemMdata) {
$(function() {
//console.log(sidebarId)
$('#' + sidebarId + ' .twoUl li .twoLevel').mouseover(function(event) {
//console.log(334)
$(this).css({
backgroundColor: itemMdata.twoHoverStyle.backgroundColor,
color: itemMdata.twoHoverStyle.color
});
event.stopPropagation()
});
$('#' + sidebarId + ' .twoUl li .third_item').mouseover(function(event) {
//console.log(334)
$(this).css({
backgroundColor: itemMdata.thirdHoverStyle.backgroundColor,
color: itemMdata.thirdHoverStyle.color
});
event.stopPropagation();
});
$('#' + sidebarId + ' .twoUl li .twoLevel').mouseout(function(event) {
//console.log(33)
//debugger;
$(this).css({
backgroundColor: itemMdata.twoStyle.backgroundColor || "transparent",
color: itemMdata.twoStyle.color
});
event.stopPropagation();
});
$('#' + sidebarId + ' .twoUl li .third_item').mouseout(function(event) {
//console.log(334)
$(this).css({
backgroundColor: itemMdata.thirdStyle.backgroundColor,
color: itemMdata.thirdStyle.color
});
event.stopPropagation();
});
});
//debugger
$('#' + sidebarId + ' .twoUl li .twoLevel').click(function() {
//console.log($(this).next(".third_con").slideToggle("slow").parent("li").siblings())
///debugger;
$(this).next(".third_con").slideToggle("slow").parent("li").siblings().find(".third_con").hide();
});
$('#' + sidebarId + ' li.active div.twoLevel').css({
backgroundColor: itemMdata.twoHoverStyle.backgroundColor,
color: itemMdata.twoHoverStyle.color
}).parent().show("");
$('#' + sidebarId + ' div.active').css({
backgroundColor: itemMdata.thirdHoverStyle.backgroundColor,
color: itemMdata.thirdHoverStyle.color
}).parent().show("");
//debugger
setTimeout(function() {
productNav.initData(itemMdata.allId);
}, 200)
}
};
// 在线表单、留言提交
window.siteForm = {
//提交表单
submitBtn: function(itemMdata, siteFormId, data) {
console.log('dongdong')
console.log(itemMdata)
//var v = this;
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器
var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1; //判断Chrome浏览器
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
var str = itemMdata.buttonEdit.buttonStyle.background;
//console.log(str.replace("-webkit-","-ms-"));
if(isIE) {
str = str.replace("-webkit-", "-ms-");
$("#" + siteFormId).find(".btn").css({
"background": str
});
} else if(isOpera) {
str = str.replace("-webkit-", "-o-");
$("#" + siteFormId).find(".btn").css({
"background": str
});
} else if(isFF) {
str = str.replace("-webkit-", "-moz-");
$("#" + siteFormId).find(".btn").css({
"background": str
});
}
$(function() {
$('#' + siteFormId).on('click', '.btn', function() {
var str = '';
var textArr = $('#' + siteFormId).find('input[type="text"]:visible');
var moreArr = $('#' + siteFormId).find('.moreTxt');
var hiddenArr = $('#' + siteFormId).find('.det_d input[type="hidden"]');
var selectArr = $('#' + siteFormId).find('.dt_select');
var province = $("#province:visible").find("option:selected").text() || "";
var city = $("#city:visible").find("option:selected").text() || "";
var area = $("#area:visible").find("option:selected").text() || "";
var obj = {};
//文本域
var textareaArr = $('#' + siteFormId).find('textarea:visible');
//验证码
var verail = $('#' + siteFormId).find('input[name="verail"]:visible');
// debugger;
// console.log("is_require:selectArr" + selectArr.data("is_require"));
if(selectArr && selectArr.data("is_require") && selectArr.length) {
for(var i = 0; i < selectArr.length; i++) {
if(!selectArr[i].value) {
alert(itemMdata.langTitle[5]);
return;
}
str = str + selectArr[i].name + '=' + selectArr[i].value + '&';
}
}
for(var k = 0; k < hiddenArr.length; k++) {
str = str + hiddenArr[k].name + '=' + hiddenArr[k].value + '&';
}
for(var i = 0; i < moreArr.length; i++) {
if(moreArr[i].value) {
obj[moreArr[i].name] = (obj[moreArr[i].name] ? obj[moreArr[i].name] + "," : "") + moreArr[i].value;
// $(moreArr[i]).parent().find(".rdoTxt").val(moreArr[i].value);
moreArr[i].value = "";
// return;
}
// str = str + selectArr[i].name + '=' + selectArr[i].value + '&';
}
//多行文本
for(var j = 0; j < textareaArr.length; j++) {
if(!textareaArr[j].value && $(textareaArr[j]).data("is_require")) {
alert(itemMdata.langTitle[5]);
return;
}
}
//单行文本
for(var j = 0; j < textArr.length; j++) {
//console.log("is_require:" + );
if(!textArr[j].value && $(textArr[j]).data("is_require") && !$(textArr[j]).hasClass("moreTxt")) {
alert(itemMdata.langTitle[5]);
return;
}
if($(textArr[j]).hasClass("rdoTxt") && obj[textArr[j].name]) {
textArr[j].value = textArr[j].value + obj[textArr[j].name];
}
if($(textArr[j]).hasClass("adress")) {
var strFlag = "";
if(province.indexOf("请选择") == -1) {
strFlag = province + " ";
}
if(city.indexOf("请选择") == -1) {
strFlag = strFlag + city + " ";
}
if(area.indexOf("请选择") == -1) {
strFlag = strFlag + area + " ";
}
textArr[j].value = strFlag + textArr[j].value;
}
// var moreStr = textArr[j].value;
if(textArr[j].value && !$(textArr[j]).hasClass("moreTxt")) {
str = str + textArr[j].name + '=' + textArr[j].value + '&';
}
}
//debugger
var mailbox_input = $('#' + siteFormId).find('.mailbox_input') && $('#' + siteFormId).find('.mailbox_input input').val();
if(mailbox_input && !(/^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/.test(mailbox_input))) {
alert("邮箱格式有误,请重填");
return false;
}
var phone = $('#' + siteFormId).find('.phone') && $('#' + siteFormId).find('.phone input').val();
if(phone && !(/^1[0-9]\d{9}$|^\d{3,4}-?\d{3,9}$/.test(phone))) {
alert("电话或手机号码有误,请重填");
return false;
}
//验证码
if(verail.length && !verail[0].value) {
alert('请输入验证码!');
return;
}
//console.log(obj);
if(data) {
for(var y = 0; y < data.length; y++) {
if(data[y].control_type == 2) {
var da = $('#' + siteFormId).find('input[name="id' + data[y].id + '"]:checked').val();
str = str + 'id' + data[y].id + "=" + da + '&';
} else if(data[y].control_type == 3) {
var da = $('#' + siteFormId).find('input[name="id' + data[y].id + '"]:checked');
var stv = "";
$.each(da, function() {
stv = stv + $(this).val() + ",";
});
str = str + 'id' + data[y].id + "=" + stv + '&';
}
}
}
str = str.slice(0, str.length - 1);
var domain = $('#' + siteFormId).find('input[name="domain"]').val();
str = str + "&domain=" + domain;
/*var fileUrl = $('#' + siteFormId).find('input[name="fileUrl"]').val();
debugger;
if(fileUrl) {
str = str + "&fileUrl=" + fileUrl;
}
*/
var lang = $('#' + siteFormId).find('input[name="lang"]').val();
str = str + "&lang=" + lang;
if($('#' + siteFormId).find("textarea").length) {
str = str + "&" + $('#' + siteFormId).find("textarea")[0].name + '=' + $('#' + siteFormId).find('textarea')[0].value;
}
var formAction = $('#' + siteFormId).find('input[name="formAction"]').val();
$.ajax({
url: formAction + '?form_id=' + itemMdata.formTitle.id + '&' + str,
type: "post",
dataType: "jsonp", //指定服务器返回的数据类型
success: function(data) {
console.log(data)
if($('#' + siteFormId).find('input[name="verailUrl"]').length) {
var root = $('#' + siteFormId).find('input[name="verailUrl"]').val();
$('#' + siteFormId).find('.vailImg').attr("src", root + "?t=" + new Date);
siteForm.vailImg(siteFormId, root);
}
if(data.data.result_code == 0) {
alert(itemMdata.langTitle[6]);
verail[0].value = ""
return;
}
for(var k = 0; k < textArr.length; k++) {
textArr[k].value = "";
}
for(var j = 0; j < textareaArr.length; j++) {
textareaArr[j].value = "";
}
//debugger;
alert(itemMdata.langTitle[7]);
}
});
});
$('#' + siteFormId).on('click', '.vailImg', function() {
var root = $('#' + siteFormId).find('input[name="verailUrl"]').val();
siteForm.vailImg(siteFormId, root);
});
$('#' + siteFormId).on('click', '.colse_icon', function() {
$(this).parent().remove();
console.log("siteFormId");
});
});
},
vailImg: function(msgSubmitId, root) {
$('#' + msgSubmitId).on('click', '.vailImg', function() {
$(this).attr("src", root + "?t=" + new Date);
});
},
getAdress: function(siteFormId, itemMdata) {
$.ajax({
url: 'https://api.xiaohucloud.com/api/front/getAreaCode?lang=' + GetQueryString('lang'),
type: "get",
dataType: "json", //指定服务器返回的数据类型
success: function(data) {
if(data.data.result_code == 0) {
//alert(itemMdata.langTitle[9]);
return;
}
//$("#province").prepend(""); //添加第一个option值
for(var i = 0; i < data.data.length; i++) {
$("#province").append("");
}
}
});
$("#province").on("change", function() {
// console.log($(this).val());
$("#city").find("option").remove();
$("#area").find("option").remove();
$.ajax({
url: 'https://api.xiaohucloud.com/api/front/getAreaCode?topno=' + $(this).val() + '&lang=' + GetQueryString('lang'),
type: "get",
dataType: "json", //指定服务器返回的数据类型
success: function(data) {
if(data.data.result_code == 0) {
//alert(itemMdata.langTitle[9]);
return;
}
$("#city").prepend(""); //添加第一个option值
$("#area").prepend(""); //添加第一个option值
for(var i = 0; i < data.data.length; i++) {
$("#city").append("");
}
}
});
});
$("#city").on("change", function() {
// console.log($(this).val());
$("#area").find("option").remove();
$.ajax({
url: 'https://api.xiaohucloud.com/api/front/getAreaCode?topno=' + $(this).val() + '&lang=' + GetQueryString('lang'),
type: "get",
dataType: "json", //指定服务器返回的数据类型
success: function(data) {
if(data.data.result_code == 0) {
//alert(itemMdata.langTitle[9]);
return;
}
$("#area").prepend(""); //添加第一个option值
for(var i = 0; i < data.data.length; i++) {
$("#area").append("");
}
}
});
});
},
// 留言提交
msgBtn: function(itemMdata, msgSubmitId) {
$(function() {
// debugger
$('#' + msgSubmitId).on('click', '.btn', function() {
var str = '';
var textArr = $('#' + msgSubmitId).find('input[type="text"]:visible');
for(var i = 0; i < textArr.length; i++) {
if(!textArr[i].value) {
alert(itemMdata.langTitle[2]);
return;
}
str = str + textArr[i].name + '=' + textArr[i].value + '&'
}
var phone = $('#' + msgSubmitId).find('input[name="mobilePhone"]').val();
if(!(/^1[3456789]\d{9}$/.test(phone))) {
alert(itemMdata.langTitle[5] || "手机号码有误,请重填");
return false;
}
var email = $('#' + msgSubmitId).find('input[name="email"]').val();
if(!(/^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/.test(email))) {
alert(itemMdata.langTitle[6] || "邮箱格式有误,请重填");
return false;
}
str = str + $('#' + msgSubmitId).find("textarea")[0].name + '=' + $('#' + msgSubmitId).find('textarea')[0].value;
str = str.slice(0, str.length - 1);
console.log(str);
var formAction = $('#' + msgSubmitId).find('input[name="formAction"]').val();
var domain = $('#' + msgSubmitId).find('input[name="domain"]').val();
str = str + "&domain=" + domain;
//if()
$.ajax({ // 'https://119.29.226.11:88/api/data/addForm?token=' + token +
url: formAction + '?' + str,
type: "post",
dataType: "jsonp", //指定服务器返回的数据类型
success: function(data) {
if(data.data.result_code == 0) {
alert(itemMdata.langTitle[4]);
return;
}
if($('#' + msgSubmitId).find('input[name="verail"]').length) {
var root = $('#' + msgSubmitId).find('input[name="verail"]')[0].value;
siteForm.vailImg(msgSubmitId, root);
}
for(var i = 0; i < textArr.length; i++) {
textArr[i].value = "";
}
alert(itemMdata.langTitle[4]);
$('#' + msgSubmitId).find('textarea')[0].value = "";
}
});
});
});
},
scrollBox: function(msgSubmitId) {
var $uList = $(".scroll-box ul");
var timer = null;
$uList.hover(function() {
clearInterval(timer);
},
function() { //离开启动定时器
timer = setInterval(function() {
scrollList($uList);
}, 3000);
}).trigger("mouseleave"); //自动触发触摸事件
//滚动动画
function scrollList(obj) {
//获得当前的高度
var scrollHeight = $("ul li:first").height();
//滚动出一个的高度
$uList.stop().animate({
marginTop: -scrollHeight
}, 600,
function() {
//动画结束后,将当前marginTop置为初始值0状态,再将第一个
拼接到末尾。
$uList.css({
marginTop: 0
}).find("li:first").appendTo($uList);
});
}
},
//产品搜索
goProduct: function(productSearchId, param, preview, paramUrl) {
$('#' + productSearchId).on('click', '.searchBtn', function() {
// console.log($(this));
window.open(preview + paramUrl + '?token=' + param.token + '&company_id=' + param.company_id + '&type=' + param.type +
'&pc_version_id=' + param.pc_version_id + '&mobile_version_id=' + param.mobile_version_id);
});
}
};