多语言
This commit is contained in:
parent
c0a84ac057
commit
0deba541ce
@ -28,6 +28,8 @@ export default {
|
||||
huanying:"您好，欢迎来到",
|
||||
beelink:"Beelink",
|
||||
meiyouzhanghao:"还没有账号？",
|
||||
yiyouzhanghao:"已有账号？",
|
||||
qudenglu:"去登录",
|
||||
chengweilaoshi:"成为一名Beelink老师",
|
||||
shoujidenglu:"手机号登录",
|
||||
mimadenglu:"账号密码登录",
|
||||
@ -47,6 +49,38 @@ export default {
|
||||
kaiqishenghuo:"Beelink 开启您的美好学习生活",
|
||||
guanyubeelink:"关于 Beelink",
|
||||
guanyuneirong:" Beelink平台拥有数千名优秀老师，丰富的教育经验和有趣的课堂环境，一对一辅导平台的教务管理、线上课堂、线下课堂、助学互动，课程回放等多项教学功能，让您利用碎片时间，轻轻松松学会各种语言。",
|
||||
liaojiegengduo:"了解更多"
|
||||
|
||||
liaojiegengduo:"了解更多",
|
||||
xiayibu:"下一步",
|
||||
tongyixieyi:"勾选表示同意 《用户注册协议和隐私政策》",
|
||||
shezhimima:"设置密码",
|
||||
shurumimatwo:"请再次输入您的密码",
|
||||
shuruxingming:"请输入您的姓名",
|
||||
youxiang:"邮箱",
|
||||
shuruyouxiang:"请输入您的邮箱",
|
||||
muyu:"母语",
|
||||
shurumuyu:"请输入您的母语",
|
||||
jiaoshou:"教授",
|
||||
xuanzejiaoshou:"请选择您的教授",
|
||||
lijizhuce:"立刻注册",
|
||||
wanchengzhuce:"您已完成注册",
|
||||
qudangan:"恭喜您注册成功，点击跳转到我的档案页面",
|
||||
yanzhengshouji:"验证手机号",
|
||||
tianxiexinxi:"填写帐号信息",
|
||||
fanhuishangyibu:"返回上一步",
|
||||
zhucewancheng:"帐号注册完成",
|
||||
mimachongzhi:"密码重置",
|
||||
xiangqimima:"想起密码？",
|
||||
zhanghuming:"账户名",
|
||||
chongzhimima:"重置密码",
|
||||
chongzhishurumima:"请输入您要设置的密码",
|
||||
querenmima:"确认密码",
|
||||
querenchongzhi:"确认重置",
|
||||
wanchengchongzhi:"您已完成密码重置",
|
||||
chongzhichenggong:"恭喜您重置密码成功，点击跳转到登录页面",
|
||||
shibiezhanghao:"识别账号",
|
||||
yanzhengxinxi:"验证账号信息，重置密码",
|
||||
chongzhiwancheng:"密码重置完成",
|
||||
xiugaitouxiang:"修改头像",
|
||||
xiugai:"修改"
|
||||
|
||||
}
|
||||
@ -3,89 +3,89 @@
|
||||
<div class="box">
|
||||
<div :class="stepnow != 2 ? 'left' : 'left left1'">
|
||||
<div class="title">
|
||||
<span class="orgname">Beelink</span>密码重置
|
||||
<span class="orgname">{{lan.$t('beelink')}}</span>{{lan.$t('mimachongzhi')}}
|
||||
</div>
|
||||
|
||||
<div v-if="stepnow == 1">
|
||||
<div class="nosign">
|
||||
想起密码？
|
||||
<span class="tosign"><router-link to="/"> 去登录 </router-link></span>
|
||||
{{lan.$t('xiangqimima')}}
|
||||
<span class="tosign"><router-link to="/"> {{lan.$t('qudenglu')}} </router-link></span>
|
||||
</div>
|
||||
|
||||
<a-form :layout="formLayout">
|
||||
<a-form-item label="账户名" class="form-item">
|
||||
<a-input class="shuru" placeholder="请输入您的邮箱或者手机号" v-model:value="uinfo.phone"/>
|
||||
<a-form-item :label="lan.$t('zhanghuming')" class="form-item">
|
||||
<a-input class="shuru" :placeholder="lan.$t('shuruzhanghao')" v-model:value="uinfo.phone"/>
|
||||
</a-form-item>
|
||||
<div class="submit" @click="next(2)">下一步</div>
|
||||
<div class="submit" @click="next(2)">{{lan.$t('xiayibu')}}</div>
|
||||
|
||||
</a-form>
|
||||
</div>
|
||||
|
||||
<div v-if="stepnow == 2">
|
||||
<div class="nosign">
|
||||
已有账号？
|
||||
<span class="tosign"><router-link to="/"> 去登录 </router-link></span>
|
||||
{{lan.$t('yiyouzhanghao')}}
|
||||
<span class="tosign"><router-link to="/"> {{lan.$t('qudenglu')}} </router-link></span>
|
||||
</div>
|
||||
<a-form :layout="formLayout">
|
||||
<div class="signform">
|
||||
<div style="display:flex">
|
||||
<a-form-item label="手机号" class="shuru">
|
||||
<a-form-item :label="lan.$t('shoujihao')" class="shuru">
|
||||
<div>{{uinfo.phone}}</div>
|
||||
</a-form-item>
|
||||
<a-form-item label="验证码" class="form-item yzm">
|
||||
<a-form-item :label="lan.$t('yanzhengma')" class="form-item yzm">
|
||||
|
||||
<a-input-group compact>
|
||||
<div class="getcode" @click="getcode">
|
||||
点击获取验证码{{ time == 60 ? "" : "(" + time + ")" }}
|
||||
{{lan.$t('dianjihuoquyzm')}} {{ time == 60 ? "" : "(" + time + ")" }}
|
||||
</div>
|
||||
|
||||
<div class="line"></div>
|
||||
<a-input style="width: 50%" placeholder="请输入您的验证码" v-model:value="uinfo.code"/>
|
||||
<a-input style="width: 50%" :placeholder="lan.$t('shuruyzm')" v-model:value="uinfo.code"/>
|
||||
</a-input-group>
|
||||
</a-form-item>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="display:flex">
|
||||
<a-form-item label="设置密码" class="form-item">
|
||||
<a-input class="shuru" placeholder="请再次输入您的密码" type="password" v-model:value="uinfo.password"/>
|
||||
<a-form-item :label="lan.$t('chongzhimima')" class="form-item">
|
||||
<a-input class="shuru" :placeholder="lan.$t('chongzhishurumima')" type="password" v-model:value="uinfo.password"/>
|
||||
</a-form-item>
|
||||
<a-form-item label="设置密码" class="form-item">
|
||||
<a-input class="shuru" placeholder="请再次输入您的密码" type="password" v-model:value="uinfo.repassword"/>
|
||||
<a-form-item :label="lan.$t('querenmima')" class="form-item">
|
||||
<a-input class="shuru" :placeholder="lan.$t('shurumimatwo')" type="password" v-model:value="uinfo.repassword"/>
|
||||
</a-form-item>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="submit" @click="next(3)">确认重置</div>
|
||||
<div class="orginfo">Beelink公司版权所有 2019—2022</div>
|
||||
<div class="submit" @click="next(3)">{{lan.$t('querenchongzhi')}}</div>
|
||||
<div class="orginfo">{{lan.$t('banquan')}}</div>
|
||||
</a-form>
|
||||
</div>
|
||||
|
||||
<div v-if="stepnow == 3">
|
||||
<div class="nosign">您已完成密码重置</div>
|
||||
<div class="nosign">{{lan.$t('wanchengchongzhi')}}</div>
|
||||
<img src="@/static/images/success.png" alt="" class="success">
|
||||
<div class="ale" @click="tologin">恭喜您重置密码成功，点击跳转到登录页面</div>
|
||||
<div class="ale" @click="tologin">{{lan.$t('chongzhichenggong')}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div :class="stepnow != 2 ? 'right' : 'right right1'">
|
||||
<div class="steps">
|
||||
<div class="step">
|
||||
<div :class="stepnow == 1 ? 'circle step1' : 'circle'">01</div>
|
||||
<div :class="stepnow == 1 ? 'stepnow' : ''">识别账号</div>
|
||||
<div :class="stepnow == 1 ? 'stepnow' : ''">{{lan.$t('shibiezhanghao')}}</div>
|
||||
</div>
|
||||
<div class="stepline"></div>
|
||||
<div class="step">
|
||||
<div :class="stepnow == 2 ? 'circle step1' : 'circle'">02</div>
|
||||
<div :class="stepnow == 2 ? 'stepnow' : ''">验证账号信息，重置密码</div>
|
||||
<div :class="stepnow == 2 ? 'stepnow' : ''">{{lan.$t('yanzhengxinxi')}}</div>
|
||||
<div class="back" @click="next(1)" v-if="stepnow==2">
|
||||
返回上一步
|
||||
{{lan.$t('fanhuishangyibu')}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="stepline"></div>
|
||||
<div class="step">
|
||||
<div :class="stepnow == 3 ? 'circle step1' : 'circle'">03</div>
|
||||
<div :class="stepnow == 3 ? 'stepnow' : ''">密码重置完成</div>
|
||||
<div :class="stepnow == 3 ? 'stepnow' : ''">{{lan.$t('chongzhiwancheng')}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="icons" v-if="stepnow == 2">
|
||||
@ -101,12 +101,14 @@
|
||||
<script lang="ts">
|
||||
import { checksmscode, checkuser, editpassword, sendsms } from '@/api';
|
||||
import router from '@/router';
|
||||
import { useI18n } from '@/utils/i18n';
|
||||
import { message } from 'ant-design-vue';
|
||||
import { defineComponent, ref, toRaw } from "vue";
|
||||
export default defineComponent({
|
||||
name: "Sign",
|
||||
components: {},
|
||||
setup() {
|
||||
const lan: any = useI18n();
|
||||
const formLayout = {
|
||||
labelCol: 4,
|
||||
wrapperCol: 14,
|
||||
@ -219,7 +221,8 @@ export default defineComponent({
|
||||
stepnow,
|
||||
next,
|
||||
uinfo,
|
||||
tologin
|
||||
tologin,
|
||||
lan
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
@ -2,180 +2,240 @@
|
||||
<div class="login">
|
||||
<NavTop :type="0" style="flex-shrink: 0"></NavTop>
|
||||
<div class="box">
|
||||
<div :class="stepnow != 2 ? 'left' : 'left left1'">
|
||||
<div class="title">
|
||||
您好，欢迎来到 <span class="orgname">Beelink</span>
|
||||
</div>
|
||||
<div :class="stepnow != 2 ? 'left' : 'left left1'">
|
||||
<div class="title">
|
||||
{{ lan.$t("huanying") }}
|
||||
<span class="orgname">{{ lan.$t("beelink") }}</span>
|
||||
</div>
|
||||
|
||||
<div v-if="stepnow == 1">
|
||||
<div class="nosign">
|
||||
已有账号？
|
||||
<span class="tosign" @click="navto('/')"> 去登录 </span>
|
||||
</div>
|
||||
|
||||
<a-form :layout="formLayout">
|
||||
<a-form-item label="手机号" class="form-item">
|
||||
<a-input-group compact>
|
||||
<a-select
|
||||
class="getcode"
|
||||
style="width: 50%"
|
||||
v-model:value="phone.quhao"
|
||||
>
|
||||
<a-select-option value="86"> 中国+0086 </a-select-option>
|
||||
<a-select-option value="Jiangsu"> Jiangsu </a-select-option>
|
||||
</a-select>
|
||||
<div class="line"></div>
|
||||
<a-input
|
||||
v-model:value="phone.phone"
|
||||
style="width: 50%"
|
||||
placeholder="请输入您的手机号"
|
||||
/>
|
||||
</a-input-group>
|
||||
</a-form-item>
|
||||
<a-form-item label="验证码" class="form-item">
|
||||
<a-input-group compact>
|
||||
<div class="getcode" style="width: 50%" @click="getcode">
|
||||
点击获取验证码{{ time == 60 ? "" : "(" + time + ")" }}
|
||||
<div v-if="stepnow == 1">
|
||||
<div class="nosign">
|
||||
{{ lan.$t("yiyouzhanghao") }}
|
||||
<span class="tosign" @click="navto('/')">
|
||||
{{ lan.$t("qudenglu") }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<a-input
|
||||
v-model:value="phone.code"
|
||||
style="width: 50%"
|
||||
placeholder="请输入您的验证码"
|
||||
/>
|
||||
</a-input-group>
|
||||
</a-form-item>
|
||||
<div class="submit" @click="next(2)">下一步</div>
|
||||
<div class="agreement" @click="agree">
|
||||
<div class="ifagree">
|
||||
|
||||
<a-form :layout="formLayout">
|
||||
<a-form-item
|
||||
:label="lan.$t('shoujihao')"
|
||||
class="form-item"
|
||||
>
|
||||
<a-input-group compact>
|
||||
<a-select
|
||||
:default-value="quhaolist[0].code"
|
||||
size="small"
|
||||
@change="getquhao"
|
||||
class="getcode"
|
||||
style="width: 50%"
|
||||
>
|
||||
<a-select-option
|
||||
v-for="(i, j) in quhaolist"
|
||||
:key="j"
|
||||
:value="i.code"
|
||||
>
|
||||
{{ i.name }}+{{ i.code }}
|
||||
</a-select-option>
|
||||
<!-- <a-select-option value="Jiangsu"> Jiangsu </a-select-option> -->
|
||||
</a-select>
|
||||
<!-- <a-select
|
||||
class="getcode"
|
||||
style="width: 50%"
|
||||
v-model:value="phone.quhao"
|
||||
>
|
||||
<a-select-option value="86">
|
||||
中国+0086
|
||||
</a-select-option>
|
||||
<a-select-option value="Jiangsu">
|
||||
Jiangsu
|
||||
</a-select-option>
|
||||
</a-select> -->
|
||||
<div class="line"></div>
|
||||
<a-input
|
||||
v-model:value="phone.phone"
|
||||
style="width: 50%"
|
||||
:placeholder="lan.$t('shurushouji')"
|
||||
/>
|
||||
</a-input-group>
|
||||
</a-form-item>
|
||||
<a-form-item :label="lan.$t('yanzhengma')" class="form-item">
|
||||
<a-input-group compact>
|
||||
<div
|
||||
class="getcode"
|
||||
style="width: 50%"
|
||||
@click="getcode"
|
||||
>
|
||||
{{lan.$t('dianjihuoquyzm')}} {{
|
||||
time == 60 ? "" : "(" + time + ")"
|
||||
}}
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<a-input
|
||||
v-model:value="phone.code"
|
||||
style="width: 50%"
|
||||
:placeholder="lan.$t('shuruyzm')"
|
||||
/>
|
||||
</a-input-group>
|
||||
</a-form-item>
|
||||
<div class="submit" @click="next(2)">{{lan.$t('xiayibu')}}</div>
|
||||
<div class="agreement" @click="agree">
|
||||
<div class="ifagree">
|
||||
<img
|
||||
src="@/static/images/agree.png"
|
||||
alt=""
|
||||
class="agree"
|
||||
v-if="ifagree"
|
||||
/>
|
||||
</div>
|
||||
{{lan.$t('tongyixieyi')}}
|
||||
</div>
|
||||
</a-form>
|
||||
</div>
|
||||
|
||||
<div v-if="stepnow == 2">
|
||||
<div class="nosign">
|
||||
{{lan.$t('yiyouzhanghao')}}
|
||||
<span class="tosign" @click="navto('/')"> {{lan.$t('qudenglu')}} </span>
|
||||
</div>
|
||||
<a-form :layout="formLayout">
|
||||
<div class="signform">
|
||||
<a-form-item :label="lan.$t('shezhimima')" class="form-item">
|
||||
<a-input
|
||||
class="shuru"
|
||||
:placeholder="lan.$t('shurumima')"
|
||||
type="password"
|
||||
v-model:value="userinfo.pass"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item :label="lan.$t('shezhimima')" class="form-item">
|
||||
<a-input
|
||||
class="shuru"
|
||||
:placeholder="lan.$t('shurumimatwo')"
|
||||
type="password"
|
||||
v-model:value="userinfo.passtow"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item :label="lan.$t('xingming')" class="form-item">
|
||||
<a-input
|
||||
class="shuru"
|
||||
:placeholder="lan.$t('shuruxingming')"
|
||||
v-model:value="userinfo.name"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item :label="lan.$t('youxiang')" class="form-item">
|
||||
<a-input
|
||||
class="shuru"
|
||||
:placeholder="lan.$t('shuruyouxiang')"
|
||||
v-model:value="userinfo.emil"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item :label="lan.$t('muyu')" class="form-item">
|
||||
<a-input
|
||||
class="shuru"
|
||||
:placeholder="lan.$t('shurumuyu')"
|
||||
v-model:value="userinfo.muyu"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="教授" class="form-item">
|
||||
<a-select
|
||||
v-model:value="userinfo.jiaoshou"
|
||||
class="getcode"
|
||||
style="color: #111"
|
||||
:placeholder="lan.$t('xuanzejiaoshou')"
|
||||
>
|
||||
<a-select-option
|
||||
v-for="(item, index) in willsay"
|
||||
:key="index"
|
||||
:value="item.languageid"
|
||||
>
|
||||
{{ item.name }}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</div>
|
||||
|
||||
<div class="submit" @click="next(3)">{{lan.$t('lijizhuce')}}</div>
|
||||
<div class="orginfo">{{lan.$t('banquan')}}</div>
|
||||
</a-form>
|
||||
</div>
|
||||
|
||||
<div v-if="stepnow == 3">
|
||||
<div class="nosign">{{lan.$t('您已完成注册')}}</div>
|
||||
<img
|
||||
src="@/static/images/agree.png"
|
||||
alt=""
|
||||
class="agree"
|
||||
v-if="ifagree"
|
||||
src="@/static/images/success.png"
|
||||
alt=""
|
||||
class="success"
|
||||
/>
|
||||
</div>
|
||||
勾选表示同意 《用户注册协议和隐私政策》
|
||||
</div>
|
||||
</a-form>
|
||||
</div>
|
||||
|
||||
<div v-if="stepnow == 2">
|
||||
<div class="nosign">
|
||||
已有账号？
|
||||
<span class="tosign" @click="navto('/')"> 去登录 </span>
|
||||
</div>
|
||||
<a-form :layout="formLayout">
|
||||
<div class="signform">
|
||||
<a-form-item label="设置密码" class="form-item">
|
||||
<a-input
|
||||
class="shuru"
|
||||
placeholder="请输入您的密码"
|
||||
type="password"
|
||||
v-model:value="userinfo.pass"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="设置密码" class="form-item">
|
||||
<a-input
|
||||
class="shuru"
|
||||
placeholder="请再次输入您的密码"
|
||||
type="password"
|
||||
v-model:value="userinfo.passtow"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="姓名" class="form-item">
|
||||
<a-input
|
||||
class="shuru"
|
||||
placeholder="请输入您的姓名"
|
||||
v-model:value="userinfo.name"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="邮箱" class="form-item">
|
||||
<a-input
|
||||
class="shuru"
|
||||
placeholder="请输入您的邮箱"
|
||||
v-model:value="userinfo.emil"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="母语" class="form-item">
|
||||
<a-input
|
||||
class="shuru"
|
||||
placeholder="请输入您的母语"
|
||||
v-model:value="userinfo.muyu"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="教授" class="form-item">
|
||||
<a-select
|
||||
v-model:value="userinfo.jiaoshou"
|
||||
class="getcode"
|
||||
style="color: #111"
|
||||
placeholder="请选择您的教授"
|
||||
>
|
||||
<a-select-option
|
||||
v-for="(item, index) in willsay"
|
||||
:key="index"
|
||||
:value="item.languageid"
|
||||
>
|
||||
{{ item.name }}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</div>
|
||||
|
||||
<div class="submit" @click="next(3)">立刻注册</div>
|
||||
<div class="orginfo">Beelink公司版权所有 2019—2022</div>
|
||||
</a-form>
|
||||
</div>
|
||||
|
||||
<div v-if="stepnow == 3">
|
||||
<div class="nosign">您已完成注册</div>
|
||||
<img src="@/static/images/success.png" alt="" class="success" />
|
||||
<div class="ale" @click="navto('/mine/archives')">
|
||||
恭喜您注册成功，点击跳转到我的档案页面
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div :class="stepnow != 2 ? 'right' : 'right right1'">
|
||||
<div class="steps">
|
||||
<div class="step">
|
||||
<div :class="stepnow == 1 ? 'circle step1' : 'circle'">01</div>
|
||||
<div :class="stepnow == 1 ? 'stepnow' : ''">验证手机号</div>
|
||||
</div>
|
||||
<div class="stepline"></div>
|
||||
<div class="step">
|
||||
<div :class="stepnow == 2 ? 'circle step1' : 'circle'">02</div>
|
||||
<div :class="stepnow == 2 ? 'stepnow' : ''">填写帐号信息</div>
|
||||
<div class="back" @click="next(1)" v-if="stepnow == 2">
|
||||
返回上一步
|
||||
<div class="ale" @click="navto('/mine/archives')">
|
||||
{{lan.$t('qudangan')}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stepline"></div>
|
||||
<div class="step">
|
||||
<div :class="stepnow == 3 ? 'circle step1' : 'circle'">03</div>
|
||||
<div :class="stepnow == 3 ? 'stepnow' : ''">帐号注册完成</div>
|
||||
<div :class="stepnow != 2 ? 'right' : 'right right1'">
|
||||
<div class="steps">
|
||||
<div class="step">
|
||||
<div :class="stepnow == 1 ? 'circle step1' : 'circle'">
|
||||
01
|
||||
</div>
|
||||
<div :class="stepnow == 1 ? 'stepnow' : ''">
|
||||
{{lan.$t('yanzhengshouji')}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="stepline"></div>
|
||||
<div class="step">
|
||||
<div :class="stepnow == 2 ? 'circle step1' : 'circle'">
|
||||
02
|
||||
</div>
|
||||
<div :class="stepnow == 2 ? 'stepnow' : ''">
|
||||
{{lan.$t('tianxiexinxi')}}
|
||||
</div>
|
||||
<div class="back" @click="next(1)" v-if="stepnow == 2">
|
||||
{{lan.$t('fanhuishangyibu')}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="stepline"></div>
|
||||
<div class="step">
|
||||
<div :class="stepnow == 3 ? 'circle step1' : 'circle'">
|
||||
03
|
||||
</div>
|
||||
<div :class="stepnow == 3 ? 'stepnow' : ''">
|
||||
{{lan.$t('zhucewancheng')}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="icons" v-if="stepnow == 2">
|
||||
<img src="@/static/images/weixin.png" alt="" class="icon" />
|
||||
<img src="@/static/images/weibo.png" alt="" class="icon" />
|
||||
<img
|
||||
src="@/static/images/facebook.png"
|
||||
alt=""
|
||||
class="icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="icons" v-if="stepnow == 2">
|
||||
<img src="@/static/images/weixin.png" alt="" class="icon" />
|
||||
<img src="@/static/images/weibo.png" alt="" class="icon" />
|
||||
<img src="@/static/images/facebook.png" alt="" class="icon" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { defineComponent, reactive, ref, toRaw } from "vue";
|
||||
import { defineComponent, onMounted, reactive, ref, toRaw } from "vue";
|
||||
import NavTop from "@/components/NavTop.vue";
|
||||
import { checksmscode, getwillsay, register, sendsms } from "@/api";
|
||||
import {
|
||||
checksmscode,
|
||||
getquhaolist,
|
||||
getwillsay,
|
||||
register,
|
||||
sendsms,
|
||||
} from "@/api";
|
||||
import { message } from "ant-design-vue";
|
||||
import router from "@/router";
|
||||
import { useI18n } from "@/utils/i18n";
|
||||
|
||||
export default defineComponent({
|
||||
name: "Sign",
|
||||
components: { NavTop },
|
||||
setup() {
|
||||
const lan: any = useI18n();
|
||||
const formLayout = {
|
||||
labelCol: 4,
|
||||
wrapperCol: 14,
|
||||
@ -195,9 +255,20 @@ export default defineComponent({
|
||||
jiaoshou: "",
|
||||
});
|
||||
const willsay = ref<any>();
|
||||
const quhaolist = ref<any>([
|
||||
{
|
||||
code: "86",
|
||||
id: 214,
|
||||
name: "中国",
|
||||
},
|
||||
]);
|
||||
getwillsay().then((res) => {
|
||||
willsay.value = res;
|
||||
});
|
||||
onMounted(async () => {
|
||||
quhaolist.value = await getquhaolist();
|
||||
});
|
||||
|
||||
/**
|
||||
* @param
|
||||
* 点击获取验证码 触发60S倒计时
|
||||
@ -218,9 +289,9 @@ export default defineComponent({
|
||||
console.log(phone);
|
||||
time.value = time.value - 1;
|
||||
if (time.value <= 0) {
|
||||
time.value = 60;
|
||||
clearInterval(timestep);
|
||||
lock = false;
|
||||
time.value = 60;
|
||||
clearInterval(timestep);
|
||||
lock = false;
|
||||
}
|
||||
}, 1000);
|
||||
};
|
||||
@ -228,8 +299,8 @@ export default defineComponent({
|
||||
|
||||
/**
|
||||
*@param
|
||||
* 用户协议前面radio 的点击效果
|
||||
*/
|
||||
* 用户协议前面radio 的点击效果
|
||||
*/
|
||||
const agree: () => void = () => {
|
||||
ifagree.value = ifagree.value == true ? false : true;
|
||||
console.log(ifagree.value, 600);
|
||||
@ -246,9 +317,9 @@ export default defineComponent({
|
||||
message.error("密码不能为空");
|
||||
return false;
|
||||
}
|
||||
if(userinfo.value.pass!=userinfo.value.passtow){
|
||||
message.error("两次密码输入不一致")
|
||||
return
|
||||
if (userinfo.value.pass != userinfo.value.passtow) {
|
||||
message.error("两次密码输入不一致");
|
||||
return;
|
||||
}
|
||||
if (userinfo.value.name == "") {
|
||||
message.error("姓名不能为空");
|
||||
@ -270,14 +341,13 @@ export default defineComponent({
|
||||
}
|
||||
/**
|
||||
*@param e 跳到哪一步
|
||||
* 步骤条跳到某一步
|
||||
*/
|
||||
* 步骤条跳到某一步
|
||||
*/
|
||||
|
||||
async function next(e: number) {
|
||||
|
||||
if(!ifagree.value){
|
||||
message.error("请同意用户协议");
|
||||
return ;
|
||||
if (!ifagree.value) {
|
||||
message.error("请同意用户协议");
|
||||
return;
|
||||
}
|
||||
if (stepnow.value > e) {
|
||||
stepnow.value = e;
|
||||
@ -285,35 +355,37 @@ export default defineComponent({
|
||||
}
|
||||
switch (e) {
|
||||
case 2: {
|
||||
console.log(e);
|
||||
if (phone.value.phone == "") {
|
||||
message.error("手机号不能为空");
|
||||
return;
|
||||
} else if (phone.value.code == "") {
|
||||
message.error("验证码不能为空");
|
||||
return;
|
||||
}
|
||||
const res = await checksmscode(
|
||||
phone.value.quhao + phone.value.phone,
|
||||
phone.value.code
|
||||
);
|
||||
if (res) {
|
||||
stepnow.value = e;
|
||||
}
|
||||
break;
|
||||
console.log(e);
|
||||
if (phone.value.phone == "") {
|
||||
message.error("手机号不能为空");
|
||||
return;
|
||||
} else if (phone.value.code == "") {
|
||||
message.error("验证码不能为空");
|
||||
return;
|
||||
}
|
||||
const res = await checksmscode(
|
||||
phone.value.quhao + phone.value.phone,
|
||||
phone.value.code
|
||||
);
|
||||
if (res) {
|
||||
stepnow.value = e;
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
case 3: {
|
||||
console.log(userinfo.value);
|
||||
const yz = yanzheng();
|
||||
if (yz) {
|
||||
const res = await register({
|
||||
...toRaw(phone.value),
|
||||
...toRaw(userinfo.value),
|
||||
});
|
||||
if (res) {
|
||||
stepnow.value = e;
|
||||
}
|
||||
}
|
||||
console.log(userinfo.value);
|
||||
const yz = yanzheng();
|
||||
if (yz) {
|
||||
const res = await register({
|
||||
...toRaw(phone.value),
|
||||
...toRaw(userinfo.value),
|
||||
});
|
||||
if (res) {
|
||||
stepnow.value = e;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -332,208 +404,210 @@ export default defineComponent({
|
||||
userinfo,
|
||||
willsay,
|
||||
navto,
|
||||
lan,
|
||||
quhaolist,
|
||||
};
|
||||
},
|
||||
});
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.login ::v-deep(.ant-select-selection) {
|
||||
border: none;
|
||||
border: none;
|
||||
}
|
||||
.login ::v-deep(.ant-input) {
|
||||
border: none;
|
||||
border: none;
|
||||
}
|
||||
.ant-input:focus {
|
||||
border: none;
|
||||
border-bottom: 1px solid white !important;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
border-bottom: 1px solid white !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
.login ::v-deep(.ant-form-item-label) {
|
||||
line-height: 14px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.login ::v-deep(.ant-form-item) ::v-deep(label) {
|
||||
color: #0dbba4;
|
||||
font-size: 11px;
|
||||
left: 1px;
|
||||
color: #0dbba4;
|
||||
font-size: 11px;
|
||||
left: 1px;
|
||||
}
|
||||
.login {
|
||||
min-width: 100%;
|
||||
height: 100vh;
|
||||
background: url("../../static/images/loginbg.png");
|
||||
background-size: 100% 130%;
|
||||
background-repeat: no-repeat;
|
||||
.box {
|
||||
padding-top: 145px;
|
||||
min-width: 100%;
|
||||
height: 100vh;
|
||||
background: url("../../static/images/loginbg.png");
|
||||
background-size: 100% 130%;
|
||||
background-repeat: no-repeat;
|
||||
.box {
|
||||
padding-top: 145px;
|
||||
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
.left1 {
|
||||
width: 710px !important;
|
||||
}
|
||||
.left {
|
||||
width: 314px;
|
||||
.title {
|
||||
font-size: 17px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.orgname {
|
||||
font-size: 29px;
|
||||
color: #0dbba4;
|
||||
cursor: pointer;
|
||||
}
|
||||
.nosign {
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
margin-top: 17px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.tosign {
|
||||
color: #0dbba4;
|
||||
cursor: pointer;
|
||||
}
|
||||
.tab {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
font-size: 15px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
.line {
|
||||
width: 1px;
|
||||
height: 14px;
|
||||
background: #e5e5e5;
|
||||
margin-top: 10px;
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
}
|
||||
.getcode {
|
||||
font-size: 15px;
|
||||
color: #08ae98;
|
||||
width: 313px;
|
||||
// width: 50%;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.orginfo {
|
||||
margin-top: 178px;
|
||||
}
|
||||
.submit {
|
||||
width: 143px;
|
||||
height: 35px;
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
#00dac2,
|
||||
#42de9e,
|
||||
#88e062,
|
||||
#d0eb3e,
|
||||
#fffa18
|
||||
);
|
||||
border-radius: 18px;
|
||||
font-size: 15px;
|
||||
color: white;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
line-height: 35px;
|
||||
margin-top: 45px;
|
||||
}
|
||||
.agreement {
|
||||
font-size: 12px;
|
||||
display: flex;
|
||||
margin-top: 23px;
|
||||
cursor: default;
|
||||
.ifagree {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #0ebca4;
|
||||
margin: auto 0;
|
||||
margin-right: 7px;
|
||||
.agree {
|
||||
width: 8px;
|
||||
height: 6px;
|
||||
position: relative;
|
||||
top: -4px;
|
||||
left: 2.5px;
|
||||
}
|
||||
justify-content: space-around;
|
||||
.left1 {
|
||||
width: 710px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.right1 {
|
||||
width: 230px !important;
|
||||
}
|
||||
.right {
|
||||
width: 690px;
|
||||
.steps {
|
||||
padding-top: 112px;
|
||||
.stepline {
|
||||
width: 1px;
|
||||
height: 50px;
|
||||
border: 1px dashed #eeeeee;
|
||||
position: relative;
|
||||
left: 13px;
|
||||
.left {
|
||||
width: 314px;
|
||||
.title {
|
||||
font-size: 17px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.orgname {
|
||||
font-size: 29px;
|
||||
color: #0dbba4;
|
||||
cursor: pointer;
|
||||
}
|
||||
.nosign {
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
margin-top: 17px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.tosign {
|
||||
color: #0dbba4;
|
||||
cursor: pointer;
|
||||
}
|
||||
.tab {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
font-size: 15px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
.line {
|
||||
width: 1px;
|
||||
height: 14px;
|
||||
background: #e5e5e5;
|
||||
margin-top: 10px;
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
}
|
||||
.getcode {
|
||||
font-size: 15px;
|
||||
color: #08ae98;
|
||||
width: 313px;
|
||||
// width: 50%;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.orginfo {
|
||||
margin-top: 178px;
|
||||
}
|
||||
.submit {
|
||||
width: 143px;
|
||||
height: 35px;
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
#00dac2,
|
||||
#42de9e,
|
||||
#88e062,
|
||||
#d0eb3e,
|
||||
#fffa18
|
||||
);
|
||||
border-radius: 18px;
|
||||
font-size: 15px;
|
||||
color: white;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
line-height: 35px;
|
||||
margin-top: 45px;
|
||||
}
|
||||
.agreement {
|
||||
font-size: 12px;
|
||||
display: flex;
|
||||
margin-top: 23px;
|
||||
cursor: default;
|
||||
.ifagree {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #0ebca4;
|
||||
margin: auto 0;
|
||||
margin-right: 7px;
|
||||
.agree {
|
||||
width: 8px;
|
||||
height: 6px;
|
||||
position: relative;
|
||||
top: -4px;
|
||||
left: 2.5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.step {
|
||||
display: flex;
|
||||
color: #999999;
|
||||
font-size: 11px;
|
||||
line-height: 28px;
|
||||
font-weight: bold;
|
||||
.back {
|
||||
color: #0dbba4;
|
||||
margin-left: 23px;
|
||||
}
|
||||
.circle {
|
||||
width: 29px;
|
||||
height: 29px;
|
||||
border-radius: 15px;
|
||||
background: #eeeeee;
|
||||
font-size: 12px;
|
||||
color: #999999;
|
||||
text-align: center;
|
||||
line-height: 29px;
|
||||
font-weight: 800;
|
||||
margin-right: 17px;
|
||||
}
|
||||
.right1 {
|
||||
width: 230px !important;
|
||||
}
|
||||
.step1 {
|
||||
background: #08ae98 !important;
|
||||
color: white !important;
|
||||
.right {
|
||||
width: 690px;
|
||||
.steps {
|
||||
padding-top: 112px;
|
||||
.stepline {
|
||||
width: 1px;
|
||||
height: 50px;
|
||||
border: 1px dashed #eeeeee;
|
||||
position: relative;
|
||||
left: 13px;
|
||||
}
|
||||
.step {
|
||||
display: flex;
|
||||
color: #999999;
|
||||
font-size: 11px;
|
||||
line-height: 28px;
|
||||
font-weight: bold;
|
||||
.back {
|
||||
color: #0dbba4;
|
||||
margin-left: 23px;
|
||||
}
|
||||
.circle {
|
||||
width: 29px;
|
||||
height: 29px;
|
||||
border-radius: 15px;
|
||||
background: #eeeeee;
|
||||
font-size: 12px;
|
||||
color: #999999;
|
||||
text-align: center;
|
||||
line-height: 29px;
|
||||
font-weight: 800;
|
||||
margin-right: 17px;
|
||||
}
|
||||
}
|
||||
.step1 {
|
||||
background: #08ae98 !important;
|
||||
color: white !important;
|
||||
}
|
||||
.stepnow {
|
||||
color: #111111;
|
||||
}
|
||||
}
|
||||
}
|
||||
.stepnow {
|
||||
color: #111111;
|
||||
}
|
||||
.signform {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
.shuru {
|
||||
width: 313px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.signform {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
.shuru {
|
||||
width: 313px;
|
||||
.icons {
|
||||
margin-right: 41px;
|
||||
margin-top: 227px;
|
||||
.icon {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
margin-right: 18px;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
.icons {
|
||||
margin-right: 41px;
|
||||
margin-top: 227px;
|
||||
.icon {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
margin-right: 18px;
|
||||
float: right;
|
||||
.success {
|
||||
width: 250px;
|
||||
height: 233px;
|
||||
}
|
||||
.ale {
|
||||
color: #08ae98;
|
||||
font-size: 14px;
|
||||
font-weight: 800;
|
||||
margin-top: 34px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.success {
|
||||
width: 250px;
|
||||
height: 233px;
|
||||
}
|
||||
.ale {
|
||||
color: #08ae98;
|
||||
font-size: 14px;
|
||||
font-weight: 800;
|
||||
margin-top: 34px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -15,7 +15,7 @@
|
||||
<template v-slot:icon><UserOutlined /></template>
|
||||
</a-avatar>
|
||||
<div class="mengceng" style="width: 85px;height: 85px;">
|
||||
修改头像
|
||||
{{lan.$t('xiugaitouxiang')}}
|
||||
</div>
|
||||
</a-upload>
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
|
||||
<div class="update-btn" @click="updateUserName" style="color: #fff;cursor: unset;">修改</div>
|
||||
<div class="value">{{ userinfo.name }}</div>
|
||||
<div class="update-btn" @click="updateUserName">修改</div>
|
||||
<div class="update-btn" @click="updateUserName">{{lan.$t('xiugai')}}</div>
|
||||
</div>
|
||||
<div class="user-name" v-else>
|
||||
<a-input size="small" v-model:value="userinfo.name" placeholder="请输入新的昵称" />
|
||||
@ -311,6 +311,7 @@ import smile from "@/static/images/smile.png"
|
||||
import smilet from "@/static/images/smilet.png"
|
||||
import { changetel, checksmscode, editpassword, editsystemsetting, getarchives, getcurrencys, getlanguages, getquhaolist, getzonelist, putmember, sendsms } from "@/api/index"
|
||||
import { message } from 'ant-design-vue';
|
||||
import { useI18n } from '@/utils/i18n';
|
||||
|
||||
export default defineComponent({
|
||||
name: "Archives",
|
||||
@ -320,6 +321,7 @@ export default defineComponent({
|
||||
NavBottom
|
||||
},
|
||||
setup(){
|
||||
const lan: any = useI18n();
|
||||
interface SpeakItem{
|
||||
lang: string;
|
||||
proficiency: number;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user