| | |
| | | <template> |
| | | <div class="login"> |
| | | <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form"> |
| | | <h3 class="title">新疆维吾尔自治区特种作业安全生产知识和管理能力考核系统</h3> |
| | | <h3 class="title">新疆维吾尔自治区特种作业<br/>安全生产知识和管理能力考核系统</h3> |
| | | <el-form-item prop="username"> |
| | | <el-input |
| | | v-model="loginForm.username" |
| | |
| | | type="password" |
| | | auto-complete="off" |
| | | placeholder="密码" |
| | | show-password |
| | | @keyup.enter.native="handleLogin" |
| | | > |
| | | <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" /> |
| | |
| | | </el-form-item> |
| | | </el-form> |
| | | <!-- 底部 --> |
| | | <div class="el-login-footer"> |
| | | <span>Copyright © 2018-2023 ruoyi.vip All Rights Reserved.</span> |
| | | </div> |
| | | <!-- <div class="el-login-footer">--> |
| | | <!-- <span>技术支持:中国科学院</span>--> |
| | | <!-- </div>--> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | return { |
| | | codeUrl: "", |
| | | loginForm: { |
| | | username: "admin", |
| | | password: "admin123", |
| | | username: "", |
| | | password: "", |
| | | rememberMe: false, |
| | | code: "", |
| | | uuid: "" |
| | |
| | | watch: { |
| | | $route: { |
| | | handler: function(route) { |
| | | // this.redirect = route.query && route.query.redirect; |
| | | this.redirect = '/notCoalMine/nPeopleManage/index' |
| | | console.log(route,'route') |
| | | this.redirect = route.query && route.query.redirect; |
| | | // this.redirect = '/notCoalMine/nPeopleManage' |
| | | }, |
| | | immediate: true |
| | | } |
| | |
| | | }); |
| | | }, |
| | | getCookie() { |
| | | const username = Cookies.get("username"); |
| | | const password = Cookies.get("password"); |
| | | const username = Cookies.get("username") |
| | | const password = Cookies.get("password") |
| | | const rememberMe = Cookies.get('rememberMe') |
| | | this.loginForm = { |
| | | username: username === undefined ? this.loginForm.username : username, |
| | |
| | | justify-content: center; |
| | | align-items: center; |
| | | height: 100%; |
| | | background-image: url("../assets/images/login-background.jpg"); |
| | | background: url("../assets/images/login-background.jpg") no-repeat center; |
| | | background-size: cover; |
| | | } |
| | | .title { |
| | | margin: 0px auto 30px auto; |
| | | margin: 0 auto 30px; |
| | | text-align: center; |
| | | color: #707070; |
| | | line-height: 28px; |
| | | } |
| | | |
| | | .login-form { |