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
405
clientarea/hgcloud/js/oauth.js
Normal file
405
clientarea/hgcloud/js/oauth.js
Normal file
@@ -0,0 +1,405 @@
|
||||
(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);
|
||||
Reference in New Issue
Block a user