| | |
| | | <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
|
| | | </el-input>
|
| | | <div class="login-code">
|
| | | <img :src="codeUrl" @click="getCode" />
|
| | | <img :src="codeUrl" @click="getCode" class="login-code-img"/>
|
| | | </div>
|
| | | </el-form-item>
|
| | | <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
|
| | |
| | | <script>
|
| | | import { getCodeImg } from "@/api/login";
|
| | | import Cookies from "js-cookie";
|
| | | import { encrypt, decrypt } from '@/utils/jsencrypt'
|
| | |
|
| | | export default {
|
| | | name: "Login",
|
| | |
| | | const rememberMe = Cookies.get('rememberMe')
|
| | | this.loginForm = {
|
| | | username: username === undefined ? this.loginForm.username : username,
|
| | | password: password === undefined ? this.loginForm.password : password,
|
| | | password: password === undefined ? this.loginForm.password : decrypt(password),
|
| | | rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
|
| | | };
|
| | | },
|
| | |
| | | this.loading = true;
|
| | | if (this.loginForm.rememberMe) {
|
| | | Cookies.set("username", this.loginForm.username, { expires: 30 });
|
| | | Cookies.set("password", this.loginForm.password, { expires: 30 });
|
| | | Cookies.set("password", encrypt(this.loginForm.password), { expires: 30 });
|
| | | Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 });
|
| | | } else {
|
| | | Cookies.remove("username");
|
| | |
| | | this.$store
|
| | | .dispatch("Login", this.loginForm)
|
| | | .then(() => {
|
| | | this.loading = false;
|
| | | this.$router.push({ path: this.redirect || "/" });
|
| | | })
|
| | | .catch(() => {
|
| | |
| | | font-size: 12px;
|
| | | letter-spacing: 1px;
|
| | | }
|
| | | .login-code-img {
|
| | | height: 38px;
|
| | | }
|
| | | </style>
|