var shutime = { percent: 0, timers: "", init: function (e) { //鍏嶈垂棰勭害 var $nameReservation = $('#nameReservation'), $phoneReservation = $('#phoneReservation'), reservation = localStorage.getItem('reservation'), $csrf=$('#_csrf'), $btnOffA=$('.freeAppointment .btnOff'), $btnAppointment=$('.btnAppointment') $('.freeAppointment .btnSubmit,.imageModalMobile_Box form .sbumit').click(function (e) { if ($nameReservation.val() == '') { layer_box("娓╅Θ鎻愮ず", "璇疯緭鍏ユ偍鐨勫鍚嶏紒"); return false; } else if ($phoneReservation.val() == '') { layer_box("娓╅Θ鎻愮ず", "璇疯緭鍏ユ偍鐨勮仈绯荤數璇濓紒"); return false; } else if (!util.regPhone($phoneReservation.val())) { layer_box("娓╅Θ鎻愮ず", "鑱旂郴鐢佃瘽鏍煎紡涓嶆纭紒"); return false } else { shutime.getDataForApi('post', '/apibuy.html', { type: 5, form_name: $nameReservation.val(), form_phone: $phoneReservation.val(), _csrf:$csrf.val() }, function (data) { if (data.result) { $nameReservation.val('') $phoneReservation.val('') layer_box("娓╅Θ鎻愮ず", "鎻愪氦鎴愬姛鎴戜滑浼氬敖蹇仈绯绘偍"); return false }else { getErrorMsg(data.msg);//閿欒鎻愮ず } }) } }) $('.resumeModal .resumeBox .close').click(function () { $('.resumeModal').removeClass('active') }) $btnOffA.click(function(e){ $('.freeAppointment,.freeMask').removeClass('active') }) $btnAppointment.click(function(e){ $('.freeAppointment,.freeMask').addClass('active') }) $(".im-buy").click(function(){ $('.freeAppointment,.freeMask').addClass('active') }) $(".nav ul li.has").hover(function(){ $(".subHeader").addClass("active"); $(".subNav ul").eq($(this).index()).addClass("active").siblings().removeClass("active"); },function(){ $(".subHeader").removeClass("active"); }) $(".nav ul li.has2").hover(function(){ $(this).addClass("active"); $('header').addClass("active"); },function(){ $(this).removeClass("active"); }) $(".subHeader").hover(function(){ $(".subHeader").addClass("active"); },function(){ $(".subHeader").removeClass("active"); }) $(window).scroll(function() { var scrollTop = $(window).scrollTop(); if (scrollTop > 0) { $('.freeAppointment2').removeClass('active') $('.freeAppointmentBox').addClass('active') } else { // $("header").removeClass("active") } }); var wow = new WOW({ boxClass: 'wow', animateClass: 'animated', offset: 100, mobile: true, live: true }).init(); $('.phoneBoxModal .phone').click(function () { $('.freeAppointment2').toggleClass('active') }) $('.phoneBoxModal').addClass('active') $('.freeAppointment .btnOff').click(function (){ $('.freeAppointmentBox').removeClass('active') }) }, /** * 椤甸潰鍔犺浇瀹屾瘯 */ loaded: function () { }, common_scroll: function() { const pageContainer = document.querySelector("#main-content-wrap"); const scroller = new LocomotiveScroll({ el: pageContainer, smooth: true, tablet: { breakpoint: 0 } }); function NumDynamic(ID, speed, value, number) { var span1 = document.getElementById(ID); if (value > number) { var num = number; var t = setInterval(function() { num++; span1.innerText = num; if (num == value) { clearInterval(t); } }, speed); } else { span1.innerText = value; } } var numStart = true scroller.on("scroll", function(ins) { if (ins.scroll.y > 0) { $('.freeAppointmentBox').addClass('active') } if (ins.scroll.y > 300) { $("header").addClass("active"); } else { $("header").removeClass("active"); } if (ins.currentElements.f3A) { if (ins.currentElements.f3A.progress > 0.2) { $('.index .f3A .textBox').addClass('active') } else { $('.index .f3A .textBox').removeClass('active') } } if (ins.currentElements.f3B) { if (ins.currentElements.f3B.progress > 0.2) { $('.index .f3B .textBox').addClass('active') } else { $('.index .f3B .textBox').removeClass('active') } } if (ins.currentElements.f3C) { if (ins.currentElements.f3C.progress > 0.2) { $('.index .f3C .textBox').addClass('active') } else { $('.index .f3C .textBox').removeClass('active') } } if (ins.scroll.y > 1500) { if (numStart == true) { NumDynamic($("#number1986").data('id'), 10, $('#' + $("#number1986").data('id')).data('num'), 1900) NumDynamic($("#number5").data('id'), 100, $('#' + $("#number5").data('id')).data('num'), 0) NumDynamic($("#number365").data('id'), 20, $('#' + $("#number365").data('id')).data('num'), 300) numStart = false } } }); }, index: function () { gsap.registerPlugin(ScrollTrigger); const locoScroll = new LocomotiveScroll({ el: document.querySelector(".scrollContainer"), smooth: true, getDirection: true, multiplier: 1.0, }); locoScroll.on("scroll", ScrollTrigger.update); ScrollTrigger.scrollerProxy(".scrollContainer", { scrollTop(value) { return arguments.length ? locoScroll.scrollTo(value, 0, 0) : locoScroll.scroll.instance.scroll.y; }, getBoundingClientRect() { return { top: 0, left: 0, width: window.innerWidth, height: window.innerHeight }; }, pinType: document.querySelector(".scrollContainer").style.transform ? "transform" : "fixed" }); ScrollTrigger.addEventListener("refresh", () => locoScroll.update()); ScrollTrigger.refresh(); if ($(window).width() < 1700) { gsap.to(".v1", { scrollTrigger: { scroller: ".scrollContainer", scrub: 1, trigger: ".f1", pin: true, start: "top top", }, width: "46vw", height: "88vh", left: "27vw", transform: "translateY(100px)" }); } if ($(window).width() < 1500) { gsap.to(".v1", { scrollTrigger: { scroller: ".scrollContainer", scrub: 1, trigger: ".f1", pin: true, start: "top top", }, width: "46vw", height: "87.5vh", left: "27vw", transform: "translateY(100px)" }); } else { gsap.to(".v1", { scrollTrigger: { scroller: ".scrollContainer", scrub: 1, trigger: ".f1", pin: true, start: "top top", }, width: "46vw", height: "89.4vh", left: "27vw", transform: "translateY(100px)" }); } gsap.to(".f2Text", { scrollTrigger: { scroller: ".scrollContainer", scrub: 1, trigger: ".f1", pin: true, start: "center center", end: "+=100%" }, opacity: "1" }); gsap.to(".f2", { scrollTrigger: { scroller: ".scrollContainer", scrub: 1, trigger: ".f1", pin: true, start: "top top", end: "+=150%" }, transform: "translateY(-" + ($('.index .f2 .imgBox').height()) + "px)" // transform: "translateY(-84vh)" }); gsap.to(".f3B", { scrollTrigger: { scroller: ".scrollContainer", scrub: 1, trigger: ".f3A", pin: true, pinSpacing: false, start: "50% 50%", end: "+=100%" }, }); gsap.to(".f4", { scrollTrigger: { scroller: ".scrollContainer", scrub: 1, trigger: ".f3B", pin: true, start: "50% 50%", end: "+=100%" }, opacity: "1" }); $('.index .f3A .textBox .more').click(function (){ $("#videobox .anti_box video").attr("src",$(this).attr("data-url")); document.getElementById('video').play(); $('.anti_search').css('display','block') }) $('.anti_search .closeico').click(function (){ document.getElementById('video').pause(); $("#videobox .anti_box video").attr("src",""); $('.anti_search').css('display','none') }) }, scrollText: function() { $(window).scroll(function() { var scrollTop = $(window).scrollTop(); $(".a_img").css({ "-webkit-transform": "rotate(" + scrollTop / 3 + "deg)" }); $(".marquee_box").css({ "-webkit-transform": "translateX(-" + scrollTop / 4 + "px)" }); }); }, yoyo: function (e) { var num = getQueryString("num"), tab = getQueryString("tab"); if (num != "" && num != null) { document.getElementById("num" + num).scrollIntoView(true); } var $header = $('.header'); $header.addClass('fixedActive') //鏀荤暐 var $taba = $('.pageRaidersTv .tabList.tab a'), $pageTvMina = $('.pageRaidersTv .coverBox .minTab'); var swiperCoverBox = new Swiper('.swiperCoverBox', { speed: 600, autoplay: { delay: 4000, stopOnLastSlide: false, disableOnInteraction: false, }, on: { slideChangeTransitionStart: function () { $taba.eq(this.activeIndex).addClass('active').siblings().removeClass('active') $pageTvMina.eq(this.activeIndex).addClass('active').siblings().removeClass('active') }, }, }); $taba.click(function (e) { var i = $(this).index() $(this).addClass('active').siblings().removeClass('active') $pageTvMina.eq(i).addClass('active').siblings().removeClass('active') swiperCoverBox.slideTo(i, 1000, false); }) //澶т簨璁 var $TabYear = $('.pageMemorabilia .tabList.tab a'), year = 2018, liHtml = '' $TabYear.click(function (e) { $(this).addClass('active').siblings().removeClass('active') year = $(this).html() apiyoyoApi(year) }) MemorabiliaSwiper = new Swiper('.MemorabiliaSwiper', { slidesPerView: 3, speed: 600, autoplay: { delay: 4000, stopOnLastSlide: false, disableOnInteraction: false, }, on: { slideChangeTransitionEnd: function () { //alert(this.activeIndex);//鍒囨崲缁撴潫鏃讹紝鍛婅瘔鎴戠幇鍦ㄦ槸绗嚑涓猻lide }, }, spaceBetween: 75, grabCursor: true, centeredSlides: true, pagination: { el: '.swiper-pagination', clickable: true, }, }); apiyoyoApi($TabYear.eq(0).html()) function apiyoyoApi(year) { shutime.getDataForApi('get', '/apiyoyo.html?year=' + year, {}, function (data) { if (data.result) { liHtml = '' for (var i = 0; i <= data.news.length - 1; i++) { liHtml += '
' + '
' + '
' + '' + '
' + '
' + '' + '

' + data.news[i].title + '

' + '
' + data.news[i].content + '
'; } $('.MemorabiliaSwiper .ul').html(liHtml) MemorabiliaSwiper.slideTo(1, 1000, false); MemorabiliaSwiper.update() $('.pageMemorabilia .MemorabiliaSwiper .li').click(function (e) { var index = $(this).index() console.log(index) MemorabiliaSwiper.slideTo(index, 1000, false); }) } }) } //鍛ㄨ竟 var page = 1, $pageSurrounding = $('.pageSurrounding .pageList ul'), html = '', total = 0, $number = $('.pageSurrounding .number'), htmlPage = '', $btnL = $('.pageSurrounding .pageNumber .btnL'), $btnR = $('.pageSurrounding .pageNumber .btnR') apizhoubian(page) $number.find('a') function apizhoubian(page) { shutime.getDataForApi('get', '/apizhoubian.html?page=' + page + '&pageSize=8', {}, function (data) { if (data.result) { html = '' total = data.data.total pageCont = Math.ceil(total / 8) for (var i = 0; i <= data.data.zhoubian.length - 1; i++) { html += '
  • ' + '
    ' + '' + '
    ' + '
    ' + '

    ' + data.data.zhoubian[i].title + '

    ' + '
    ' + '
  • ' } htmlPage = '' for (var a = 0; a <= pageCont - 1; a++) { htmlPage += '' + (a + 1) + '' } $number.html(htmlPage) $pageSurrounding.html(html) } }) $number.on('click', 'a', function (e) { page = $(this).data('page') apizhoubian(page) }) } $btnL.click(function (e) { page <= 1 ? page = 1 : page-- apizhoubian(page) }) $btnR.click(function (e) { page >= pageCont ? page = pageCont : page++ apizhoubian(page) }) }, raiders: function (e) { var $header = $('.header'), $setListLi = $('.pageSet .setList>li') num = util.getSearch('num'); if (num) { $('html,body').animate({ scrollTop: $setListLi.eq(num).offset().top - 94 }, 800, function () { }); } $header.addClass('fixedActive') //瀹惰璇惧爞 var HIC = new Swiper('.HIC', { speed: 600, autoplay: { delay: 4000, stopOnLastSlide: false, disableOnInteraction: false, }, }); var $HICLi = $('.HIC ul li'); $HICLi.hover(function (e) { var i = $(this).index() HIC.slideTo(i, 1000, false); }) //瀹惰璇惧爞 var CK = new Swiper('.CK', { speed: 600, autoplay: { delay: 4000, stopOnLastSlide: false, disableOnInteraction: false, }, }); var $CKLi = $('.CK ul li'); $CKLi.hover(function (e) { var i = $(this).index() CK.slideTo(i, 1000, false); }) //瀹跺眳濂界墿 var $deviceSwiperLi = $('.deviceSwiper .li'), $btnL = $('.deviceSwiper .tabBtn .BtnL'), $btnR = $('.deviceSwiper .tabBtn .BtnR') var deviceSwiper = new Swiper('.deviceSwiper', { speed: 600, slidesPerView: 'auto', loop: true, centeredSlides: true, autoplay: { delay: 4000, stopOnLastSlide: false, disableOnInteraction: false, }, spaceBetween: 100, navigation: { nextEl: '.tabBtn .BtnR ', prevEl: '.tabBtn .BtnL ', }, on: { slideChangeTransitionStart: function () { var i = this.realIndex var prevIndex = (this.realIndex - 1 < 0 ? $deviceSwiperLi.length - 1 : this.realIndex - 1) var nextIndex = (this.realIndex + 1 > ($deviceSwiperLi.length - 1) ? 0 : this.realIndex + 1) var prevHtml = $deviceSwiperLi.eq(prevIndex).find('.title').html() var nextHtml = $deviceSwiperLi.eq(nextIndex).find('.title').html() $btnL.find('span').html(prevHtml) $btnR.find('span').html(nextHtml) }, } }); $('.sjSubmit').click(function (e) { if ($(".userName").val() == '') { layer_box("娓╅Θ鎻愮ず", "璇疯緭鍏ユ偍鐨勫鍚嶏紒"); return false; } else if ($(".userTel").val() == '') { layer_box("娓╅Θ鎻愮ず", "璇疯緭鍏ユ偍鐨勮仈绯荤數璇濓紒"); return false; } else if (!util.regPhone($(".userTel").val())) { layer_box("娓╅Θ鎻愮ず", "鑱旂郴鐢佃瘽鏍煎紡涓嶆纭紒"); return false } else { shutime.getDataForApi('post', '/apibuy.html', { type: 5, form_name: $(".userName").val(), form_phone: $(".userTel").val(), _csrf: $("#_csrf").val() }, function (data) { if (data.result) { $(".userName").val('') $(".userTel").val('') layer_box("娓╅Θ鎻愮ず", "鎻愪氦鎴愬姛鎴戜滑浼氬敖蹇仈绯绘偍"); return false }else { getErrorMsg(data.msg);//閿欒鎻愮ず } }) } }) $(".li_close").click(function(){ $(".ligtboxw").hide(); }) var hash = window.location.hash; var pos = hash.substring(hash.indexOf('#') + 1); if (pos = 'mfsj'){ $(".ligtboxw").show(); } }, raidersDetails: function (e) { var $aside = $('.aside'), $asideBox = $('.asideBox'), $FixedBox = $('.FixedBox'), header_h = $('.header').height(), $listRaidersL = $('._listRaiders.L'), listRaidersL_H = $listRaidersL.height(), listRaidersL_offsetTop = $listRaidersL.offset().top, asideBox_h = $asideBox.height(), w_h = window.innerHeight - header_h, offsetH = $(window).height(), compared = listRaidersL_offsetTop + listRaidersL_H - offsetH, offsetTop = $aside.offset().top - header_h, variable = 0, Difference = listRaidersL_H - asideBox_h; $(window).scroll(function () { var _top = $(window).scrollTop() //console.log(_top,offsetTop) //console.log(_top,offsetTop,Difference) if (_top >= offsetTop && Difference > 0) { if (_top >= (compared)) { if (w_h >= asideBox_h) { if (_top >= (Difference + listRaidersL_offsetTop - header_h)) { $asideBox.css('transform', 'translateY(' + (Difference) + 'px)') $FixedBox.addClass('activeFixedBottom') } } else { $asideBox.css('transform', 'translateY(' + (Difference) + 'px)') $FixedBox.addClass('activeFixedBottom') } } else { variable = (_top - offsetTop) //$asideBox.css('transform', 'translateY(' + (variable) + 'px)') $asideBox.css('transform', 'translateY(' + (0) + 'px)') $FixedBox.addClass('activeFixed') $FixedBox.removeClass('activeFixedBottom') } } else { $asideBox.css('transform', 'translateY(' + (0) + 'px)') $FixedBox.removeClass('activeFixed') $FixedBox.removeClass('activeFixedBottom') } }) }, setDetails: function (e) { var $header = $('.header'); $header.addClass('fixedActive') var setDetailsSwiper = new Swiper('.setDetailsSwiper', { speed: 600, autoplay: { delay: 4000, stopOnLastSlide: false, disableOnInteraction: false, }, loop: true, pagination: { el: '.setDetailsSwiper .pagination', clickable: true, }, }); util.cursor({ $cursor: document.getElementsByClassName('_cursor')[0], $must: document.getElementsByClassName('_Must')[0] }) }, store: function () { //鍩庡競鑱斿姩 var _slen = city.length - 1, _cIndex = 0, _cli = ''; var _sIndex = 0, _sLi = ''; var _xIndex = 0, _xLi = ''; var _sheng = '', _shi = '', _xian = '' for (var i = 0; i < _slen; i++) { _cli += "" $('#ddlProvince').html('' + _cli); } $("#ddlProvince").on('change', function () { _sLi = '', _xLi = '' _sheng = $(this).val(); sf(_sLi, _xLi, _sheng) }); $('#ddlCity').on('change', function () { _shi = $(this).val(), _xLi = ''; for (var i = 0; i <= city[_cIndex].cityList.length - 1; i++) { if (city[_cIndex].cityList[i].name == _shi) { _sIndex = i } } }) var prvinces = getQueryString("prvince"); var citys = getQueryString("city"); var lo = 116.331398; var la = 39.897445; var map = new BMap.Map("mymap"); map.centerAndZoom(new BMap.Point(lo, la), 12); var geolocation = new BMap.Geolocation(); var regsn = new RegExp('鐪?) var regsi = new RegExp('甯?) geolocation.getCurrentPosition(function (r) { if (this.getStatus() == BMAP_STATUS_SUCCESS) { citys = r.address.city prvinces = r.address.province $("#ddlProvince").val(prvinces.replace(regsn, '')); _sLi = '', _xLi = '' _sheng = prvinces.replace(regsn, ''); sf(_sLi, _xLi, _sheng) apistoreover(_sheng, citys) } }) var str = '', insnum = 1 var $search_store = $('.search_store') $search_store.click(function (e) { if (_sheng == '') { layer_box("娓╅Θ鎻愮ず", "璇烽€夋嫨鐪佷唤"); return false; } else if (_shi == '') { layer_box("娓╅Θ鎻愮ず", "璇烽€夋嫨鍩庡競"); return false; } else { province = _sheng citytext = _shi str = '', insnum = 1, pageIndex = 0 apistoreover(province, citytext) } }) function apistoreover(province, citytext) { $.ajax({ type: "post", data: { province: province, city: citytext, }, url: 'https://sw.quanyou.com.cn/apistoreover.html', dataType: 'json', success: function (data) { if (insnum == 1) { $("#ConAddressList").html(""); } if (data.result) { $.each(data.data.list, function (i, e) { if (insnum < 10) { insnum = "0" + insnum; } var str = ""; str += '
    '; str += '
    ' + insnum + '
    '; str += '
    ' + e.store_address + '
    '; str += '
    Tel ' + e.store_phone + '
    '; str += '
    '; $("#ConAddressList").append(str); insnum = parseInt(insnum) + 1; }); } }, error: function (e) { console.log(e, "鏁版嵁鍔犺浇閿欒") } }) } function sf(_sLi, _xLi, _sheng) { for (var i = 0; i <= _slen; i++) { if (city[i].name == _sheng) { _cIndex = i } } $('#ddlCity').html('') for (var a = 0; a <= city[_cIndex].cityList.length - 1; a++) { _sLi += "" $('#ddlCity').html(_sLi); } for (var b = 0; b <= city[_cIndex].cityList[0].areaList.length - 1; b++) { _xLi += "" $('#xian').html(_xLi); } _shi = city[_cIndex].cityList[0].name _xian = city[_cIndex].cityList[0].areaList[0] } }, cupboard: function (e) { }, process: function (e) { var processSwiper = new Swiper('.processSwiper', { navigation: { nextEl: '.processList .BtnR', prevEl: '.processList .BtnL', }, speed: 600, autoplay: { delay: 4000, stopOnLastSlide: false, disableOnInteraction: false, }, }); }, join: function (e) { console.log('?') $("#distpicker").distpicker({ autoSelect: false, province: '鐪?, city: '甯?, district: '鍖?鍘?', }); var $form = document.getElementById('_form') $('.form_submit').click(function (e) { if ($form.name.value == '') { new util.toast({ string: '璇峰~鍐欏鍚?, type: 'error' }) } else if ($form.mobile.value == '') { new util.toast({ string: '璇峰~鍐欐墜鏈哄彿鐮?, type: 'error' }) } else if (!util.regPhone($form.mobile.value)) { new util.toast({ string: '璇峰~鍐欐纭墜鏈哄彿鐮?, type: 'error' }) } else if ($form.address.value == '') { new util.toast({ string: '璇峰~鍐欏湴鍧€', type: 'error' }) } else { shutime.getDataForApi('POST', '/apibuy.html', { type: 3, _csrf:$('#_csrf').val(), form_name: $form.name.value, form_phone: $form.mobile.value, form_address: $form.province.value + $form.city.value + $form.name.value + $form .edistrictName.value + $form.address.value, }, function (data) { if (data.result) { new util.toast({ string: '鐢宠鎴愬姛鎴戜滑浼氬敖蹇仈绯绘偍', type: 'success' }) $form.name.value = '' $form.mobile.value = '' $form.address.value = '' } }) } }) }, page: function() { var total = Math.ceil($("#page").attr("data-total") / $("#page").attr("data-size")); var curPage = $("#page").attr("data-page"); var pageSize = $("#page").attr("data-size"); var url = $("#page").attr("data-cat"); new Paging('page', { nowPage: Number(curPage), // 褰撳墠椤电爜 pageNum: total, // 鎬婚〉鐮 buttonNum: pageSize, //瑕佸睍绀虹殑椤电爜鏁伴噺 canJump: 0, // 鏄惁鑳借烦杞€?=涓嶆樉绀猴紙榛樿锛夛紝1=鏄剧ず showOne: 1, //鍙湁涓€椤垫椂锛屾槸鍚︽樉绀恒€?=涓嶆樉绀?1=鏄剧ず锛堥粯璁わ級 callback: function(num) { //鍥炶皟鍑芥暟 // window.location.href = url + num + ".html" } }) }, /** *鑾峰彇鏁版嵁 * * @param {String} url 浼犲叆鐨勬暟鎹帴鍙 * @param {Object} para 浼犲叆鐨勫弬鏁 * @param {Object} callback 杩斿洖 */ getDataForApi: function (type, url, para, callback) { $.ajax({ type: type, data: para, url: window.location.protocol + '//' + window.location.host + url, //url: 'http://quanyoustore.cooyao.cn' + url, dataType: 'json', success: function (data) { callback(data) }, error: function (e) { console.log(e, "鏁版嵁鍔犺浇閿欒") } }) }, } shutime.init() util.backTop() util.isTop() util.toastInit()