(function (window, undefined) {
  var old_onload = window.onload;
  window.onload = function () {
    const login = document.getElementById("regist");
    Vue.prototype.lang = window.lang;
    new Vue({
      components: {
        countDownButton,
        captchaDialog,
      },
      data() {
        return {
          isShowCaptcha: false, //登录是否需要验证码
          isEmailOrPhone: true, // true:电子邮件 false:手机号
          isPassOrCode: true, // true:密码登录 false:验证码登录
          errorText: "",
          checked1: false,
          showSale: false,
          checked: false, // 是否勾选阅读并同意
          formData: {
            email: "",
            phone: "",
            username: "",
            password: "",
            repassword: "",
            phoneCode: "",
            emailCode: "",
            countryCode: 86,
            customfield: {},
          },
          rules: {},
          customFieldList: [],
          ruleForm: {},
          customfield: {
            sale_number: "",
          },
          token: "",
          captcha: "",
          isCaptcha: 0, //
          countryList: [],
          commonData: {},
          register_select_sale: 0,
          salesList: [],
        };
      },
      created() {
        const temp = this.getQuery(location.search);
        if (temp.sale_number) {
          this.checked1 = true;
          this.customfield.sale_number = temp.sale_number;
        }

        this.getCountryList();
        this.getCommonSetting();
      },
      mounted() {
        havePlugin("ClientCustomField") && this.getRegistCustomField();
      },
      updated() {
        // 关闭loading
        document.getElementById("mainLoading").style.display = "none";
        document.getElementsByClassName("template")[0].style.display = "block";
      },
      watch: {},
      methods: {
        calcValidator(item, value, callback, regexpr) {
          if (item.required === 1 && value === "") {
            callback(new Error(lang.custom_goods_text1));
            return;
          }
          if (
            value !== "" &&
            !new RegExp(regexpr.replace(/^\/|\/$/g, "")).test(value)
          ) {
            callback(new Error(lang.custom_goods_text2));
            return;
          }
          callback();
        },

        calcRules(item) {
          const rules = [];
          if (item.required === 1) {
            rules.push({
              required: true,
              message: lang.custom_goods_text1,
              trigger: ["blur", "change"],
            });
          } else {
            rules.push({
              required: false,
              trigger: ["blur", "change"],
            });
          }

          if (item.type === "link") {
            // 类型为链接时需要校验url格式 http://www.baidu.com
            const url =
              "/^(((ht|f)tps?)://)?([^!@#$%^&*?.s-]([^!@#$%^&*?.s]{0,63}[^!@#$%^&*?.s])?.)+[a-z]{2,6}/?/";
            rules.push({
              validator: (rule, value, callback) =>
                this.calcValidator(item, value, callback, url),
              trigger: ["blur", "change"],
            });
          }
          if (
            item.type !== "dropdown" &&
            item.type !== "tickbox" &&
            item.regexpr
          ) {
            rules.push({
              validator: (rule, value, callback) =>
                this.calcValidator(item, value, callback, item.regexpr),
              trigger: ["blur", "change"],
            });
          }
          return rules;
        },
        calcFieldOption(item) {
          return item.split(",");
        },
        getRegistCustomField() {
          const obj = {};
          const rules = {};
          registCustomField().then((res) => {
            this.customFieldList = res.data.data.list.map((item) => {
              obj[item.id + ""] = item.type === "tickbox" ? 0 : "";
              rules[item.id + ""] = this.calcRules(item);
              item.select_select =
                item.type === "dropdown_text" ? item.options[0] : "";
              return item;
            });
            this.$set(this, "ruleForm", obj);
            this.$set(this, "rules", rules);
          });
        },
        getData(captchaCode, token) {
          this.token = token;
          this.captcha = captchaCode;
          this.isShowCaptcha = false;
          if (this.isEmailOrPhone) {
            this.sendEmailCode(true);
          } else {
            this.sendPhoneCode(true);
          }
          // this.doRegist()
        },
        goHelpUrl(url) {
          window.open(this.commonData[url]);
        },
        changeType(flag) {
          this.isEmailOrPhone = flag;
          this.token = "";
          this.captcha = "";
        },
        // 获取通用配置
        async getCommonSetting() {
          try {
            const res = await getCommon();
            const plugin_configuration =
              res.data.data.plugin_configuration || {};
            this.showSale =
              havePlugin("IdcsmartSale") &&
              plugin_configuration?.idcsmart_sale?.register_hide_sale == 0;
            this.register_select_sale =
              plugin_configuration?.idcsmart_sale?.register_select_sale;
            this.salesList = plugin_configuration?.idcsmart_sale?.sales;
            this.commonData = res.data.data;

            if (this.commonData.register_phone == 1) {
              this.isEmailOrPhone = false;
            }

            if (this.commonData.register_email == 1) {
              this.isEmailOrPhone = true;
            }
            document.title =
              this.commonData.website_name + "-" + lang.login_text9;
            localStorage.setItem(
              "common_set_before",
              JSON.stringify(res.data.data)
            );
          } catch (error) {}
        },
        // 前往协议
        toService() {
          const url = this.commonData.terms_service_url;
          window.open(url);
        },
        toPrivacy() {
          const url = this.commonData.terms_privacy_url;
          window.open(url);
        },
        // 注册
        doRegist() {
          let isPass = true;
          const form = {...this.formData};

          if (this.checked1) {
            if (!this.customfield.sale_number) {
              isPass = false;
              this.errorText = lang.account_tips53;
            }
          }
          if (!this.checked) {
            isPass = false;
            this.errorText = lang.account_tips51;
          }
          if (havePlugin("clientCustomField")) {
            this.$refs.ruleForm.validate((valid) => {
              if (!valid) {
                isPass = false;
                this.errorText = lang.custom_goods_text3;
              }
            });
          }

          if (!form.password) {
            isPass = false;
            this.errorText = lang.account_tips47;
          } else if (form.password.length > 32 || form.password.length < 6) {
            isPass = false;
            this.errorText = lang.account_tips52;
          }
          if (!form.repassword) {
            isPass = false;
            this.errorText = lang.account_tips48;
          } else {
            if (form.password !== form.repassword) {
              isPass = false;
              this.errorText = lang.account_tips49;
            }
          }
          // 邮件登录验证
          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.commonData.code_client_email_register == 1) {
              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 (!reg.test(form.phone)) {
                isPass = false;
                this.errorText = lang.login_text7;
              }
            }
            if (this.commonData.code_client_phone_register == 1) {
              if (!form.phoneCode) {
                isPass = false;
                this.errorText = lang.account_tips45;
              } else {
                if (form.phoneCode.length !== 6) {
                  isPass = false;
                  this.errorText = lang.account_tips46;
                }
              }
            }
          }
          // 验证通过
          if (isPass) {
            this.errorText = "";
            let code = "";
            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,
              username: "",
              password: form.password,
              re_password: form.repassword,
              customfield: {},
            };
            if (this.checked1) {
              params.customfield.sale_number = this.customfield.sale_number;
            }
            const addon_client_custom_field = {...this.ruleForm};
            this.customFieldList.forEach((item) => {
              if (item.type === "dropdown_text") {
                addon_client_custom_field[item.id] =
                  item.select_select + "|" + this.ruleForm[item.id];
              }
            });
            params.customfield.addon_client_custom_field =
              addon_client_custom_field;
            //调用注册接口
            regist(params)
              .then((res) => {
                if (res.data.status === 200) {
                  this.$message.success(res.data.msg);
                  // 存入 jwt
                  localStorage.setItem("jwt", res.data.data.jwt);
                  const goPage = sessionStorage.redirectUrl || "/home.htm";
                  sessionStorage.redirectUrl &&
                    sessionStorage.removeItem("redirectUrl");
                  location.href = goPage;
                }
              })
              .catch((err) => {
                this.errorText = err.data.msg;
                // this.$message.error(err.data.msg);
              });
          }
        },
        // 解析url
        getQuery(url) {
          const str = url.substr(url.indexOf("?") + 1);
          const arr = str.split("&");
          const res = {};
          for (let i = 0; i < arr.length; i++) {
            const item = arr[i].split("=");
            res[item[0]] = item[1];
          }
          return res;
        },
        // 获取国家列表
        getCountryList() {
          getCountry({}).then((res) => {
            console.log(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(isAuto = false) {
          const form = this.formData;
          if (!form.email) {
            this.errorText = lang.login_text1;
            return;
          } else if (
            form.email.search(
              /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/
            ) === -1
          ) {
            this.errorText = lang.login_text2;
            return;
          }
          if (isAuto !== true) {
            this.token = "";
            this.captcha = "";
          }
          if (
            this.commonData.captcha_client_register === "1" &&
            !this.captcha &&
            !this.token
          ) {
            this.isShowCaptcha = true;
            this.$refs.captcha.doGetCaptcha();
            return;
          }
          this.errorText = "";
          const params = {
            action: "register",
            email: form.email,
            token: this.token,
            captcha: this.captcha,
          };
          emailCode(params)
            .then((res) => {
              if (res.data.status === 200) {
                // 执行倒计时
                this.$refs.emailCodebtn.countDown();
              }
            })
            .catch((error) => {
              this.errorText = error.data.msg;
              if (
                error.data.status === 400 &&
                this.commonData.captcha_client_register === "1" &&
                !this.captcha &&
                !this.token
              ) {
                this.isShowCaptcha = true;
                this.$refs.captcha.doGetCaptcha();
              } else {
                this.token = "";
                this.captcha = "";
              }
            });
        },
        countDownEnd() {
          if (
            (this.isEmailOrPhone && !this.formData.emailCode) ||
            (!this.isEmailOrPhone && !this.formData.phoneCode)
          ) {
            this.token = "";
            this.captcha = "";
          }
        },
        // 发送手机短信
        sendPhoneCode(isAuto = false) {
          const form = this.formData;
          if (!form.phone) {
            this.errorText = lang.login_text6;
            return;
          } else {
            // 设置正则表达式的手机号码格式 规则 ^起点 $终点 1第一位数是必为1  [3-9]第二位数可取3-9的数字  \d{9} 匹配9位数字
            const reg = /^\d+$/;
            if (!reg.test(form.phone)) {
              this.errorText = lang.login_text7;
              return;
            }
          }
          if (isAuto !== true) {
            this.token = "";
            this.captcha = "";
          }
          if (
            this.commonData.captcha_client_register === "1" &&
            !this.captcha &&
            !this.token
          ) {
            this.isShowCaptcha = true;
            this.$refs.captcha.doGetCaptcha();
            return;
          }
          this.errorText = "";
          const params = {
            action: "register",
            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((error) => {
              this.errorText = error.data.msg;
              if (
                error.data.status === 400 &&
                this.commonData.captcha_client_register === "1" &&
                !this.captcha &&
                !this.token
              ) {
                this.isShowCaptcha = true;
                this.$refs.captcha.doGetCaptcha();
              } else {
                this.token = "";
                this.captcha = "";
              }
            });
        },
        toLogin() {
          location.href = "login.htm";
        },
        // 验证码 关闭
        captchaCancel() {
          this.isShowCaptcha = false;
        },
      },
    }).$mount(login);
    typeof old_onload == "function" && old_onload();
  };
})(window);