3b41cffbc9
All checks were successful
continuous-integration/drone/push Build is passing
- 解压官方默认主题 default_yfMBA.tar.gz 到 clientarea/hgcloud/ - .gitignore 排除压缩包和临时解压目录 - drone 新增步骤: 同步 hgcloud 到 /clientarea/template/pc/
503 lines
16 KiB
JavaScript
503 lines
16 KiB
JavaScript
(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);
|