(function (window, undefined) {
  var old_onload = window.onload;
  window.onload = function () {
    const login = document.getElementById("login");
    Vue.prototype.lang = window.lang;
    new Vue({
      components: {
        countDownButton,
        captchaDialog,
      },
      data() {
        return {
          openWindow: null,
          // 登录是否需要验证
          isCaptcha: false,
          isShowCaptcha: false, //登录是否显示验证码弹窗
          checked: false,
          isEmailOrPhone: false, // true:电子邮件 false:手机号
          isPassOrCode: false, // true:密码登录 false:验证码登录
          errorText: "",
          formData: {
            email: null,
            phone: null,
            password: null,
            phoneCode: "",
            emailCode: "",
            isRemember: false,
            countryCode: 86,
          },
          token: "",
          codeAction: "",
          captcha: "",
          countryList: [],
          commonData: {},
          qrCodeData: {
            ticket: "",
            token: "",
          },
          isWxLogin: false,
        };
      },
      created() {
        if (localStorage.getItem("jwt")) {
          location.href = "/home.htm";
          return;
        }
        const urlParams = getUrlParams();
        if (urlParams.ticket && urlParams.token) {
          this.qrCodeData.ticket = urlParams.ticket;
          this.qrCodeData.token = urlParams.token;
          this.isWxLogin = true;
        }
        this.getCountryList();
        this.getCommonSetting();
      },
      mounted() {
        // 关闭loading
        document.getElementById("mainLoading").style.display = "none";
        document.getElementsByClassName("template")[0].style.display = "block";
      },
      updated() {},
      watch: {},
      methods: {
        // 验证码验证成功后的回调
        getData(captchaCode, token) {
          this.isCaptcha = false;
          this.token = token;
          this.captcha = captchaCode;
          this.isShowCaptcha = false;
          if (this.codeAction === "login") {
            this.doLogin();
          } else if (this.codeAction === "emailCode") {
            this.sendEmailCode();
          } else if (this.codeAction === "phoneCode") {
            this.sendPhoneCode();
          }
        },
        goHelpUrl(url) {
          window.open(this.commonData[url]);
        },
        // 登录
        doLogin() {
          let isPass = true;
          const form = {...this.formData};
          // 邮件登录验证
          if (this.isEmailOrPhone) {
            if (!form.email) {
              isPass = false;
              this.errorText = lang.login_text1;
            } else if (
              form.email.search(
                /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/
              ) === -1
            ) {
              isPass = false;
              this.errorText = lang.login_text2;
            }

            // 邮件 密码登录 验证
            if (this.isPassOrCode) {
              // 密码登录
              if (!form.password) {
                isPass = false;
                this.errorText = lang.login_text3;
              }
            } else {
              // 邮件 验证码登录 验证
              if (!form.emailCode) {
                isPass = false;
                this.errorText = lang.login_text4;
              } else {
                if (form.emailCode.length !== 6) {
                  isPass = false;
                  this.errorText = lang.login_text5;
                }
              }
            }
          }

          // 手机号码登录 验证
          if (!this.isEmailOrPhone) {
            if (!form.phone) {
              isPass = false;
              this.errorText = lang.login_text6;
            } else {
              // 设置正则表达式的手机号码格式 规则 ^起点 $终点 1第一位数是必为1  [3-9]第二位数可取3-9的数字  \d{9} 匹配9位数字
              const reg = /^\d+$/;
              if (this.formData.countryCode === 86) {
                if (!reg.test(form.phone)) {
                  isPass = false;
                  this.errorText = lang.login_text7;
                }
              }
            }

            // 手机号 密码登录 验证
            if (this.isPassOrCode) {
              // 密码登录
              if (!form.password) {
                isPass = false;
                this.errorText = lang.login_text3;
              }
            } else {
              // 手机 验证码登录 验证
              if (!form.phoneCode) {
                isPass = false;
                this.errorText = lang.account_tips45;
              } else {
                if (form.phoneCode.length !== 6) {
                  isPass = false;
                  this.errorText = lang.account_tips46;
                }
              }
            }
          }

          // 勾选协议
          if (!this.checked) {
            isPass = false;
            this.errorText = lang.account_tips51;
          }

          if (isPass && this.isCaptcha && !this.captcha) {
            this.isShowCaptcha = true;
            this.codeAction = "login";
            this.$refs.captcha.doGetCaptcha();
            return;
          }
          // 验证通过
          if (isPass) {
            this.errorText = "";
            let code = "";
            if (!this.isPassOrCode) {
              if (this.isEmailOrPhone) {
                code = form.emailCode;
              } else {
                code = form.phoneCode;
              }
            }
            const params = {
              type: this.isEmailOrPhone ? "email" : "phone",
              account: this.isEmailOrPhone ? form.email : form.phone,
              phone_code: form.countryCode.toString(),
              code,
              captcha: this.captcha,
              token: this.token,
            };

            const Api = this.isWxLogin ? apiBindWxAccount : bindOauthAccount;
            if (this.isWxLogin) {
              params.ticket = this.qrCodeData.ticket;
              params.token = this.qrCodeData.token;
            }
            //调用登录接口
            Api(params)
              .then((res) => {
                if (res.data.status === 200) {
                  this.$message.success(res.data.msg);
                  // 存入 jwt
                  localStorage.setItem("jwt", res.data.data.jwt);
                  getMenu().then((ress) => {
                    if (ress.data.status === 200) {
                      localStorage.setItem(
                        "frontMenus",
                        JSON.stringify(ress.data.data.menu)
                      );
                      const goPage = sessionStorage.redirectUrl || "/home.htm";
                      sessionStorage.redirectUrl &&
                        sessionStorage.removeItem("redirectUrl");
                      location.href = goPage;
                    }
                  });
                }
              })
              .catch((err) => {
                this.token = "";
                this.captcha = "";
                if (err.data.data && err.data.data?.captcha == 1) {
                  this.isCaptcha = true;
                  this.isShowCaptcha = true;
                  this.codeAction = "login";
                  this.$refs.captcha.doGetCaptcha();
                } else {
                  this.errorText = err.data.msg;
                }
              });
          }
        },
        // 获取国家列表
        getCountryList() {
          getCountry({}).then((res) => {
            if (res.data.status === 200) {
              this.countryList = res.data.data.list;
            }
          });
        },
        // 加密方法
        encrypt(str) {
          const key = CryptoJS.enc.Utf8.parse("idcsmart.finance");
          const iv = CryptoJS.enc.Utf8.parse("9311019310287172");
          var encrypted = CryptoJS.AES.encrypt(str, key, {
            mode: CryptoJS.mode.CBC,
            padding: CryptoJS.pad.Pkcs7,
            iv: iv,
          }).toString();
          return encrypted;
        },
        // 发送邮箱验证码
        sendEmailCode() {
          let isPass = true;
          const form = this.formData;
          if (!form.email) {
            isPass = false;
            this.errorText = lang.login_text1;
          } else if (
            form.email.search(
              /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/
            ) === -1
          ) {
            isPass = false;
            this.errorText = lang.login_text2;
          }
          if (isPass) {
            if (this.commonData.captcha_client_oauth == 1 && !this.captcha) {
              this.codeAction = "emailCode";
              this.isShowCaptcha = true;
              this.$refs.captcha.doGetCaptcha();
              return;
            }
            this.errorText = "";
            const params = {
              action: "oauth",
              email: form.email,
              token: this.token,
              captcha: this.captcha,
            };
            emailCode(params)
              .then((res) => {
                if (res.data.status === 200) {
                  // 执行倒计时
                  this.$refs.emailCodebtn.countDown();
                }
              })
              .catch((err) => {
                if (err.data.data && err.data.data?.captcha == 1) {
                  this.isShowCaptcha = true;
                  this.codeAction = "emailCode";
                  this.$refs.captcha.doGetCaptcha();
                } else {
                  this.errorText = err.data.msg;
                  // this.$message.error(err.data.msg);
                  this.token = "";
                  this.captcha = "";
                }
              });
          }
        },
        // 发送手机短信
        sendPhoneCode() {
          let isPass = true;
          const form = this.formData;
          if (!form.phone) {
            isPass = false;
            this.errorText = lang.login_text6;
          } else {
            // 设置正则表达式的手机号码格式 规则 ^起点 $终点 1第一位数是必为1  [3-9]第二位数可取3-9的数字  \d{9} 匹配9位数字
            if (this.formData.countryCode === 86) {
              const reg = /^\d+$/;
              if (!reg.test(form.phone)) {
                isPass = false;
                this.errorText = lang.login_text7;
              }
            }
          }
          if (isPass) {
            if (this.commonData.captcha_client_oauth == 1 && !this.captcha) {
              this.codeAction = "phoneCode";
              this.isShowCaptcha = true;
              this.$refs.captcha.doGetCaptcha();
              return;
            }
            this.errorText = "";
            const params = {
              action: "oauth",
              phone_code: form.countryCode,
              phone: form.phone,
              token: this.token,
              captcha: this.captcha,
            };
            phoneCode(params)
              .then((res) => {
                if (res.data.status === 200) {
                  // 执行倒计时
                  this.$refs.phoneCodebtn.countDown();
                }
              })
              .catch((err) => {
                if (err.data.data && err.data.data?.captcha == 1) {
                  this.isShowCaptcha = true;
                  this.codeAction = "phoneCode";
                  this.$refs.captcha.doGetCaptcha();
                } else {
                  this.errorText = err.data.msg;
                  this.token = "";
                  this.captcha = "";
                  // this.$message.error(err.data.msg);
                }
              });
          }
        },
        toRegist() {
          location.href = "regist.htm";
        },
        toForget() {
          location.href = "forget.htm";
        },
        oauthLogin(url) {
          // 新打开一个window的窗口
          window.open(url, "oauth", "width=800,height=600");
        },
        // 获取通用配置
        async getCommonSetting() {
          try {
            const res = await getCommon();
            this.commonData = res.data.data;
            if (this.commonData.captcha_client_login == 1) {
              this.isCaptcha = true;
            }
            document.title =
              this.commonData.website_name + "-" + lang.login_text8;
            localStorage.setItem(
              "common_set_before",
              JSON.stringify(res.data.data)
            );
            localStorage.setItem("lang", this.commonData.lang_home);
          } catch (error) {}
        },
        // 获取前台导航
        doGetMenu() {
          getMenu().then((res) => {
            if (res.data.status === 200) {
              localStorage.setItem(
                "frontMenus",
                JSON.stringify(res.data.data.menu)
              );
            }
          });
        },
        toService() {
          const url = this.commonData.terms_service_url;
          window.open(url);
        },
        toPrivacy() {
          const url = this.commonData.terms_privacy_url;
          window.open(url);
        },
        // 验证码 关闭
        captchaCancel() {
          this.isShowCaptcha = false;
        },
      },
    }).$mount(login);
    typeof old_onload == "function" && old_onload();
  };
})(window);