theluyuan/beelink
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge branch 'master' of http://git.luyuan.tk/luyuan/beelink into xbx

Browse Source
This commit is contained in:
luyuan
2020-10-29 10:11:30 +08:00
parent 3de931e747 9322f51e09
commit bd59677bb5
9 changed files with 120 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/views/login/Login.vue
View File

@@ -4,10 +4,10 @@
<div class="box">
<div class="left">
<div class="title">
您好，欢迎来到 <span class="orgname">Beelink</span>
{{lan.$t("huanying")}} <span class="orgname">{{lan.$t("beelink")}}</span>
</div>
<div class="nosign">
还没有账号？ <span class="tosign"><router-link to="/sign"> 成为一名Beelink老师 </router-link></span>
{{lan.$t("meiyouzhanghao")}} <span class="tosign"><router-link to="/sign"> {{lan.$t("chengweilaoshi")}} </router-link></span>
</div>
<div class="tab">
<LoginTab @sel="Selectnum"></LoginTab>
@@ -15,7 +15,7 @@
<div v-if="tabselected == 1">
<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-select default-value="Zhejiang" class="getcode">
<a-select-option value="Zhejiang">
@@ -30,53 +30,53 @@
<!-- <a-select-option value="Jiangsu"> Jiangsu </a-select-option> -->
</a-select>
<div class="line"></div>
<a-input v-model:value="phone" style="width: 50%" placeholder="请输入您的手机号" />
<a-input v-model:value="phone" style="width: 50%" :placeholder="lan.$t('shurushouji')" />
</a-input-group>
</a-form-item>
<a-form-item label="验证码" class="form-item">
<a-form-item :label="lan.$t('yanzhengma')" class="form-item">
<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="code"/>
<a-input style="width: 50%" :placeholder="lan.$t('shuruyzm')" v-model:value="code"/>
</a-input-group>
</a-form-item>
<div class="submit" @click="sublogin">立即登录</div>
<div>Beelink公司版权所有 2019—2022</div>
<div class="submit" @click="sublogin">{{lan.$t("lijidenglu")}}</div>
<div>{{lan.$t('banquan')}}</div>
</a-form>
</div>
<div v-if="tabselected == 2">
<a-form :layout="formLayout">
<a-form-item label="帐号" class="form-item">
<a-form-item :label="lan.$t('zhanghao')" class="form-item">
<a-input-group compact>
<a-input
style="width: 80%"
placeholder="请输入您的邮箱或者手机号"
:placeholder="lan.$t('shuruzhanghao')"
v-model:value="userinfo.phone"
/>
</a-input-group>
</a-form-item>
<a-form-item label="密码" class="form-item">
<a-form-item :label="lan.$t('mima')" class="form-item">
<a-input-group compact>
<a-input
style="width: 70%"
placeholder="请输入您的密码"
:placeholder="lan.$t('shurumima')"
type="password"
class="shuru"
v-model:value="userinfo.password"
/>
<div class="forget"><router-link to="/reset">忘记密码?</router-link></div>
<div class="forget"><router-link to="/reset">{{lan.$t('wangjimima')}}</router-link></div>
</a-input-group>
</a-form-item>
<div class="submit" @click="login">立即登录</div>
<div class="submit" @click="login">{{lan.$t('lijidenglu')}}</div>
</a-form>
</div>
</div>
<div class="right">
<div class="top">亿万人的信赖和见证</div>
<div class="topdesc">Beelink 开启您的美好学习生活</div>
<div class="top">{{lan.$t('yiwanxinlai')}}</div>
<div class="topdesc">{{lan.$t('kaiqishenghuo')}}</div>
<div class="lessons">
<!-- @click="tovideoxq(i.videoid)" -->
@@ -98,15 +98,13 @@
</div>
<div class="bottom">
<div class="content">
<div class="title">关于 Beelink</div>
<div class="title">{{lan.$t('guanyubeelink')}}</div>
<div class="rowline"></div>
<div class="texts">
Beelink平台拥有数千名优秀老师，丰富的教育经验和有趣的课堂环境，一对一辅导
平台的教务管理、线上课堂、线下课堂、助学互动，课程回放等多项教学功能，让
您利用碎片时间，轻轻松松学会各种语言。
{{lan.$t("guanyuneirong")}}
</div>
<div class="relation">
<div class="more" @click="navto()">了解更多</div>
<div class="more" @click="navto()">{{lan.$t('liaojiegengduo')}}</div>
<img src="@/static/images/tel.png" alt="" class="icon">
<div>136-0111-1111</div>
@@ -125,6 +123,7 @@ import NavTop from "@/components/NavTop.vue"
import { checksmscode, getquhaolist, getwebvideolist, loginpass, sendsms } from '@/api';
import { message } from 'ant-design-vue';
import router from '@/router';
import { useI18n } from '@/utils/i18n';
export default defineComponent({
name: "Login",
@@ -133,6 +132,7 @@ export default defineComponent({
NavTop
},
setup() {
const lan: any = useI18n();
const formLayout = {
labelCol: 4,
wrapperCol: 14,
@@ -278,6 +278,7 @@ export default defineComponent({
videolist,
tovideoxq,
navto,
lan,
slogin
};
},