// 节流函数
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);
}
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;
}
console.log("按钮位置+当前链接---" + btnPosition + "---" + curLink);
console.log("🚀   sourceUrl---", sourceUrl)
var vm = new Vue({
  el: "#app",
  data: {
    advanI: 1,
    problemI: 1,
    codeText: '获取验证码',
    count: 30,
    timer: null,
    tel: "",
    cityValue: "",
    city: "",
    com: "",
    typec: "价格页面",
    telCodeStatus: false,
    codeStatus: false,
    telTips: "",
    codeTips: "",
    comTips: "",
    cityTips: "",
    buttonAble: false,
    code: "",
    state: "0",
    options: provinceArr,
    selectedOptions: [],
    right: "",
    like: [true, true, true, true, true, true],
    dislike: [true, true, true, true, true, true],
    tabV: 1,
    priceDetailShowFlag: false,
    priceDetailCloseShowFlag: false,
  },
  mixins: [mixins],
  methods: {
    /* ------- 显示关闭价格详情关闭按钮 ------- */
    priceDetailCloseShow() {
      let _this = this;
      let priceDetail = document.querySelector(".price-detail-wrap");
      if (priceDetail.scrollTop > 300) {
        _this.priceDetailCloseShowFlag = true;
      } else {
        _this.priceDetailCloseShowFlag = false;
      }
    },
    showPriceDetail() {
      this.priceDetailShowFlag = true;
      document.documentElement.style.overflowY = "hidden"
    },
    closePriceDetail() {
      this.priceDetailShowFlag = false;
      document.documentElement.style.overflowY = "auto"
    },
    problemLike(i) {
      this.$set(this.like, i, false);
      this.$set(this.dislike, i, true);
    },
    problemDislike(i) {
      this.$set(this.dislike, i, false);
      this.$set(this.like, i, 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,
            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),
    verifyCity: debounce(function () {
      if (vm.city.trim() == "") {
        vm.cityTips = "请输入您所在的城市";
      } else { vm.cityTips = ""; }
    }, 1500),
    handleChange() {
      for (let i = 0; i < this.selectedOptions.length; i++) {
        this.city = this.city + " " + CodeToText[this.selectedOptions[i]];
      }
    },
    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 (!this.city) {
        Swal.fire({
          type: 'error',
          height: "300",
          title: '请先选择地区',
          showConfirmButton: false,
          timer: 1500
        })
        vm.cityTips = "请输入您所在的城市";
        return false;
      }
      else {
        vm.tips = "";
        tool.setCookie("applyTel", vm.tel, 1);
        tool.setCookie("applyCom", vm.com, 1);
        tool.setCookie("applyCity", vm.city, 1);
        document.agent.submit();
      }
    }
  }
});
if (screen.availWidth !== 1280 && window.devicePixelRatio !== 1.5) {
  AOS.init({
    disable: "mobile",
    duration: 600,
    delay: 50,
    easing: 'ease-in-out'
  })
} else {
  AOS.init({
    disable: true,
    duration: 600,
    delay: 50,
    easing: 'ease-in-out'
  })
}