|
|
@@ -12,12 +12,12 @@
|
|
|
</div>
|
|
|
<!-- 登录信息 -->
|
|
|
<div class="formBox">
|
|
|
- <el-form :model="loginForm" label-width="65px" style="padding-top: 30px;">
|
|
|
- <el-form-item label="用户名">
|
|
|
+ <el-form :model="loginForm" label-width="25px" style="padding-top: 24px;">
|
|
|
+ <el-form-item>
|
|
|
<el-input class="loginInp" v-model="loginForm.username" placeholder="你的账号..." maxlength="32" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="密码">
|
|
|
- <el-input class="loginInp" type="password" v-model="loginForm.userpass" placeholder="你的密码..." maxlength="32" />
|
|
|
+ <el-input class="loginInp" type="password" v-model="loginForm.userpass" show-passwordplaceholder="你的密码..." maxlength="32" />
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<el-button class="loginBtn" type="primary" @click="sureLog">登录</el-button>
|
|
|
@@ -67,8 +67,13 @@ export default {
|
|
|
console.log(res, 'login');
|
|
|
if (res.returncode === 200) {
|
|
|
isLogin.value = true
|
|
|
- sessionStorage.setItem("loginStatus", isLogin.value)
|
|
|
- sessionStorage.setItem("userInfo",JSON.stringify(res.data))
|
|
|
+ localStorage.setItem("loginStatus", isLogin.value)
|
|
|
+ localStorage.setItem("userInfo",JSON.stringify(res.data))
|
|
|
+ if (typeof(window.windowEx)!="undefined")
|
|
|
+ {
|
|
|
+ windowEx.Size(0,0) //全屏
|
|
|
+ windowEx.Position('center')
|
|
|
+ }
|
|
|
router.push('/home/mission')
|
|
|
ElMessage({
|
|
|
message: '登陆成功！',
|
|
|
@@ -107,11 +112,14 @@ export default {
|
|
|
|
|
|
<style scoped>
|
|
|
.bigBox {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+ width: 31.8rem;
|
|
|
+ height: 35.5rem;
|
|
|
margin: 0;
|
|
|
- background-color: rgba(127, 127, 127, 0.5);
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0px 1px 1.25rem 2px rgba(61,128,177,0.13);
|
|
|
position: relative;
|
|
|
+ border: 1px solid #ededed;
|
|
|
+ border-radius: 3px;
|
|
|
}
|
|
|
|
|
|
.formBox {
|
|
|
@@ -119,46 +127,52 @@ export default {
|
|
|
height: 244px;
|
|
|
text-align: center;
|
|
|
background: #FFFFFF;
|
|
|
- box-shadow: 0px 1px 20px 3px rgba(52, 123, 231, 0.12);
|
|
|
+ box-shadow: 0px 1px 1.67rem 3px rgba(52, 123, 231, 0.12);
|
|
|
border-radius: 4px 4px 4px 4px;
|
|
|
opacity: 1;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
.imgBox {
|
|
|
- width: 272px;
|
|
|
- height: 100px;
|
|
|
+ width: 22.67rem;
|
|
|
+ height: 8.33rem;
|
|
|
margin: 0 auto;
|
|
|
margin-left: 90px;
|
|
|
padding-top: 40px;
|
|
|
}
|
|
|
|
|
|
.loginInp {
|
|
|
- width: 230px;
|
|
|
- height: 40px;
|
|
|
+ width: 22.5rem;
|
|
|
+ height: 3.33rem;
|
|
|
+ margin-top: 5px;
|
|
|
+ border: 1px solid #A3ADE0;
|
|
|
}
|
|
|
|
|
|
.loginBtn {
|
|
|
- width: 272px;
|
|
|
- height: 40px;
|
|
|
+ width: 22.67rem;
|
|
|
+ height: 3.33rem;
|
|
|
+ margin-top: 10px;
|
|
|
+ background-color: #255CE7;
|
|
|
}
|
|
|
|
|
|
.winBox {
|
|
|
- width: 68px;
|
|
|
- height: 68px;
|
|
|
+ width: 5.67rem;
|
|
|
+ height: 5.67rem;
|
|
|
position: absolute;
|
|
|
top: 0px;
|
|
|
right: 0px;
|
|
|
+ color: #676767;
|
|
|
}
|
|
|
|
|
|
.winBtn {
|
|
|
- width: 34px;
|
|
|
- height: 34px;
|
|
|
+ width: 2.83rem;
|
|
|
+ height: 2.83rem;
|
|
|
background-color: transparent;
|
|
|
border: none;
|
|
|
- font-size: 30px;
|
|
|
+ font-size: 2.5rem;
|
|
|
text-align: center;
|
|
|
- line-height: 34px;
|
|
|
+ line-height: 2.83rem;
|
|
|
+ color: #676767;
|
|
|
}
|
|
|
|
|
|
.winBtn:nth-child(1):hover {
|
liyangzheng