// JavaScript Document
//设置首页视频背景铺满浏览器窗口
$(document).ready(function() {
var topheight=400;
$(".maskWraper").Huihover();
$(document).scroll(function() {
if($(window).scrollTop()>topheight){
$(".inpage-nav").addClass("on");
$(".moreRight").addClass("fixed");
$(".zhengwen .share-out").addClass("on");
}else{
$(".inpage-nav").removeClass("on");
$(".moreRight").removeClass("fixed");
$(".zhengwen .share-out").removeClass("on");
}
});
});
//当浏览器窗口改变大小时改变元素高度
$(function(){
if($(window).width()/$(window).height()<1.78){
$("#fullpage .swiper-slide").css("background-size","auto 100%");
}
else{
$("#fullpage .swiper-slide").css("background-size","100% auto");
}
var timer = 0; //函数节流变量
$(window).resize(function(){ //窗口变化时执行
var winH=$(window).height()
if($(window).width()/winH<1.78){
$("#fullpage .swiper-slide").css("background-size","auto 100%");
}
else{
$("#fullpage .swiper-slide").css("background-size","100% auto");
}
if(winH<740){
$(".homeZhaoshang .container").css("height",winH*0.9);
$(".homeShop .container").css("height",winH*0.9);
}
if(winH>800){
clearTimeout(timer);//去除函数节流计时器
timer = setTimeout(function() {//函数节流计时器
$('#bg-video-box').css('height', winH);//video高度始终与浏览器窗口一致
}, 200);
}
// layer.full(layerindex);
//产品展示页图片大小
// $("#bigProimg .swiper-slide").css("max-height","600px");
});
//页头栏目
var tab="{$tab}";
/*if(tab==17){
$(".my-sound img").removeClass("playsound");
//setTimeout('$(".my-sound img").removeClass("playsound")',25000);
//playBgsound();
//autoPlayMusic();
}
else{
$(".my-sound img").removeClass("playsound");
}
*/
$(".my-navbar>div:not(:last)").mouseenter(function(e){
//$(this).children("div").animate({left:0});
// $(".allsearch").children("div").hide();
$(this).siblings('div').children(".item").hide(0);
$(this).children(".item").fadeIn(200);
//$(this).children("a").addClass("active");
});
$(".my-navbar>div").mouseleave(function(e){
//$(this).children("div").animate({left:"-150px"});
$(this).children(".item").fadeOut(0);
//$(this).children("a").removeClass("active");
});
$('.oneclass li').on('mouseenter', function(index) {
var index = $(this).index()
$('.oneclass li>div').hide();
$(this).children("div").show();
})
//打开搜索产品浮窗
$(".allsearch>p>i").click(function(e){
//$(this).children("div").animate({left:0});
var nowdiv=$(".searchArea");
if(nowdiv.is(':hidden')){ //如果node是隐藏的则显示node元素,否则隐藏
nowdiv.fadeIn(200);
}else{
nowdiv.fadeOut(200);
}
});
$('#flink').change(function(){
var link = $(this).val();
if(link != ''){
window.open(link);
}
});
});
//返回上一页
function reback(url) {
console.log("看到我?");
document.referrer === '' ?window.location.href = url :window.history.go(-1);
}
//打开浮窗页面
var layerindex="";
function openPage(pos,url){
var X = $(pos).offset().top+$(pos).outerHeight()/2;
var Y = $(pos).offset().left+$(pos).outerWidth()/2;
console.log(X)
console.log(Y)
layerindex = layer.open({
type: 2,
skin:'openLayercss',
title: '',
//offset:[X+"px",Y+"px"],
//scrollbar:false,
content: url+"?h="+$(window).height(),
end: function () {//无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数。layer.open关闭事件
//location.reload(); //layer.open关闭刷新
}
});
layer.full(layerindex);
}
//点击换大图
function changeProMini(pos){
var imgurl=$(pos).find("img").attr('src');
var promodel=$(pos).find("img").attr('data-model');
//var model=$(pos).find("img").attr('data-model');
$(pos).siblings().find('img').removeClass("check");
$(pos).children('img').addClass("check");
imgurl=imgurl.replace('xs_','');
$("#zhuantu").attr("src",imgurl);
$("#ajax-tit").text(promodel);
}
//展开、隐藏分类
function showFenlei(pos){
if($(pos).hasClass("on")){
console.log("收起");
$(pos).html(" 更多");
$(pos).removeClass("on");
$(".ziclass2").removeClass("on");
}else{
console.log("打开");
$(pos).html(" 收起");
$(pos).addClass("on");
$(".ziclass2").addClass("on");
}
}
//展示全站
function showweb(){
// 数字跳动
//$('.shuzhi .count').countUp();
$("body").removeClass("first");
$("body").attr("style","");
//$(".header").show();
//$(".footer").show();
$(".rfbtn").show();
$(".inweb").hide();
$(".fullvideo").remove();
//$("#adSwiper-btn").show();
adSwiper.autoplay.start();
}
//视频页面异部读取方法--------------
function changeVideo(sid){
if(runsta==true){
runsta=false;
itData={id:sid};
$.ajax({
type:"POST",
url:ajaxurl,
data:itData,
success: function(data,st){
$("#video-tit").html(data['data']['title']);
$("#video-area").html(data['data']['outdata']);
var mt=($(window).height()-$(".modal-dialog").outerHeight())/2-25;
$(".modal-dialog").css('top',mt+'px');
$("#modal-demo").modal("show");
runsta=true;
},
});
}
}
//还原视频弹出框内容
function resetVideo(){
$("#video-tit").html("视频标题");
$("#video-area").html("
视频正在加载中...
");
$("#modal-demo").fadeOut(500);
}
//验证搜索表单
function searchCheck(pos){
var keyword=$(pos).val();
if(keyword=="" || keyword==undefined || keyword==null){
layer.msg("请输入名称/编号",{shade:.5,icon: 0,time:2000});
}
else{
if(pos=="#keyword2"){
document.myform.submit();
}
else{
document.mysearch.submit();
}
}
}
//加盟表单提交检验
function joincheck(){
var uname=$("input[name='uname']").val();
var city=$("input[name='city']").val();
var umobile=$("input[name='umobile']").val();
var type=$("input[name='type']").val();
if(uname.length<1){
layer.msg('请填写您的姓名',{shade:.5,icon: 0,time:2000});
}
else if(city.length<1){
layer.msg('请填写您所在城市',{shade:.5,icon: 0,time:2000});
}
else if(umobile.length<5 || umobile.length !=11){
layer.msg('请正确填写您的手机号',{shade:.5,icon: 0,time:2000});
}
else{
var loading1 = layer.load();
$.ajax({
url: "/index/index/app",
data: {'uname':uname,'city':city,'umobile':umobile,'type':type},
type: "POST",
dataType: "json",
success: function(data) {
//console.log(data);
layer.close(loading1);
if(data.status==1){
layer.msg(data.info,{shade:.5,icon: 6,time:5000});
$("input[name='uname']").val("");
$("input[name='city']").val("");
$("input[name='umobile']").val("");
}
else{
layer.msg(data.info,{shade:.5,icon: 0,time:2000});
}
},
error: function(data) {
layer.close(loading1);
}
});
}
}
//经销商数据异步读取方法--------------
function showCon(id){
if(runsta==true){
runsta=false;
itData={id:id};
$.ajax({
type:"POST",
url:ajaxurl,
data:itData,
success: function(data,st){
//console.log(data);
$(".showLayer .con>h1").html(data['data']['title']);
$(".showLayer .con>div").html(data['data']['content']);
$(".showLayer").show();
runsta=true;
},
});
}
}
//省市联动---------------------------
function changecity(){
var loading1 = layer.load();
var father=$("select[name='province'] option:selected").attr("data-father");
$.ajax({
url: "/pages/default/store",
data: {'father':father},
type: "POST",
dataType: "json",
success: function(data) {
//console.log(data);
layer.close(loading1);
if(data.status==1){
var city_arr=data.data;
var html="";
city_arr.forEach((item,index,array)=>{
html+="";
});
$("select[name='city']").html(html);
}
},
error: function(data) {
layer.close(loading1);
}
});
}
//提交门店搜索表单
function searchStore(pos){
// var province=$("select[name='province'] option:selected").val();
// var city=$("select[name='city'] option:selected").val();
// var skey=$("input[name='skey']").val();
document.searchstore.submit();
}
//播放语音
function playBgsound(pos){
var player = $("#aboutsound")[0];
if($(pos).children('img').is(".playsound")){
player.pause();
$(pos).children('img').removeClass("playsound");
}
else{
clearTimeout(soundclock);
soundclock=setTimeout(function(){
$(pos).children('img').removeClass("playsound");
},18000);
player.play();
$(pos).children('img').addClass("playsound");
}
}
//选择省份---------------------------
function changeProvince(shenfen){
$('#province_wrap .pro').removeClass('ball-on');
var loading1 = layer.load();
var father=$("select[name='province'] option:selected").attr("data-father");
province=$("select[name='province'] option:selected").val();
$(".storelist .tit").text(province+"门店");
$('#province_wrap .pro').each(function(index){
if(province==$(this).children(".scaleTxt").text()){
$(this).addClass('ball-on');
return false;
}
});
$.ajax({
url: "store",
data: {'father':father},
type: "POST",
dataType: "json",
success: function(data) {
console.log(data)
layer.close(loading1);
if(data.status==1){
var city_arr=data.data;
var html="";
city_arr.forEach((item,index,array)=>{
html+="";
});
$("select[name='city']").html(html);
ajaxStore(province,"",ajaxurl);
}
},
error: function(data) {
layer.close(loading1);
}
});
}
//选择城市---------------------------
function changeCity(){
var province=$("select[name='province'] option:selected").val();
var city=$("select[name='city'] option:selected").val();
ajaxStore(province,city,ajaxurl);
}
// 根据所选条件加载门店
function ajaxStore(province,city,url){
if(runsta==true){
runsta=false;
itData={province:province,city:city};
$.ajax({
type:"POST",
url:url,
data:itData,
success: function(data,st){
console.log(data);
var html=""
if(data.status==1){
html="";
data.data.forEach(function(el,index){
html += ''+el.title+'
地址:'+el.addr+'
';
if(el.tel){
html += '电话:'+el.tel+'
';
}
html+='';
});
}
else{
html=''+data.info+'';
}
$(".storelist .list").html(html);
runsta=true;
},
fail:function(data,st){
$(".storelist .list").html('网络异常,请重新尝试');
runsta=true;
}
});
}
}
//加载门店介绍内容
function showStoreInfo(id){
if(runsta==true){
runsta=false;
closeStoreInfo();
itData={id:id};
$.ajax({
type:"POST",
url:"/index/index/storeinfo",
data:itData,
success: function(data,st){
console.log(data);
if(data['status']==1){
$(".storeInfo .tit-2").html(data['data']['title']);
$(".storeInfo .con").html(data['data']['content']);
$(".storeInfo").fadeIn(200);
}
else{
layer.msg(data.info,{shade:.5,icon: 0,time:2000});
}
runsta=true;
},
});
}
}
//关闭门店介绍
function closeStoreInfo(){
$(".storeInfo .tit-2").html("");
$(".storeInfo .con").html("");
$(".storeInfo").fadeOut(100);
}
// 关闭搜索浮窗
function closeSearch(){
$(".searchArea").fadeOut(100);
}