多语言
This commit is contained in:
parent
c0a84ac057
commit
0deba541ce
@ -28,6 +28,8 @@ export default {
|
|||||||
huanying:"您好，欢迎来到",
|
huanying:"您好，欢迎来到",
|
||||||
beelink:"Beelink",
|
beelink:"Beelink",
|
||||||
meiyouzhanghao:"还没有账号？",
|
meiyouzhanghao:"还没有账号？",
|
||||||
|
yiyouzhanghao:"已有账号？",
|
||||||
|
qudenglu:"去登录",
|
||||||
chengweilaoshi:"成为一名Beelink老师",
|
chengweilaoshi:"成为一名Beelink老师",
|
||||||
shoujidenglu:"手机号登录",
|
shoujidenglu:"手机号登录",
|
||||||
mimadenglu:"账号密码登录",
|
mimadenglu:"账号密码登录",
|
||||||
@ -47,6 +49,38 @@ export default {
|
|||||||
kaiqishenghuo:"Beelink 开启您的美好学习生活",
|
kaiqishenghuo:"Beelink 开启您的美好学习生活",
|
||||||
guanyubeelink:"关于 Beelink",
|
guanyubeelink:"关于 Beelink",
|
||||||
guanyuneirong:" 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="box">
|
||||||
<div :class="stepnow != 2 ? 'left' : 'left left1'">
|
<div :class="stepnow != 2 ? 'left' : 'left left1'">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<span class="orgname">Beelink</span>密码重置
|
<span class="orgname">{{lan.$t('beelink')}}</span>{{lan.$t('mimachongzhi')}}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="stepnow == 1">
|
<div v-if="stepnow == 1">
|
||||||
<div class="nosign">
|
<div class="nosign">
|
||||||
想起密码？
|
{{lan.$t('xiangqimima')}}
|
||||||
<span class="tosign"><router-link to="/"> 去登录 </router-link></span>
|
<span class="tosign"><router-link to="/"> {{lan.$t('qudenglu')}} </router-link></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a-form :layout="formLayout">
|
<a-form :layout="formLayout">
|
||||||
<a-form-item label="账户名" class="form-item">
|
<a-form-item :label="lan.$t('zhanghuming')" class="form-item">
|
||||||
<a-input class="shuru" placeholder="请输入您的邮箱或者手机号" v-model:value="uinfo.phone"/>
|
<a-input class="shuru" :placeholder="lan.$t('shuruzhanghao')" v-model:value="uinfo.phone"/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<div class="submit" @click="next(2)">下一步</div>
|
<div class="submit" @click="next(2)">{{lan.$t('xiayibu')}}</div>
|
||||||
|
|
||||||
</a-form>
|
</a-form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="stepnow == 2">
|
<div v-if="stepnow == 2">
|
||||||
<div class="nosign">
|
<div class="nosign">
|
||||||
已有账号？
|
{{lan.$t('yiyouzhanghao')}}
|
||||||
<span class="tosign"><router-link to="/"> 去登录 </router-link></span>
|
<span class="tosign"><router-link to="/"> {{lan.$t('qudenglu')}} </router-link></span>
|
||||||
</div>
|
</div>
|
||||||
<a-form :layout="formLayout">
|
<a-form :layout="formLayout">
|
||||||
<div class="signform">
|
<div class="signform">
|
||||||
<div style="display:flex">
|
<div style="display:flex">
|
||||||
<a-form-item label="手机号" class="shuru">
|
<a-form-item :label="lan.$t('shoujihao')" class="shuru">
|
||||||
<div>{{uinfo.phone}}</div>
|
<div>{{uinfo.phone}}</div>
|
||||||
</a-form-item>
|
</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>
|
<a-input-group compact>
|
||||||
<div class="getcode" @click="getcode">
|
<div class="getcode" @click="getcode">
|
||||||
点击获取验证码{{ time == 60 ? "" : "(" + time + ")" }}
|
{{lan.$t('dianjihuoquyzm')}} {{ time == 60 ? "" : "(" + time + ")" }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="line"></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-input-group>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style="display:flex">
|
<div style="display:flex">
|
||||||
<a-form-item label="设置密码" class="form-item">
|
<a-form-item :label="lan.$t('chongzhimima')" class="form-item">
|
||||||
<a-input class="shuru" placeholder="请再次输入您的密码" type="password" v-model:value="uinfo.password"/>
|
<a-input class="shuru" :placeholder="lan.$t('chongzhishurumima')" type="password" v-model:value="uinfo.password"/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="设置密码" class="form-item">
|
<a-form-item :label="lan.$t('querenmima')" class="form-item">
|
||||||
<a-input class="shuru" placeholder="请再次输入您的密码" type="password" v-model:value="uinfo.repassword"/>
|
<a-input class="shuru" :placeholder="lan.$t('shurumimatwo')" type="password" v-model:value="uinfo.repassword"/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="submit" @click="next(3)">确认重置</div>
|
<div class="submit" @click="next(3)">{{lan.$t('querenchongzhi')}}</div>
|
||||||
<div class="orginfo">Beelink公司版权所有 2019—2022</div>
|
<div class="orginfo">{{lan.$t('banquan')}}</div>
|
||||||
</a-form>
|
</a-form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="stepnow == 3">
|
<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">
|
<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>
|
</div>
|
||||||
<div :class="stepnow != 2 ? 'right' : 'right right1'">
|
<div :class="stepnow != 2 ? 'right' : 'right right1'">
|
||||||
<div class="steps">
|
<div class="steps">
|
||||||
<div class="step">
|
<div class="step">
|
||||||
<div :class="stepnow == 1 ? 'circle step1' : 'circle'">01</div>
|
<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>
|
||||||
<div class="stepline"></div>
|
<div class="stepline"></div>
|
||||||
<div class="step">
|
<div class="step">
|
||||||
<div :class="stepnow == 2 ? 'circle step1' : 'circle'">02</div>
|
<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">
|
<div class="back" @click="next(1)" v-if="stepnow==2">
|
||||||
返回上一步
|
{{lan.$t('fanhuishangyibu')}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="stepline"></div>
|
<div class="stepline"></div>
|
||||||
<div class="step">
|
<div class="step">
|
||||||
<div :class="stepnow == 3 ? 'circle step1' : 'circle'">03</div>
|
<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>
|
</div>
|
||||||
<div class="icons" v-if="stepnow == 2">
|
<div class="icons" v-if="stepnow == 2">
|
||||||
@ -101,12 +101,14 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { checksmscode, checkuser, editpassword, sendsms } from '@/api';
|
import { checksmscode, checkuser, editpassword, sendsms } from '@/api';
|
||||||
import router from '@/router';
|
import router from '@/router';
|
||||||
|
import { useI18n } from '@/utils/i18n';
|
||||||
import { message } from 'ant-design-vue';
|
import { message } from 'ant-design-vue';
|
||||||
import { defineComponent, ref, toRaw } from "vue";
|
import { defineComponent, ref, toRaw } from "vue";
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
name: "Sign",
|
name: "Sign",
|
||||||
components: {},
|
components: {},
|
||||||
setup() {
|
setup() {
|
||||||
|
const lan: any = useI18n();
|
||||||
const formLayout = {
|
const formLayout = {
|
||||||
labelCol: 4,
|
labelCol: 4,
|
||||||
wrapperCol: 14,
|
wrapperCol: 14,
|
||||||
@ -219,7 +221,8 @@ export default defineComponent({
|
|||||||
stepnow,
|
stepnow,
|
||||||
next,
|
next,
|
||||||
uinfo,
|
uinfo,
|
||||||
tologin
|
tologin,
|
||||||
|
lan
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|||||||
@ -4,48 +4,80 @@
|
|||||||
<div class="box">
|
<div class="box">
|
||||||
<div :class="stepnow != 2 ? 'left' : 'left left1'">
|
<div :class="stepnow != 2 ? 'left' : 'left left1'">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
您好，欢迎来到 <span class="orgname">Beelink</span>
|
{{ lan.$t("huanying") }}
|
||||||
|
<span class="orgname">{{ lan.$t("beelink") }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="stepnow == 1">
|
<div v-if="stepnow == 1">
|
||||||
<div class="nosign">
|
<div class="nosign">
|
||||||
已有账号？
|
{{ lan.$t("yiyouzhanghao") }}
|
||||||
<span class="tosign" @click="navto('/')"> 去登录 </span>
|
<span class="tosign" @click="navto('/')">
|
||||||
|
{{ lan.$t("qudenglu") }}
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a-form :layout="formLayout">
|
<a-form :layout="formLayout">
|
||||||
<a-form-item label="手机号" class="form-item">
|
<a-form-item
|
||||||
|
:label="lan.$t('shoujihao')"
|
||||||
|
class="form-item"
|
||||||
|
>
|
||||||
<a-input-group compact>
|
<a-input-group compact>
|
||||||
<a-select
|
<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"
|
class="getcode"
|
||||||
style="width: 50%"
|
style="width: 50%"
|
||||||
v-model:value="phone.quhao"
|
v-model:value="phone.quhao"
|
||||||
>
|
>
|
||||||
<a-select-option value="86"> 中国+0086 </a-select-option>
|
<a-select-option value="86">
|
||||||
<a-select-option value="Jiangsu"> Jiangsu </a-select-option>
|
中国+0086
|
||||||
</a-select>
|
</a-select-option>
|
||||||
|
<a-select-option value="Jiangsu">
|
||||||
|
Jiangsu
|
||||||
|
</a-select-option>
|
||||||
|
</a-select> -->
|
||||||
<div class="line"></div>
|
<div class="line"></div>
|
||||||
<a-input
|
<a-input
|
||||||
v-model:value="phone.phone"
|
v-model:value="phone.phone"
|
||||||
style="width: 50%"
|
style="width: 50%"
|
||||||
placeholder="请输入您的手机号"
|
:placeholder="lan.$t('shurushouji')"
|
||||||
/>
|
/>
|
||||||
</a-input-group>
|
</a-input-group>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="验证码" class="form-item">
|
<a-form-item :label="lan.$t('yanzhengma')" class="form-item">
|
||||||
<a-input-group compact>
|
<a-input-group compact>
|
||||||
<div class="getcode" style="width: 50%" @click="getcode">
|
<div
|
||||||
点击获取验证码{{ time == 60 ? "" : "(" + time + ")" }}
|
class="getcode"
|
||||||
|
style="width: 50%"
|
||||||
|
@click="getcode"
|
||||||
|
>
|
||||||
|
{{lan.$t('dianjihuoquyzm')}} {{
|
||||||
|
time == 60 ? "" : "(" + time + ")"
|
||||||
|
}}
|
||||||
</div>
|
</div>
|
||||||
<div class="line"></div>
|
<div class="line"></div>
|
||||||
<a-input
|
<a-input
|
||||||
v-model:value="phone.code"
|
v-model:value="phone.code"
|
||||||
style="width: 50%"
|
style="width: 50%"
|
||||||
placeholder="请输入您的验证码"
|
:placeholder="lan.$t('shuruyzm')"
|
||||||
/>
|
/>
|
||||||
</a-input-group>
|
</a-input-group>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<div class="submit" @click="next(2)">下一步</div>
|
<div class="submit" @click="next(2)">{{lan.$t('xiayibu')}}</div>
|
||||||
<div class="agreement" @click="agree">
|
<div class="agreement" @click="agree">
|
||||||
<div class="ifagree">
|
<div class="ifagree">
|
||||||
<img
|
<img
|
||||||
@ -55,52 +87,52 @@
|
|||||||
v-if="ifagree"
|
v-if="ifagree"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
勾选表示同意 《用户注册协议和隐私政策》
|
{{lan.$t('tongyixieyi')}}
|
||||||
</div>
|
</div>
|
||||||
</a-form>
|
</a-form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="stepnow == 2">
|
<div v-if="stepnow == 2">
|
||||||
<div class="nosign">
|
<div class="nosign">
|
||||||
已有账号？
|
{{lan.$t('yiyouzhanghao')}}
|
||||||
<span class="tosign" @click="navto('/')"> 去登录 </span>
|
<span class="tosign" @click="navto('/')"> {{lan.$t('qudenglu')}} </span>
|
||||||
</div>
|
</div>
|
||||||
<a-form :layout="formLayout">
|
<a-form :layout="formLayout">
|
||||||
<div class="signform">
|
<div class="signform">
|
||||||
<a-form-item label="设置密码" class="form-item">
|
<a-form-item :label="lan.$t('shezhimima')" class="form-item">
|
||||||
<a-input
|
<a-input
|
||||||
class="shuru"
|
class="shuru"
|
||||||
placeholder="请输入您的密码"
|
:placeholder="lan.$t('shurumima')"
|
||||||
type="password"
|
type="password"
|
||||||
v-model:value="userinfo.pass"
|
v-model:value="userinfo.pass"
|
||||||
/>
|
/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="设置密码" class="form-item">
|
<a-form-item :label="lan.$t('shezhimima')" class="form-item">
|
||||||
<a-input
|
<a-input
|
||||||
class="shuru"
|
class="shuru"
|
||||||
placeholder="请再次输入您的密码"
|
:placeholder="lan.$t('shurumimatwo')"
|
||||||
type="password"
|
type="password"
|
||||||
v-model:value="userinfo.passtow"
|
v-model:value="userinfo.passtow"
|
||||||
/>
|
/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="姓名" class="form-item">
|
<a-form-item :label="lan.$t('xingming')" class="form-item">
|
||||||
<a-input
|
<a-input
|
||||||
class="shuru"
|
class="shuru"
|
||||||
placeholder="请输入您的姓名"
|
:placeholder="lan.$t('shuruxingming')"
|
||||||
v-model:value="userinfo.name"
|
v-model:value="userinfo.name"
|
||||||
/>
|
/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="邮箱" class="form-item">
|
<a-form-item :label="lan.$t('youxiang')" class="form-item">
|
||||||
<a-input
|
<a-input
|
||||||
class="shuru"
|
class="shuru"
|
||||||
placeholder="请输入您的邮箱"
|
:placeholder="lan.$t('shuruyouxiang')"
|
||||||
v-model:value="userinfo.emil"
|
v-model:value="userinfo.emil"
|
||||||
/>
|
/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="母语" class="form-item">
|
<a-form-item :label="lan.$t('muyu')" class="form-item">
|
||||||
<a-input
|
<a-input
|
||||||
class="shuru"
|
class="shuru"
|
||||||
placeholder="请输入您的母语"
|
:placeholder="lan.$t('shurumuyu')"
|
||||||
v-model:value="userinfo.muyu"
|
v-model:value="userinfo.muyu"
|
||||||
/>
|
/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
@ -109,7 +141,7 @@
|
|||||||
v-model:value="userinfo.jiaoshou"
|
v-model:value="userinfo.jiaoshou"
|
||||||
class="getcode"
|
class="getcode"
|
||||||
style="color: #111"
|
style="color: #111"
|
||||||
placeholder="请选择您的教授"
|
:placeholder="lan.$t('xuanzejiaoshou')"
|
||||||
>
|
>
|
||||||
<a-select-option
|
<a-select-option
|
||||||
v-for="(item, index) in willsay"
|
v-for="(item, index) in willsay"
|
||||||
@ -122,43 +154,63 @@
|
|||||||
</a-form-item>
|
</a-form-item>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="submit" @click="next(3)">立刻注册</div>
|
<div class="submit" @click="next(3)">{{lan.$t('lijizhuce')}}</div>
|
||||||
<div class="orginfo">Beelink公司版权所有 2019—2022</div>
|
<div class="orginfo">{{lan.$t('banquan')}}</div>
|
||||||
</a-form>
|
</a-form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="stepnow == 3">
|
<div v-if="stepnow == 3">
|
||||||
<div class="nosign">您已完成注册</div>
|
<div class="nosign">{{lan.$t('您已完成注册')}}</div>
|
||||||
<img src="@/static/images/success.png" alt="" class="success" />
|
<img
|
||||||
|
src="@/static/images/success.png"
|
||||||
|
alt=""
|
||||||
|
class="success"
|
||||||
|
/>
|
||||||
<div class="ale" @click="navto('/mine/archives')">
|
<div class="ale" @click="navto('/mine/archives')">
|
||||||
恭喜您注册成功，点击跳转到我的档案页面
|
{{lan.$t('qudangan')}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div :class="stepnow != 2 ? 'right' : 'right right1'">
|
<div :class="stepnow != 2 ? 'right' : 'right right1'">
|
||||||
<div class="steps">
|
<div class="steps">
|
||||||
<div class="step">
|
<div class="step">
|
||||||
<div :class="stepnow == 1 ? 'circle step1' : 'circle'">01</div>
|
<div :class="stepnow == 1 ? 'circle step1' : 'circle'">
|
||||||
<div :class="stepnow == 1 ? 'stepnow' : ''">验证手机号</div>
|
01
|
||||||
|
</div>
|
||||||
|
<div :class="stepnow == 1 ? 'stepnow' : ''">
|
||||||
|
{{lan.$t('yanzhengshouji')}}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="stepline"></div>
|
<div class="stepline"></div>
|
||||||
<div class="step">
|
<div class="step">
|
||||||
<div :class="stepnow == 2 ? 'circle step1' : 'circle'">02</div>
|
<div :class="stepnow == 2 ? 'circle step1' : 'circle'">
|
||||||
<div :class="stepnow == 2 ? 'stepnow' : ''">填写帐号信息</div>
|
02
|
||||||
|
</div>
|
||||||
|
<div :class="stepnow == 2 ? 'stepnow' : ''">
|
||||||
|
{{lan.$t('tianxiexinxi')}}
|
||||||
|
</div>
|
||||||
<div class="back" @click="next(1)" v-if="stepnow == 2">
|
<div class="back" @click="next(1)" v-if="stepnow == 2">
|
||||||
返回上一步
|
{{lan.$t('fanhuishangyibu')}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="stepline"></div>
|
<div class="stepline"></div>
|
||||||
<div class="step">
|
<div class="step">
|
||||||
<div :class="stepnow == 3 ? 'circle step1' : 'circle'">03</div>
|
<div :class="stepnow == 3 ? 'circle step1' : 'circle'">
|
||||||
<div :class="stepnow == 3 ? 'stepnow' : ''">帐号注册完成</div>
|
03
|
||||||
|
</div>
|
||||||
|
<div :class="stepnow == 3 ? 'stepnow' : ''">
|
||||||
|
{{lan.$t('zhucewancheng')}}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="icons" v-if="stepnow == 2">
|
<div class="icons" v-if="stepnow == 2">
|
||||||
<img src="@/static/images/weixin.png" alt="" class="icon" />
|
<img src="@/static/images/weixin.png" alt="" class="icon" />
|
||||||
<img src="@/static/images/weibo.png" alt="" class="icon" />
|
<img src="@/static/images/weibo.png" alt="" class="icon" />
|
||||||
<img src="@/static/images/facebook.png" alt="" class="icon" />
|
<img
|
||||||
|
src="@/static/images/facebook.png"
|
||||||
|
alt=""
|
||||||
|
class="icon"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -166,16 +218,24 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<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 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 { message } from "ant-design-vue";
|
||||||
import router from "@/router";
|
import router from "@/router";
|
||||||
|
import { useI18n } from "@/utils/i18n";
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
name: "Sign",
|
name: "Sign",
|
||||||
components: { NavTop },
|
components: { NavTop },
|
||||||
setup() {
|
setup() {
|
||||||
|
const lan: any = useI18n();
|
||||||
const formLayout = {
|
const formLayout = {
|
||||||
labelCol: 4,
|
labelCol: 4,
|
||||||
wrapperCol: 14,
|
wrapperCol: 14,
|
||||||
@ -195,9 +255,20 @@ export default defineComponent({
|
|||||||
jiaoshou: "",
|
jiaoshou: "",
|
||||||
});
|
});
|
||||||
const willsay = ref<any>();
|
const willsay = ref<any>();
|
||||||
|
const quhaolist = ref<any>([
|
||||||
|
{
|
||||||
|
code: "86",
|
||||||
|
id: 214,
|
||||||
|
name: "中国",
|
||||||
|
},
|
||||||
|
]);
|
||||||
getwillsay().then((res) => {
|
getwillsay().then((res) => {
|
||||||
willsay.value = res;
|
willsay.value = res;
|
||||||
});
|
});
|
||||||
|
onMounted(async () => {
|
||||||
|
quhaolist.value = await getquhaolist();
|
||||||
|
});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @param
|
* @param
|
||||||
* 点击获取验证码 触发60S倒计时
|
* 点击获取验证码 触发60S倒计时
|
||||||
@ -246,9 +317,9 @@ export default defineComponent({
|
|||||||
message.error("密码不能为空");
|
message.error("密码不能为空");
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
if(userinfo.value.pass!=userinfo.value.passtow){
|
if (userinfo.value.pass != userinfo.value.passtow) {
|
||||||
message.error("两次密码输入不一致")
|
message.error("两次密码输入不一致");
|
||||||
return
|
return;
|
||||||
}
|
}
|
||||||
if (userinfo.value.name == "") {
|
if (userinfo.value.name == "") {
|
||||||
message.error("姓名不能为空");
|
message.error("姓名不能为空");
|
||||||
@ -274,10 +345,9 @@ export default defineComponent({
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
async function next(e: number) {
|
async function next(e: number) {
|
||||||
|
if (!ifagree.value) {
|
||||||
if(!ifagree.value){
|
|
||||||
message.error("请同意用户协议");
|
message.error("请同意用户协议");
|
||||||
return ;
|
return;
|
||||||
}
|
}
|
||||||
if (stepnow.value > e) {
|
if (stepnow.value > e) {
|
||||||
stepnow.value = e;
|
stepnow.value = e;
|
||||||
@ -300,6 +370,7 @@ export default defineComponent({
|
|||||||
if (res) {
|
if (res) {
|
||||||
stepnow.value = e;
|
stepnow.value = e;
|
||||||
}
|
}
|
||||||
|
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
case 3: {
|
case 3: {
|
||||||
@ -314,6 +385,7 @@ export default defineComponent({
|
|||||||
stepnow.value = e;
|
stepnow.value = e;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -332,6 +404,8 @@ export default defineComponent({
|
|||||||
userinfo,
|
userinfo,
|
||||||
willsay,
|
willsay,
|
||||||
navto,
|
navto,
|
||||||
|
lan,
|
||||||
|
quhaolist,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|||||||
@ -15,7 +15,7 @@
|
|||||||
<template v-slot:icon><UserOutlined /></template>
|
<template v-slot:icon><UserOutlined /></template>
|
||||||
</a-avatar>
|
</a-avatar>
|
||||||
<div class="mengceng" style="width: 85px;height: 85px;">
|
<div class="mengceng" style="width: 85px;height: 85px;">
|
||||||
修改头像
|
{{lan.$t('xiugaitouxiang')}}
|
||||||
</div>
|
</div>
|
||||||
</a-upload>
|
</a-upload>
|
||||||
|
|
||||||
@ -23,7 +23,7 @@
|
|||||||
|
|
||||||
<div class="update-btn" @click="updateUserName" style="color: #fff;cursor: unset;">修改</div>
|
<div class="update-btn" @click="updateUserName" style="color: #fff;cursor: unset;">修改</div>
|
||||||
<div class="value">{{ userinfo.name }}</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>
|
||||||
<div class="user-name" v-else>
|
<div class="user-name" v-else>
|
||||||
<a-input size="small" v-model:value="userinfo.name" placeholder="请输入新的昵称" />
|
<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 smilet from "@/static/images/smilet.png"
|
||||||
import { changetel, checksmscode, editpassword, editsystemsetting, getarchives, getcurrencys, getlanguages, getquhaolist, getzonelist, putmember, sendsms } from "@/api/index"
|
import { changetel, checksmscode, editpassword, editsystemsetting, getarchives, getcurrencys, getlanguages, getquhaolist, getzonelist, putmember, sendsms } from "@/api/index"
|
||||||
import { message } from 'ant-design-vue';
|
import { message } from 'ant-design-vue';
|
||||||
|
import { useI18n } from '@/utils/i18n';
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
name: "Archives",
|
name: "Archives",
|
||||||
@ -320,6 +321,7 @@ export default defineComponent({
|
|||||||
NavBottom
|
NavBottom
|
||||||
},
|
},
|
||||||
setup(){
|
setup(){
|
||||||
|
const lan: any = useI18n();
|
||||||
interface SpeakItem{
|
interface SpeakItem{
|
||||||
lang: string;
|
lang: string;
|
||||||
proficiency: number;
|
proficiency: number;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user