|
|
@@ -9,9 +9,11 @@ import md5 from 'md5';
|
|
|
|
|
|
const router = useRouter()
|
|
|
const loginFormRef=ref(null)
|
|
|
-
|
|
|
- const isMobile=ref(window.innerWidth>768?false:true)
|
|
|
-
|
|
|
+ const loginFormMobileRef=ref(null)
|
|
|
+
|
|
|
+ const isPhone=()=>{
|
|
|
+ return !(window.innerWidth>768)
|
|
|
+ }
|
|
|
const loginForm=reactive({
|
|
|
email:'',
|
|
|
phone:'',
|
|
|
@@ -33,46 +35,34 @@ import md5 from 'md5';
|
|
|
const hasChecked=ref(false)
|
|
|
|
|
|
const loginFormRules=reactive({
|
|
|
- email:[{required: true, message:'邮箱不能为空', trigger: 'blur'},
|
|
|
- {type:'email',message:'邮箱格式不正确', trigger: 'blur'}],
|
|
|
- phone:[{required: true, message:'手机号不能为空', trigger: 'blur'},
|
|
|
+ email:[{required: true, message:'Email address cannot be null', trigger: 'blur'},
|
|
|
+ {type:'email',message:'Email address format is incorrect', trigger: 'blur'}],
|
|
|
+ phone:[{required: true, message:'Mobile phone No. cannot be null', trigger: 'blur'},
|
|
|
{validator:(rule,value,callback)=>{
|
|
|
if(!Number(value) || value.indexOf('.')!=-1){
|
|
|
- callback(new Error('必须都为数字'))
|
|
|
+ callback(new Error('Must be number'))
|
|
|
}else{
|
|
|
callback()
|
|
|
}
|
|
|
}, trigger: 'blur'}],
|
|
|
- password:{required: true, message:'密码不能为空', trigger: 'blur'}
|
|
|
+ password:{required: true, message:'Password cannot be null', trigger: 'blur'}
|
|
|
})
|
|
|
|
|
|
-
|
|
|
- const copyEmail=()=>{
|
|
|
- if (navigator.clipboard && window.isSecureContext) {
|
|
|
- // navigator clipboard 向剪贴板写文本
|
|
|
- navigator.clipboard.writeText('xxxxxxxxxxxxx@qq.com').then(() => {
|
|
|
- ElMessage.success('复制成功')
|
|
|
- });
|
|
|
+ const login=()=>{
|
|
|
+ let refTemp = ''
|
|
|
+ if(isPhone()){
|
|
|
+ refTemp=loginFormMobileRef.value
|
|
|
}else{
|
|
|
- const input = document.createElement('input');
|
|
|
- input.setAttribute('readonly', 'readonly');
|
|
|
- input.setAttribute('value', 'xxxxxxxxxxxxx@qq.com');
|
|
|
- document.body.appendChild(input);
|
|
|
- input.setSelectionRange(0, input.value.length);
|
|
|
- input.select();
|
|
|
- document.execCommand('copy');
|
|
|
- document.body.removeChild(input);
|
|
|
- ElMessage.success('复制成功')
|
|
|
+ refTemp=loginFormRef.value
|
|
|
}
|
|
|
- }
|
|
|
- const login=()=>{
|
|
|
- loginFormRef.value.validate(valid =>{
|
|
|
+ refTemp.validate(valid =>{
|
|
|
if(valid){
|
|
|
if(!hasChecked.value){
|
|
|
- ElMessage.warning('请勾选隐私政策')
|
|
|
+ ElMessage.warning('Please check the Privacy policy')
|
|
|
return
|
|
|
}
|
|
|
let params={
|
|
|
+ CountryCode:loginForm.phonePre,
|
|
|
Account:loginType.value==1?loginForm.email:loginForm.phone,
|
|
|
Type:loginType.value,
|
|
|
Password:md5(loginForm.password)
|
|
|
@@ -81,51 +71,20 @@ import md5 from 'md5';
|
|
|
// console.log(res);
|
|
|
if(res.code == 200){
|
|
|
localStorage.setItem('yben_token',res.data.access_token)
|
|
|
+ let userInfo = {
|
|
|
+ user_id:res.data.user_id,
|
|
|
+ Name:res.data.Name,
|
|
|
+ Email:res.data.Email,
|
|
|
+ Mobile:res.data.Mobile,
|
|
|
+ CountryCode:res.data.CountryCode
|
|
|
+ }
|
|
|
+ localStorage.setItem('user_info',JSON.stringify(userInfo))
|
|
|
+
|
|
|
let redirectPath=sessionStorage.getItem('login_redirect') || '/'
|
|
|
sessionStorage.removeItem('login_redirect')
|
|
|
router.replace(redirectPath)
|
|
|
}
|
|
|
})
|
|
|
- // console.log(loginForm);
|
|
|
- // if(Math.random()>0.75){
|
|
|
- // ElMessageBox.confirm("您的账号未曾注册，请注册后登录", '提示',
|
|
|
- // {
|
|
|
- // customClass:isMobile.value?'mobile-message-confirm':'PC-message-confirm',
|
|
|
- // confirmButtonClass:isMobile.value?'mobile-confirm-button':'',
|
|
|
- // confirmButtonText: '立即注册',
|
|
|
- // showCancelButton:false,
|
|
|
- // }).then(res=>{
|
|
|
- // router.push('/register')
|
|
|
- // }).catch(()=>{})
|
|
|
- // }else if(Math.random()>0.5){
|
|
|
- // ElMessageBox.confirm("您的手机号未绑定账号，请检查","提示",
|
|
|
- // {
|
|
|
- // customClass:isMobile.value?'mobile-message-confirm':'PC-message-confirm',
|
|
|
- // confirmButtonClass:isMobile.value?'mobile-confirm-button':'',
|
|
|
- // confirmButtonText: '知道了',
|
|
|
- // showCancelButton:false,
|
|
|
- // }).then(res=>{
|
|
|
- // console.log('您的手机号未绑定账号，请检查');
|
|
|
- // }).catch(()=>{})
|
|
|
- // }else if(Math.random()>0.25){
|
|
|
- // ElMessage.error('密码错误，请检查')
|
|
|
- // }else if(Math.random()>0.2){
|
|
|
- //TODO 登录成功，跳转
|
|
|
- // localStorage.setItem('yben_token','FDSAFWRFEGGREGEe1')
|
|
|
- // let redirectPath=sessionStorage.getItem('login_redirect') || '/'
|
|
|
- // sessionStorage.removeItem('login_redirect')
|
|
|
- // router.replace(redirectPath)
|
|
|
- // }else{
|
|
|
- // ElMessageBox.confirm("您的报告试用权限已超一个月，如需要延长试用期或其他帮助，请联系我们：XXXXXXXXXXXXXXXXXX","提示",
|
|
|
- // {
|
|
|
- // customClass:isMobile.value?'mobile-message-confirm':'PC-message-confirm',
|
|
|
- // confirmButtonClass:isMobile.value?'mobile-confirm-button':'',
|
|
|
- // confirmButtonText: '复制邮箱',
|
|
|
- // showCancelButton:false,
|
|
|
- // }).then(res=>{
|
|
|
- // copyEmail()
|
|
|
- // }).catch(()=>{})
|
|
|
- // }
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
@@ -165,16 +124,16 @@ import md5 from 'md5';
|
|
|
})
|
|
|
const registerFormRef=ref(null)
|
|
|
const registerFormRules=reactive({
|
|
|
- userName:{required: true, message:'姓名不能为空', trigger: 'blur'},
|
|
|
- companyName:{required: true, message:'公司名称不能为空', trigger: 'blur'},
|
|
|
- email:[{required: true, message:'邮箱不能为空', trigger: 'blur'},
|
|
|
- {type:'email',message:'邮箱格式不正确', trigger: 'blur'}],
|
|
|
- verificationCode:{required: true, message:'邮箱验证码不能为空', trigger: 'blur'},
|
|
|
- password:{required: true, message:'密码不能为空', trigger: 'blur'},
|
|
|
- passwordConfirm:[{required: true, message:'密码不能为空', trigger: 'blur'},
|
|
|
+ userName:{required: true, message:'User name cannot be null', trigger: 'blur'},
|
|
|
+ companyName:{required: true, message:'Company name cannot be null', trigger: 'blur'},
|
|
|
+ email:[{required: true, message:'Email address cannot be null', trigger: 'blur'},
|
|
|
+ {type:'email',message:'Email address format is incorrect', trigger: 'blur'}],
|
|
|
+ verificationCode:{required: true, message:'Verification code cannot be null', trigger: 'blur'},
|
|
|
+ password:{required: true, message:'Password cannot be null', trigger: 'blur'},
|
|
|
+ passwordConfirm:[{required: true, message:'Password cannot be null', trigger: 'blur'},
|
|
|
{validator:(rule,value,callback)=>{
|
|
|
if(registerForm.passwordConfirm!==registerForm.password){
|
|
|
- callback(new Error('两次密码不一致'))
|
|
|
+ callback(new Error('Passwords do not match'))
|
|
|
}else{
|
|
|
callback()
|
|
|
}
|
|
|
@@ -195,7 +154,7 @@ import md5 from 'md5';
|
|
|
}
|
|
|
emailCodeSend(codeParams).then(res=>{
|
|
|
if(res.code!=200) return
|
|
|
- ElMessage.success('已发送验证码')
|
|
|
+ ElMessage.success('Verification code sent')
|
|
|
codeInfo.isRequesting=true
|
|
|
codeInfo.timeout--
|
|
|
codeTimer=setInterval(()=>{
|
|
|
@@ -226,7 +185,7 @@ import md5 from 'md5';
|
|
|
return
|
|
|
}
|
|
|
if(!hasChecked.value){
|
|
|
- ElMessage.warning('请勾选隐私政策')
|
|
|
+ ElMessage.warning('Please check the Privacy policy')
|
|
|
return
|
|
|
}
|
|
|
let params={
|
|
|
@@ -239,35 +198,19 @@ import md5 from 'md5';
|
|
|
registerApi(params).then(res=>{
|
|
|
console.log(res.code);
|
|
|
if(res.code==200){
|
|
|
+ localStorage.setItem('yben_token',res.data.access_token)
|
|
|
+ let userInfo = {
|
|
|
+ user_id:res.data.user_id,
|
|
|
+ Name:res.data.Name,
|
|
|
+ Email:res.data.Email,
|
|
|
+ Mobile:res.data.Mobile,
|
|
|
+ CountryCode:res.data.CountryCode
|
|
|
+ }
|
|
|
+ localStorage.setItem('user_info',JSON.stringify(userInfo))
|
|
|
sessionStorage.setItem('transitionPageMessage','register')
|
|
|
router.replace('/transitionPage')
|
|
|
}
|
|
|
})
|
|
|
- // if(Math.random()>0.75){
|
|
|
- // ElMessageBox.confirm("您的邮箱已注册，请直接登录","提示",
|
|
|
- // {
|
|
|
- // customClass:'mobile-message-confirm',
|
|
|
- // confirmButtonClass:'mobile-confirm-button',
|
|
|
- // confirmButtonText: '立即登录',
|
|
|
- // showCancelButton:false,
|
|
|
- // }).then(res=>{
|
|
|
- // router.push('/login')
|
|
|
- // }).catch(()=>{})
|
|
|
- // }else if(Math.random()>0.25){
|
|
|
- // //TODO 注册成功，跳转
|
|
|
- // sessionStorage.setItem('transitionPageMessage','register')
|
|
|
- // router.replace('/transitionPage')
|
|
|
- // }else{
|
|
|
- // ElMessageBox.confirm("您的报告试用权限已超一个月，如需要延长试用期或其他帮助，请联系我们：XXXXXXXXXXXXXXXXXX","提示",
|
|
|
- // {
|
|
|
- // customClass:'mobile-message-confirm',
|
|
|
- // confirmButtonClass:'mobile-confirm-button',
|
|
|
- // confirmButtonText: '复制邮箱',
|
|
|
- // showCancelButton:false,
|
|
|
- // }).then(res=>{
|
|
|
- // copyEmail()
|
|
|
- // }).catch(()=>{})
|
|
|
- // }
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
@@ -282,45 +225,45 @@ import md5 from 'md5';
|
|
|
<div class="login-container-main">
|
|
|
<div class="login-container-right">
|
|
|
<div class="login-container-header">
|
|
|
- <span>HORIZONINSIGHTS</span>
|
|
|
+ <span>HORIZON INSIGHTS</span>
|
|
|
</div>
|
|
|
<div class="login-container-body">
|
|
|
<div class="login-type-tab">
|
|
|
- <span :class="loginType==1?'active-tab':''" @click="changeLoginType(1)">邮箱登录</span>
|
|
|
+ <span :class="loginType==1?'active-tab':''" @click="changeLoginType(1)">Login with email</span>
|
|
|
<div class="tab-split"></div>
|
|
|
- <span :class="loginType==2?'active-tab':''" @click="changeLoginType(2)">手机号登录</span>
|
|
|
+ <span :class="loginType==2?'active-tab':''" @click="changeLoginType(2)">phone number</span>
|
|
|
</div>
|
|
|
- <el-form :model="loginForm" class="login-form" :rules="loginFormRules" ref="loginFormRef">
|
|
|
+ <el-form :model="loginForm" class="login-form" :rules="loginFormRules" ref="loginFormRef" style="width: 360px;">
|
|
|
<el-form-item prop="email" v-if="loginType==1">
|
|
|
- <el-input v-model.trim="loginForm.email" size="large" placeholder="请输入邮箱" style="width: 360px;"></el-input>
|
|
|
+ <el-input v-model.trim="loginForm.email" size="large" placeholder="Please enter your email address" style="width: 360px;"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="phone" v-else >
|
|
|
<div class="phone-item">
|
|
|
- <el-select v-model="loginForm.phonePre" style="max-width: 90px;margin-right: 10px;" placeholder="请选择" size="large">
|
|
|
+ <el-select v-model="loginForm.phonePre" style="max-width: 90px;margin-right: 10px;" placeholder="Please select" size="large">
|
|
|
<el-option :label="item.label" :value="item.value" v-for="item in telCodeArr" />
|
|
|
</el-select>
|
|
|
- <el-input v-model.trim="loginForm.phone" style="flex-grow: 1;" placeholder="请输入手机号" size="large">
|
|
|
+ <el-input v-model.trim="loginForm.phone" style="flex-grow: 1;" placeholder="Please enter your phone number" size="large">
|
|
|
</el-input>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="password" style="width: 360px;">
|
|
|
- <el-input v-model="loginForm.password" size="large" type="password" placeholder="请输入密码"></el-input>
|
|
|
+ <el-input v-model="loginForm.password" size="large" type="password" placeholder="Please enter a password"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div class="register-message-row">
|
|
|
<div class="register-message">
|
|
|
- 还没有账号？<span @click="registerPageGo">去注册</span>
|
|
|
+ New to Horizon Insights? <span @click="registerPageGo">Create an account</span>
|
|
|
</div>
|
|
|
<div class="password-miss" @click="psdMissingPageGo">
|
|
|
- 忘记密码？
|
|
|
+ Forgot your password?
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-button class="submit-button" type="primary" size="large" @click="login">立即登录</el-button>
|
|
|
+ <el-button class="submit-button" type="primary" size="large" @click="login">Log in now</el-button>
|
|
|
<div class="privacy-policy">
|
|
|
- <el-checkbox v-model="hasChecked" label="我已阅读并同意" style="color:#333333"></el-checkbox>
|
|
|
- <span @click="privacyPolicy" class="policy">弘则研报隐私政策</span>
|
|
|
+ <el-checkbox v-model="hasChecked" label="I have read and agree" style="color:#333333"></el-checkbox>
|
|
|
+ <span @click="privacyPolicy" class="policy">the Horizon Insights Privacy Policy</span>
|
|
|
</div>
|
|
|
- <div class="login-hint">若有任何问题，请发邮件至xxxxxxxxxx</div>
|
|
|
+ <div class="login-hint">For technical assistance, please contact stephanie@hzinsights.com</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -329,85 +272,86 @@ import md5 from 'md5';
|
|
|
<div id="mobile-part">
|
|
|
<div class="fixed-header">
|
|
|
<span>
|
|
|
- HORIZONINSIGHTS
|
|
|
+ HORIZON INSIGHTS
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="verification-body">
|
|
|
<div class="login-type-tab" v-if="step==1 || operationType==1">
|
|
|
- <span :class="operationType==1?'active-tab':''" @click="changeOperationType(1)">登录</span>
|
|
|
+ <span :class="operationType==1?'active-tab':''" @click="changeOperationType(1)">Login</span>
|
|
|
<div class="tab-split"></div>
|
|
|
- <span :class="operationType==2?'active-tab':''" @click="changeOperationType(2)">注册</span>
|
|
|
+ <span :class="operationType==2?'active-tab':''" @click="changeOperationType(2)">Create account</span>
|
|
|
</div>
|
|
|
<div class="register-psd-hint" v-else>
|
|
|
- 请设置密码
|
|
|
+ Please set password
|
|
|
</div>
|
|
|
<!-- 登录 -->
|
|
|
<div class="mobile-login-box" v-if="operationType==1">
|
|
|
- <el-form :model="loginForm" label-width="55px" label-position="left" id="mobile-form-field" :rules="loginFormRules"
|
|
|
- ref="loginFormRef" hide-required-asterisk>
|
|
|
- <el-form-item prop="email" v-if="loginType==1" label="邮箱" size="large" >
|
|
|
- <el-input v-model.trim="loginForm.email" size="large" placeholder="请输入邮箱"></el-input>
|
|
|
+ <el-form :model="loginForm" label-width="55px" label-position="top" id="mobile-form-field" :rules="loginFormRules"
|
|
|
+ ref="loginFormMobileRef" hide-required-asterisk>
|
|
|
+ <el-form-item prop="email" v-if="loginType==1" label="Email Address" size="large" >
|
|
|
+ <el-input v-model.trim="loginForm.email" size="large" placeholder="Please enter your email address"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="phone" v-else >
|
|
|
<template #label>
|
|
|
+ <span style="margin-right: 10px;">Area Code</span>
|
|
|
<el-select v-model="loginForm.phonePre" :suffix-icon="CaretBottom"
|
|
|
- style="max-width: 55px;" placeholder="请选择" size="large">
|
|
|
+ style="max-width: 55px;" placeholder="Please select" size="large">
|
|
|
<el-option :label="item.label" :value="item.value" v-for="item in telCodeArr" />
|
|
|
</el-select>
|
|
|
</template>
|
|
|
- <el-input v-model.trim="loginForm.phone" style="flex-grow: 1;" placeholder="请输入手机号" size="large"></el-input>
|
|
|
+ <el-input v-model.trim="loginForm.phone" style="flex-grow: 1;" placeholder="Please enter your phone number" size="large"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="password" label="密码" size="large">
|
|
|
- <el-input v-model="loginForm.password" size="large" type="password" placeholder="请输入密码"></el-input>
|
|
|
+ <el-form-item prop="password" label="Password" size="large">
|
|
|
+ <el-input v-model="loginForm.password" size="large" type="password" placeholder="Please enter a password"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div class="mobile-login-type-change">
|
|
|
- <span @click="changeLoginType(loginType==1?2:1)">切换至{{ loginType==1?"手机号码":"邮箱" }}登录</span>
|
|
|
- <span @click="psdMissingPageGo">忘记密码？</span>
|
|
|
+ <span @click="changeLoginType(loginType==1?2:1)">Login with {{ loginType==1?"phone number":"email" }} instead</span>
|
|
|
+ <span @click="psdMissingPageGo">Forgot your password?</span>
|
|
|
</div>
|
|
|
- <el-button type="primary" class="submit-button" @click="login" size="large">立即登录</el-button>
|
|
|
+ <el-button type="primary" class="submit-button" @click="login" size="large">Log in now</el-button>
|
|
|
<div class="privacy-policy">
|
|
|
- <el-checkbox v-model="hasChecked" label="我已阅读并同意"></el-checkbox>
|
|
|
- <span @click="privacyPolicy" class="policy">弘则研报隐私政策</span>
|
|
|
+ <el-checkbox v-model="hasChecked" label="I have read and agree"></el-checkbox>
|
|
|
+ <span @click="privacyPolicy" class="policy">the Horizon Insights Privacy Policy</span>
|
|
|
</div>
|
|
|
- <div class="mobile-login-hint">若有任何问题，请发邮件至xxxxxxxxxx</div>
|
|
|
+ <div class="mobile-login-hint">For technical assistance, please contact stephanie@hzinsights.com</div>
|
|
|
</div>
|
|
|
<!-- 注册 -->
|
|
|
<div class="mobile-register-box" v-else>
|
|
|
- <el-form :model="registerForm" label-width="55px" label-position="left" id="mobile-form-field"
|
|
|
+ <el-form :model="registerForm" label-position="top" id="mobile-form-field"
|
|
|
:rules="registerFormRules" ref="registerFormRef" hide-required-asterisk>
|
|
|
- <el-form-item prop="userName" label="姓名" size="large" v-if="step==1">
|
|
|
- <el-input v-model.trim="registerForm.userName" size="large" placeholder="请输入姓名"></el-input>
|
|
|
+ <el-form-item prop="userName" label="Name" size="large" v-if="step==1">
|
|
|
+ <el-input v-model.trim="registerForm.userName" size="large" placeholder="Please enter your name"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="companyName" label="公司" size="large" v-if="step==1">
|
|
|
- <el-input v-model="registerForm.companyName" size="large" placeholder="请输入公司名称"></el-input>
|
|
|
+ <el-form-item prop="companyName" label="Company" size="large" v-if="step==1">
|
|
|
+ <el-input v-model="registerForm.companyName" size="large" placeholder="Please enter the company name"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="email" label="邮箱" size="large" v-if="step==1">
|
|
|
- <el-input v-model="registerForm.email" size="large" placeholder="请输入邮箱">
|
|
|
+ <el-form-item prop="email" label="Email Address" size="large" v-if="step==1">
|
|
|
+ <el-input v-model="registerForm.email" size="large" placeholder="Please enter your email address">
|
|
|
<template #suffix>
|
|
|
<span style=" color: var(--el-color-primary);cursor: pointer;white-space: nowrap;"
|
|
|
- @click="sendVerCode" v-if="!codeInfo.isRequesting">获取验证码</span>
|
|
|
- <span style=" color: #999999;white-space: nowrap;" v-else>{{ codeInfo.timeout }}s后再获取</span>
|
|
|
+ @click="sendVerCode" v-if="!codeInfo.isRequesting">Get verification code</span>
|
|
|
+ <span style=" color: #999999;white-space: nowrap;" v-else>{{ codeInfo.timeout }}s</span>
|
|
|
</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="verificationCode" label="验证码" size="large" v-if="step==1">
|
|
|
- <el-input v-model="registerForm.verificationCode" size="large" placeholder="请输入验证码"></el-input>
|
|
|
+ <el-form-item prop="verificationCode" label="Verification code" size="large" v-if="step==1">
|
|
|
+ <el-input v-model="registerForm.verificationCode" size="large" placeholder="Please enter the verification code"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="password" label="密码" size="large" v-if="step==2">
|
|
|
- <el-input v-model="registerForm.password" size="large" type="password" placeholder="请输入密码"></el-input>
|
|
|
+ <el-form-item prop="password" label="Password" size="large" v-if="step==2">
|
|
|
+ <el-input v-model="registerForm.password" size="large" type="password" placeholder="Please enter a password"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="passwordConfirm" style="margin-bottom: 0;" label="密码" size="large" v-if="step==2">
|
|
|
- <el-input v-model="registerForm.passwordConfirm" size="large" type="password" placeholder="请再次输入密码"></el-input>
|
|
|
+ <el-form-item prop="passwordConfirm" style="margin-bottom: 0;" label="Password" size="large" v-if="step==2">
|
|
|
+ <el-input v-model="registerForm.passwordConfirm" size="large" type="password" placeholder="Please enter the password again"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <el-button type="primary" class="submit-button" @click="register" size="large" v-if="step==1">下一步</el-button>
|
|
|
- <el-button type="primary" class="submit-button" size="large" v-if="step==2" @click="register">提交信息</el-button>
|
|
|
+ <el-button type="primary" class="submit-button" @click="register" size="large" v-if="step==1">Next</el-button>
|
|
|
+ <el-button type="primary" class="submit-button" size="large" v-if="step==2" @click="register">Submit</el-button>
|
|
|
<div class="privacy-policy" v-if="step==2">
|
|
|
- <el-checkbox v-model="hasChecked" label="我已阅读并同意" style="color:#333333" ></el-checkbox>
|
|
|
- <span @click="privacyPolicy" class="policy">弘则研报隐私政策</span>
|
|
|
+ <el-checkbox v-model="hasChecked" label="I have read and agree" style="color:#333333" ></el-checkbox>
|
|
|
+ <span @click="privacyPolicy" class="policy">the Horizon Insights Privacy Policy</span>
|
|
|
</div>
|
|
|
- <div class="mobile-login-hint">若有任何问题，请发邮件至xxxxxxxxxx</div>
|
|
|
+ <div class="mobile-login-hint">For technical assistance, please contact stephanie@hzinsights.com</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -445,6 +389,7 @@ import md5 from 'md5';
|
|
|
margin-top: 25px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
.policy{
|
|
|
color: #1856A7;
|
|
|
cursor: pointer;
|
|
|
@@ -480,7 +425,7 @@ import md5 from 'md5';
|
|
|
|
|
|
.login-container-right{
|
|
|
background-color: white;
|
|
|
- width: 600px;
|
|
|
+ width: 650px;
|
|
|
height: 550px;
|
|
|
opacity: 0.95;
|
|
|
border: 1px solid #DCDFE6;
|
|
|
@@ -502,7 +447,7 @@ import md5 from 'md5';
|
|
|
}
|
|
|
}
|
|
|
.login-container-body{
|
|
|
- width: 360px;
|
|
|
+ width: 430px;
|
|
|
padding-top: 45px;
|
|
|
.login-form{
|
|
|
.phone-item{
|
|
|
@@ -623,12 +568,4 @@ import md5 from 'md5';
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
-<style lang="scss">
|
|
|
-@media screen and (max-width: 768px) {
|
|
|
- .el-form-item__error{
|
|
|
- left: -55px;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
</style>
|
hbchen
