|
|
|
@ -16,7 +16,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 右侧登录表单区 --> |
|
|
|
<!-- 右侧登录表单区 --> |
|
|
|
<div class="login_right"> |
|
|
|
<div class="login_center"> |
|
|
|
<!-- <div class="login_header"> |
|
|
|
<!-- <div class="login_header"> |
|
|
|
<i class="el-icon-setting" @click="showSettingsDialog = true"></i> |
|
|
|
<i class="el-icon-setting" @click="showSettingsDialog = true"></i> |
|
|
|
<i class="el-icon-close" @click="handleClose"></i> |
|
|
|
<i class="el-icon-close" @click="handleClose"></i> |
|
|
|
@ -79,6 +79,8 @@ |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="login_right"> |
|
|
|
|
|
|
|
</div> |
|
|
|
<!-- 登录设置弹窗 --> |
|
|
|
<!-- 登录设置弹窗 --> |
|
|
|
<el-dialog |
|
|
|
<el-dialog |
|
|
|
title="登录设置" |
|
|
|
title="登录设置" |
|
|
|
@ -113,7 +115,7 @@ |
|
|
|
import Cookies from "js-cookie"; |
|
|
|
import Cookies from "js-cookie"; |
|
|
|
import CryptoJS from "crypto-js"; |
|
|
|
import CryptoJS from "crypto-js"; |
|
|
|
import { encrypt, decrypt } from "@/utils/jsencrypt"; |
|
|
|
import { encrypt, decrypt } from "@/utils/jsencrypt"; |
|
|
|
import defAva from '@/assets/images/profile.jpg' |
|
|
|
import defAva from "@/assets/images/profile.jpg"; |
|
|
|
export default { |
|
|
|
export default { |
|
|
|
name: "Login", |
|
|
|
name: "Login", |
|
|
|
data() { |
|
|
|
data() { |
|
|
|
@ -242,7 +244,7 @@ export default { |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
/* 左侧品牌栏 */ |
|
|
|
/* 左侧品牌栏 */ |
|
|
|
.login_left { |
|
|
|
.login_left { |
|
|
|
flex: 0 0 33%; /* 按参考图比例:左侧约占1/3 */ |
|
|
|
flex: 0 0 25%; /* 按参考图比例:左侧约占1/3 */ |
|
|
|
background-color: #009696; /* 海信医疗主色调 */ |
|
|
|
background-color: #009696; /* 海信医疗主色调 */ |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
flex-direction: column; |
|
|
|
@ -321,7 +323,7 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* 右侧登录区 */ |
|
|
|
/* 右侧登录区 */ |
|
|
|
.login_right { |
|
|
|
.login_center { |
|
|
|
flex: 1; |
|
|
|
flex: 1; |
|
|
|
background: #fff; |
|
|
|
background: #fff; |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
@ -378,5 +380,8 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.login_right { |
|
|
|
|
|
|
|
flex: 0 0 25%; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |