// 节流函数
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);
  },
});