请输入正确的手机号码");
// $(this).parent().parent().css('border','1px red solid');
// $(this).css('outline','none');
// }
// })
// 账号手机号验证
// $("#zh-phone").bind('input propertychange',function(){
// if (isPhone($(this).val())) {
// $(".zh-phone").html("");
// $(this).parent().parent().css('border','1px #D8DCE8 solid');
// $(this).css('outline','');
// } else {
// $(".zh-phone").html("请输入正确的手机号码");
// $(this).parent().parent().css('border','1px red solid');
// $(this).css('outline','none');
// }
// })
// 短信手机号验证
// $("#dx-phone").bind('input propertychange',function(){
// if (isPhone($(this).val())) {
// $(".dx-phone").html("");
// $(this).parent().parent().css('border','1px #D8DCE8 solid');
// $(this).css('outline','');
// } else {
// $(".dx-phone").html("请输入正确的手机号码");
// $(this).parent().parent().css('border','1px red solid');
// $(this).css('outline','none');
// }
// })
// 注册协议按钮同意可以点击注册
// $(".checked").click(function(){
// if ($(".checked").get(0).checked) {
// $(".form-btn").attr('disabled',false);
// $(".form-btn").removeClass("back");
// } else {
// $(".form-btn").attr('disabled',true);
// $(".form-btn").addClass("back");
// }
// })
// 帮助中心
$(".bz-right-conent>div").eq(0).show()
let abtn = $(".bz-ul").children('li').click(function(){
var _index = $(this).index();
//让内容框的第 _index 个显示出来，其他的被隐藏
$(".bz-right-conent>div").eq(_index).show().siblings().hide();
$(this).addClass("active").siblings().removeClass('active')
});
});
/* ========================================================================= */
/* Welcome Section Slider
/* ========================================================================= */
$(function() {
var Page = (function() {
var $navArrows = $( '#nav-arrows' ),
$nav = $( '#nav-dots > span' ),
slitslider = $( '#slider' ).slitslider( {
onBeforeChange : function( slide, pos ) {
$nav.removeClass( 'nav-dot-current' );
$nav.eq( pos ).addClass( 'nav-dot-current' );
}
} ),
init = function() {
initEvents();
},
initEvents = function() {
// add navigation events
$navArrows.children( ':last' ).on( 'click', function() {
slitslider.next();
return false;
} );
$navArrows.children( ':first' ).on( 'click', function() {
slitslider.previous();
return false;
} );
$nav.each( function( i ) {
$( this ).on( 'click', function( event ) {
var $dot = $( this );
if( !slitslider.isActive() ) {
$nav.removeClass( 'nav-dot-current' );
$dot.addClass( 'nav-dot-current' );
}
slitslider.jump( i + 1 );
return false;
} );
} );
};
return { init : init };
})();
Page.init();
});
$(document).ready(function(){
var Store = (function(){
var storeKey = 'app-state', store = window.localStorage;
return {
get: function(key, defaultValue) {
var value = store.getItem(storeKey + '-' + key);
return value === undefined? defaultValue : JSON.parse(value);
},
set: function(key, value) {
store.setItem(storeKey + '-' + key, JSON.stringify(value));
}
};
})();
var Session = (function(){
var key = 'session';
return {
load: function() {
return Store.get(key);
},
loadData: function(data) {
data.span = data.timestamp - new Date().getTime();
Store.set(key, data);
},
isValid: function() {
var token = this.load();
return token && token.timestamp + token.expire * 1000 > new Date().getTime() + token.span;
},
get: function(prop) {
var token = this.load();
return token ? token[prop] : null;
},
set: function(prop, value) {
var token = this.load();
if (token) {
token[prop] = value;
Store.set(key, token);
}
}
}
})();
var setUserProfile = function(account) {
if (account) {
$(".login").css("display","none");
// 显示用户信息
$("#user-info").text(account.realname || account.username);
$(".profile").css("display","block")
} else {
$(".login").css("display","block");
$(".profile").css("display","none")
}
};
// 已经登录过从Store取出信息
setUserProfile(Session.get('account'));
// socket
var listenOnCallback = function(clientId, resolve) {
var socket = new SockJS(env.server.baseUrl + "/ws");
stompClient = Stomp.over(socket);
stompClient.connect({}, function(frame) {
stompClient.subscribe('/clients/' + clientId + '/sso/callback', function(message){
stompClient.disconnect(function(){
resolve(JSON.parse(message.body));
});
});
});
};
// 系统页面token
var Frontend = (function(){
var frame;
return {
init: function() {
$('body').append('');
frame = window.frames[window.frames.length - 1];
},
set: function(session, callback) {
window.addEventListener('message', callback, false);
frame.postMessage(JSON.stringify(session), '*');
},
redirect: function() {
window.location.href = env.frontend.baseUrl;
}
};
})();
Frontend.init();
// 关闭弹窗X
$(".tc-on").click(function(){
$('#box-zc').css('display','none');
$('#box').css('display','none');
$(".zhezhao").css("display","none")
})
// 登录弹出
$(".btn1").click(function(){
if ($('#box').css('display') =="none") {
// 随机生成clientId
var clientId = Math.random().toString(36).substr(2);
$(".zhezhao").css("display","block");
$('#box iframe').attr('src', env.server.ssoUrl + '/sassLogin?appId=sp&baseUrl=' +
encodeURIComponent(env.server.baseUrl + '/api/auth/sso/callback/' + clientId));
$('#box').show();
listenOnCallback(clientId, function(data){
var session = data.token, account = data.account;
account.companies = account.companies || [];
session.account = account;
Session.loadData(session);
setUserProfile(account);
$('#box').hide();
$(".zhezhao").css("display","none");
// 系统页面token设置
Frontend.set(session, function(){
if (!account.companyId) {
// 登录成功跳转到企业设置
this.$router.push({name:'enterprise'});
} else {
//如果开通过sass直接跳转到sass页面
Frontend.redirect();
}
});
});
} else {
$('#box').hide();
$(".zhezhao").css("display","none")
}
});
// 注册弹出
$('.register').click(function(){
if ($('#box').css('display') =="none") {
$(".zhezhao").css("display","block");
$('#box iframe').attr('src', env.server.ssoUrl + '/sassLogin/register?appId=sp');
$('#box').show();
} else {
$('#box').hide();
$(".zhezhao").css("display","none")
}
});
/* ========================================================================= */
/* Portfolio
/* ========================================================================= */
var $projectWrapper = $('.project-wrapper');
$projectWrapper.isotope({
filter: '*',
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
}
});
$('.portfolio-filter a').click(function(){
$('.portfolio-filter .active').removeClass('active');
$(this).addClass('active');
var selector = $(this).attr('data-filter');
$projectWrapper.isotope({
filter: selector,
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
}
});
return false;
});
/* ========================================================================= */
/* Menu item highlighting
/* ========================================================================= */
// jQuery('#nav').singlePageNav({
// offset: jQuery('#nav').outerHeight(),
// filter: ':not(.external)',
// speed: 2000,
// currentClass: 'current',
// easing: 'easeInOutExpo',
// updateHash: true,
// beforeStart: function() {
// console.log('begin scrolling');
// },
// onComplete: function() {
// console.log('done scrolling');
// }
// });
$(window).scroll(function () {
if ($(window).scrollTop() > 10) {
$(".navbar-brand a").css("color","#fff");
$("#navigation").removeClass("animated-header");
} else {
$(".navbar-brand a").css("color","inherit");
$("#navigation").addClass("animated-header");
}
});
/* ========================================================================= */
/* Fix Slider Height
/* ========================================================================= */
// Slider Height
var slideHeight = $(window).height();
$('#home-slider, #slider, .sl-slider, .sl-content-wrapper').css('height',slideHeight);
$(window).resize(function(){'use strict',
$('#home-slider, #slider, .sl-slider, .sl-content-wrapper').css('height',slideHeight);
});
$("#works, #testimonial").owlCarousel({
navigation : true,
pagination : false,
slideSpeed : 700,
paginationSpeed : 400,
singleItem:true,
navigationText: ["",""]
});
/* ========================================================================= */
/* Featured Project Lightbox
/* ========================================================================= */
$(".fancybox").fancybox({
padding: 0,
openEffect : 'elastic',
openSpeed : 650,
closeEffect : 'elastic',
closeSpeed : 550,
closeClick : true,
beforeShow: function () {
this.title = $(this.element).attr('title');
this.title = '' + $(this.element).parents('.portfolio-item').find('img').attr('alt') + '
'; }, helpers : { title : { type: 'inside' }, overlay : { css : { 'background' : 'rgba(0,0,0,0.8)' } } } }); }); // ========== END GOOGLE MAP ========== // var wow = new WOW ({ offset: 75, // distance to the element when triggering the animation (default is 0) mobile: false, // trigger animations on mobile devices (default is true) }); wow.init();