feat: 会员中心 hgcloud 主题初始化 + drone 部署步骤
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
- 解压官方默认主题 default_yfMBA.tar.gz 到 clientarea/hgcloud/ - .gitignore 排除压缩包和临时解压目录 - drone 新增步骤: 同步 hgcloud 到 /clientarea/template/pc/
This commit is contained in:
yiqiu
502
clientarea/hgcloud/js/regist.js
Normal file
502
clientarea/hgcloud/js/regist.js
Normal file
@@ -0,0 +1,502 @@
|
||||
(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);
|
||||
Reference in New Issue
Block a user