joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

desc: 调整登陆页面样式

Browse Source
This commit is contained in:
zyy 2019-10-17 18:55:46 +08:00
parent 7b5255c3eb
commit 140d84bf56
7 changed files with 733 additions and 732 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/erCode.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

20
src/views/login/index.vue
View File

@ -58,9 +58,12 @@
title=""
width="200"
trigger="hover"
content="请在琏课堂小程序助手，完善个人信息，设置登录密码，手机号或邮箱。"
class="popover_box"
>
<div>
<img :src="QCode" alt="" style="width: 100px; height: 100px; display: block; margin:0 auto;">
<div style="margin-top: 10px;">请在琏课堂小程序助手，完善个人信息，设置登录密码，手机号或邮箱。</div>
</div>
<div slot="reference">无法登录?</div>
</el-popover>
<el-form-item>
@ -87,6 +90,7 @@ import { LoginParams } from '@/utils/login';
import bgImg from '@/assets/bg1.jpg';
import { setToken } from '@/utils/auth';
import { loginTitle } from '@/scripts/ConstDic';
import QCode from '@/assets/erCode.jpg';
export default {
name: 'Login',
@ -108,6 +112,7 @@ export default {
};
return {
bgImg: bgImg,
QCode: QCode,
loginForm: {
username: '',
password: ''
@ -128,10 +133,6 @@ export default {
scanSuccess: false
};
},
mounted() {
document.title = loginTitle[this.$route.params.project||'default'];
this.loginRefresh();
},
computed: {
project() {
return this.$route.params.project;
@ -140,6 +141,10 @@ export default {
return loginTitle[this.$route.params.project||'default'];
}
},
mounted() {
document.title = loginTitle[this.$route.params.project||'default'];
this.loginRefresh();
},
methods: {
clearTimer(timer) {
if (timer) {
@ -184,8 +189,8 @@ export default {
// 清除定时器，设置路由
self.clearTimer(self.checkLogin);
let path = '/login';
if (project) {
path = path + '/' + project;
if (this.project) {
path = path + '/' + this.project;
}
self.$router.push({ path: path });
self.$nextTick(() => {
@ -276,7 +281,6 @@ export default {
}
}
.item_form_box {
border: 1px solid #ccc;
border-radius: 5px;

8
src/views/login/loginDesign.vue
View File

@ -57,9 +57,12 @@
title=""
width="200"
trigger="hover"
content="请在琏课堂小程序助手，完善个人信息，设置登录密码，手机号或邮箱。"
class="popover_box"
>
<div>
<img :src="QCode" alt="" style="width: 100px; height: 100px; display: block; margin:0 auto;">
<div style="margin-top: 10px;">请在琏课堂小程序助手，完善个人信息，设置登录密码，手机号或邮箱。</div>
</div>
<div slot="reference">无法登录?</div>
</el-popover>
<el-form-item>
@ -75,7 +78,6 @@
<script>
import { UrlConfig } from '@/router/index';
import { setSessionStorage,removeSessionStorage } from '@/utils/auth';
import md5 from 'js-md5';
import Cookies from 'js-cookie';
import QrcodeVue from 'qrcode.vue';
@ -256,7 +258,6 @@ export default {
}
}
.item_form_box {
border: 1px solid #ccc;
border-radius: 5px;
@ -385,4 +386,3 @@ export default {
}
</style>

18
src/views/login/loginEn.vue
View File

@ -59,9 +59,12 @@
title=""
width="200"
trigger="hover"
content="Please in lian classroom small program assistant, perfect personal information, set login password, mobile phone number or email."
class="popover_box"
>
<div>
<img :src="QCode" alt="" style="width: 100px; height: 100px; display: block; margin:0 auto;">
<div style="margin-top: 10px;">Please in lian classroom small program assistant, perfect personal information, set login password, mobile phone number or email.</div>
</div>
<div slot="reference">unable to login?</div>
</el-popover>
<el-form-item>
@ -128,10 +131,6 @@
scanSuccess: false
};
},
mounted() {
document.title = loginTitle[this.$route.params.project||'default'];
this.loginRefresh();
},
computed: {
project() {
return this.$route.params.project;
@ -140,6 +139,10 @@
return loginTitle[this.$route.params.project||'default'];
}
},
mounted() {
document.title = loginTitle[this.$route.params.project||'default'];
this.loginRefresh();
},
methods: {
clearTimer(timer) {
if (timer) {
@ -184,8 +187,8 @@
// 清除定时器，设置路由
self.clearTimer(self.checkLogin);
let path = '/en/login';
if (project) {
path = path + '/' + project;
if (this.project) {
path = path + '/' + this.project;
}
self.$router.push({ path: path });
self.$nextTick(() => {
@ -276,7 +279,6 @@
}
}
.item_form_box {
border: 1px solid #ccc;
border-radius: 5px;

9
src/views/login/loginEnDesign.vue
View File

@ -57,9 +57,12 @@
title=""
width="200"
trigger="hover"
content="Please in lian classroom small program assistant, perfect personal information, set login password, mobile phone number or email."
class="popover_box"
>
<div>
<img :src="QCode" alt="" style="width: 100px; height: 100px; display: block; margin:0 auto;">
<div style="margin-top: 10px;">Please in lian classroom small program assistant, perfect personal information, set login password, mobile phone number or email.</div>
</div>
<div slot="reference">unable to login?</div>
</el-popover>
<el-form-item>
@ -75,7 +78,7 @@
<script>
import { UrlConfig } from '@/router/index';
import { setSessionStorage,removeSessionStorage } from '@/utils/auth';
import Cookies from 'js-cookie';
import md5 from 'js-md5';
import QrcodeVue from 'qrcode.vue';
import { getLoginWmurl, checkLoginStatus } from '@/api/login';
@ -255,7 +258,6 @@
}
}
.item_form_box {
border: 1px solid #ccc;
border-radius: 5px;
@ -384,4 +386,3 @@
}
</style>

13
src/views/login/loginPlan.vue
View File

@ -53,14 +53,11 @@
</span>
</el-form-item>
<div class="tip-message">{{ tipsMsg }}</div>
<el-popover
placement="right"
title=""
width="200"
trigger="hover"
content="请在琏课堂小程序助手，完善个人信息，设置登录密码，手机号或邮箱。"
class="popover_box"
>
<el-popover placement="right" title="" width="200" trigger="hover" class="popover_box">
<div>
<img :src="QCode" alt="" style="width: 100px; height: 100px; display: block; margin:0 auto;">
<div style="margin-top: 10px;">请在琏课堂小程序助手，完善个人信息，设置登录密码，手机号或邮箱。</div>
</div>
<div slot="reference">无法登录?</div>
</el-popover>
<el-form-item>

13
src/views/login/loginScreen.vue
View File

@ -53,14 +53,11 @@
</span>
</el-form-item>
<div class="tip-message">{{ tipsMsg }}</div>
<el-popover
placement="right"
title=""
width="200"
trigger="hover"
content="请在琏课堂小程序助手，完善个人信息，设置登录密码，手机号或邮箱。"
class="popover_box"
>
<el-popover placement="right" title="" width="200" trigger="hover" class="popover_box">
<div>
<img :src="QCode" alt="" style="width: 100px; height: 100px; display: block; margin:0 auto;">
<div style="margin-top: 10px;">请在琏课堂小程序助手，完善个人信息，设置登录密码，手机号或邮箱。</div>
</div>
<div slot="reference">无法登录?</div>
</el-popover>
<el-form-item>