362 lines
10 KiB
JavaScript
362 lines
10 KiB
JavaScript
// 节流函数
|
||
function throttle(handle, wait) {
|
||
let lastTime = 0;
|
||
return function (e) {
|
||
let nowTime = new Date().getTime()
|
||
if (nowTime - lastTime > wait) {
|
||
handle();
|
||
lastTime = nowTime;
|
||
}
|
||
}
|
||
}
|
||
/* ................... 防抖函数 ................... */
|
||
function debounce(func, delay) {
|
||
let timeout
|
||
return function () {
|
||
clearTimeout(timeout) // 如果持续触发，那么就清除定时器，定时器的回调就不会执行。
|
||
timeout = setTimeout(() => {
|
||
func.apply(this, arguments)
|
||
}, delay)
|
||
}
|
||
}
|
||
/* .................. 获取链接参数 .................. */
|
||
function getUrlData(name) {
|
||
var query = window.location.search.substring(1);
|
||
var vars = query.split("&");
|
||
for (var i = 0; i < vars.length; i++) {
|
||
var pair = vars[i].split("=");
|
||
if (pair[0] == name) {
|
||
return decodeURI(pair[1]);
|
||
}
|
||
}
|
||
return (false);
|
||
}
|
||
if (getUrlData("btn") && getUrlData("btn") === "index") {
|
||
sessionStorage.setItem("agent", "index");
|
||
}
|
||
var channel = "PC端";
|
||
if (window.navigator && (/Mobile|Android|webOS|iPhone|iPad|Phone/i.test(navigator.userAgent))) {
|
||
channel = "移动端";
|
||
}
|
||
// 按钮位置和当前链接
|
||
var btnPosition = "代理页面按钮";
|
||
var curLink = sessionStorage.getItem("currentLink") || tool.getCookie("currentLink");
|
||
if (curLink == "") {
|
||
curLink = link;
|
||
}
|
||
var vm = new Vue({
|
||
el: "#app",
|
||
data: {
|
||
tel: '',
|
||
i: 2,
|
||
aboutFix: "",
|
||
activeIndex: 2,
|
||
solveSwiper: "",
|
||
teleManaI: 2,
|
||
sscManaI: 1,
|
||
codeText: '获取验证码',
|
||
count: 30,
|
||
timer: null,
|
||
tel: "",
|
||
cityValue: "",
|
||
city: "",
|
||
com: "",
|
||
typec: "代理页面",
|
||
telCodeStatus: false,
|
||
codeStatus: false,
|
||
telTips: "",
|
||
codeTips: "",
|
||
comTips: "",
|
||
cityTips: "",
|
||
buttonAble: false,
|
||
code: "",
|
||
state: "0",
|
||
right: "",
|
||
imgScrollFlag: null,
|
||
},
|
||
mounted() {
|
||
if (screen.availWidth !== 1280 && window.devicePixelRatio !== 1.5) {
|
||
new WOW().init();
|
||
};
|
||
this.allSwiper()
|
||
window.addEventListener("scroll", this.aboutFixClass)
|
||
// this.imgScroll()
|
||
},
|
||
mixins: [mixins],
|
||
methods: {
|
||
aboutFixClass() {
|
||
if (
|
||
!!document.documentElement.scrollTop &&
|
||
document.documentElement.scrollTop > 200 || document.body.scrollTop > 200
|
||
) {
|
||
this.headerCss = false
|
||
this.aboutFix = "about-fix";
|
||
} else {
|
||
this.aboutFix = "";
|
||
}
|
||
},
|
||
imgScroll() {
|
||
let _this = this;
|
||
var dome = document.querySelector(".agent-industry-box");
|
||
var dome1 = document.querySelector(".agent-industry-box1");
|
||
var dome2 = document.querySelector(".agent-industry-box2");
|
||
var speed = 10;//设置向上轮动的速度
|
||
dome2.innerHTML = dome1.innerHTML;//复制节点
|
||
function moveTop() {
|
||
if (dome2.offsetWidth - dome.scrollLeft <= 0) {
|
||
dome.scrollLeft -= dome1.offsetWidth
|
||
} else {
|
||
dome.scrollLeft++;
|
||
}
|
||
}
|
||
this.imgScrollFlag = setInterval(moveTop, speed);
|
||
dome.onmouseover = function () {
|
||
clearInterval(_this.imgScrollFlag);
|
||
}
|
||
dome.onmouseout = function () {
|
||
_this.imgScrollFlag = setInterval(moveTop, speed);
|
||
}
|
||
},
|
||
solveTab(i) {
|
||
this.i = i;
|
||
var j = i - 1;
|
||
this.solveSwiper.slideTo(j, 1000, false);
|
||
},
|
||
teleMana(i) {
|
||
this.teleManaI = i;
|
||
},
|
||
sscTab(i) {
|
||
this.sscManaI = i;
|
||
},
|
||
allSwiper() {//swiper
|
||
if (screen.width <= 768) { //名企证言轮播
|
||
var comSwiper = new Swiper('.com-swiper', {
|
||
initialSlide: 1,//初始化时slide的索引
|
||
slidesPerView: 'auto',
|
||
slideToClickedSlide: true,
|
||
centeredSlides: true,
|
||
loop: true, // 循环模式选项
|
||
autoplay: {
|
||
delay: 3000,
|
||
disableOnInteraction: false
|
||
},
|
||
pagination: {
|
||
el: '.swiper-pagination',
|
||
clickable: true,
|
||
}
|
||
})
|
||
} else {
|
||
new Swiper('.com-swiper', {
|
||
// initialSlide: 1,//初始化时slide的索引
|
||
slidesPerView: 3,
|
||
// spaceBetween: 30,
|
||
slideToClickedSlide: true,
|
||
centeredSlides: true,
|
||
loop: true, // 循环模式选项
|
||
autoplay: {
|
||
delay: 3000,
|
||
disableOnInteraction: false
|
||
},
|
||
pagination: {
|
||
el: '.swiper-pagination',
|
||
clickable: true,
|
||
}
|
||
})
|
||
}
|
||
},
|
||
verifyTel: debounce(function () {
|
||
var RegExp = /^1[3-9][0-9]{9}$/;
|
||
if (vm.tel.trim() == "") {
|
||
vm.telTips = "请输入您的手机号";
|
||
vm.telCodeStatus = false;
|
||
} else if (!RegExp.test(vm.tel.trim())) {
|
||
vm.telTips = "请输入正确的手机号码";
|
||
vm.telCodeStatus = false;
|
||
} else {
|
||
vm.telTips = "";
|
||
vm.telCodeStatus = true;
|
||
}
|
||
}, 500),
|
||
getCode: throttle(function () {
|
||
btnPosition = "代理页面立即加入按钮"
|
||
var RegExp = /^1[3-9][0-9]{9}$/;
|
||
if (vm.tel.trim() == "") {
|
||
Swal.fire({
|
||
title: '请输入您的手机号',
|
||
showConfirmButton: false,
|
||
timer: 1500
|
||
})
|
||
return false
|
||
} else if (!RegExp.test(vm.tel.trim())) {
|
||
Swal.fire({
|
||
title: '请输入正确的手机号码',
|
||
showConfirmButton: false,
|
||
timer: 1500
|
||
})
|
||
} else {
|
||
vm.tips = "";// 验证通过
|
||
vm.timer = setInterval(() => {
|
||
if (vm.count > 0 && vm.count <= 30) {
|
||
vm.buttonAble = true
|
||
vm.count--
|
||
vm.codeText = vm.count + "秒后重新获取"
|
||
} else {
|
||
vm.buttonAble = false;
|
||
vm.codeText = "获取验证码"
|
||
clearInterval(vm.timer);
|
||
vm.timer = null;
|
||
vm.count = 30;
|
||
}
|
||
}, 1000);
|
||
$.ajax({
|
||
url: "/apply/apply-code.php",
|
||
type: "post",
|
||
data: {
|
||
tel: vm.tel,
|
||
btn: btnPosition,
|
||
curLink: curLink,
|
||
protype: vm.typec,
|
||
sourceLink: sourceUrl,
|
||
website_keywords: website_keywords,// 关键词
|
||
channel: channel
|
||
},
|
||
success: function (res) {
|
||
if (res == "toomuch") {
|
||
alert("请匆频繁提交!感谢您的理解和合作，可通过在线客服或电话与我们取得联系。")
|
||
return
|
||
}
|
||
console.log("第一步推送成功!");
|
||
}
|
||
});
|
||
vm.actionId = vm.tel + "-" + Math.floor(Math.random() * 1000000);
|
||
$.ajax({
|
||
url: "/api/sendMsg.php",
|
||
type: 'POST',
|
||
data: {
|
||
telNum: vm.tel,
|
||
actionId: vm.actionId,
|
||
info: 'holly.400',
|
||
time: new Date().getTime(),
|
||
actionName: "呼叫中心站试用申请",
|
||
verifyCode: ""
|
||
},
|
||
success: function (res) {
|
||
if (res.state == "sent") {//发送验证码成功，并且成功写入数据库，返回sent
|
||
return (vm.codeTips = "验证码已发送，请注意查收");
|
||
} else {//其他不成功的情况
|
||
return (vm.codeTips = "发送失败，请稍后再试");
|
||
}
|
||
}
|
||
});
|
||
}
|
||
}, 1500),
|
||
verifyCode: debounce(function (event) {
|
||
if (vm.tel == "") {
|
||
vm.codeStatus = false;
|
||
return (vm.telTips = "请输入手机号码");
|
||
} else if (event.target.value == "") {
|
||
vm.codeStatus = false;
|
||
return (vm.codeTips = "请输入验证码");
|
||
} else if (event.target.value.length != 4) {
|
||
vm.codeStatus = false;
|
||
return (vm.codeTips = "请输入正确的验证码");
|
||
} else {
|
||
vm.codeTips = ""
|
||
}
|
||
$.ajax({
|
||
url: "/api/verifyMsg.php",
|
||
type: 'post',
|
||
data: {
|
||
telNum: vm.tel,
|
||
actionId: vm.actionId,
|
||
actionName: "呼叫中心站试用申请",
|
||
code: vm.code
|
||
},
|
||
success: function (res) {
|
||
if (res.state == "vSucceed") {
|
||
$("#tel").attr({ readonly: "readonly" });
|
||
$("#getCode").attr({ disabled: "true" });
|
||
vm.$data.right = true;
|
||
vm.$data.codeTips = "验证码验证成功";
|
||
setTimeout(() => {
|
||
vm.$data.codeTips = "";
|
||
vm.codeStatus = true;
|
||
}, 500);
|
||
} else if (res.state == "vFail") {
|
||
event.target.focus();
|
||
vm.$data.right = false;
|
||
vm.codeStatus = false;
|
||
return (vm.$data.codeTips = "验证码错误，请重试");
|
||
}
|
||
}
|
||
});
|
||
}, 1500),
|
||
verifyCom: debounce(function () {
|
||
if (vm.com.trim() == "") {
|
||
vm.comTips = "请输入您的公司名称";
|
||
} else { vm.comTips = ""; }
|
||
}, 1500),
|
||
verify: function () {
|
||
btnPosition = "代理页面立即加入按钮"
|
||
var mobilePattern = /^1[3-9][0-9]{9}$/;
|
||
if (vm.tel.trim() == "") {
|
||
Swal.fire({
|
||
title: '请输入您的手机号',
|
||
showConfirmButton: false,
|
||
timer: 1500
|
||
})
|
||
return false;
|
||
} else if (!mobilePattern.test(vm.tel.trim())) {
|
||
Swal.fire({
|
||
title: '请输入正确的手机号码',
|
||
showConfirmButton: false,
|
||
timer: 1500
|
||
})
|
||
return false;
|
||
} else if (vm.code.trim() == "") {
|
||
Swal.fire({
|
||
title: '请输入验证码',
|
||
showConfirmButton: false,
|
||
timer: 1500
|
||
})
|
||
return false;
|
||
} else if (vm.code.trim().length != 4) {
|
||
Swal.fire({
|
||
title: '请输入正确的验证码',
|
||
showConfirmButton: false,
|
||
timer: 1500
|
||
})
|
||
return false;
|
||
} else if (!vm.right) {
|
||
Swal.fire({
|
||
title: '请输入正确的验证码',
|
||
showConfirmButton: false,
|
||
timer: 1500
|
||
})
|
||
return false;
|
||
} else if (vm.com.trim() == "") {
|
||
Swal.fire({
|
||
title: '请输入公司名',
|
||
showConfirmButton: false,
|
||
timer: 1500
|
||
})
|
||
return false;
|
||
}
|
||
else {
|
||
vm.tips = "";
|
||
tool.setCookie("applyTel", vm.tel, 1);
|
||
tool.setCookie("applyCom", vm.com, 1);
|
||
tool.setCookie("applyCity", vm.city, 1);
|
||
if (channel === "移动端") {
|
||
document.agent_mobile.submit();
|
||
} else {
|
||
document.agent.submit();
|
||
}
|
||
}
|
||
}
|
||
},
|
||
beforeDestroy() {
|
||
clearInterval(_this.imgScrollFlag);
|
||
},
|
||
});
|