|
|
|
@ -86,74 +86,74 @@
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import { encrypt } from "@/utils/rsaEncrypt";
|
|
|
|
|
import Config from "@/settings";
|
|
|
|
|
import { getCodeImg } from "@/api/login";
|
|
|
|
|
import Cookies from "js-cookie";
|
|
|
|
|
import Background from "@/assets/images/background.jpg";
|
|
|
|
|
import { encrypt } from '@/utils/rsaEncrypt'
|
|
|
|
|
import Config from '@/settings'
|
|
|
|
|
import { getCodeImg } from '@/api/login'
|
|
|
|
|
import Cookies from 'js-cookie'
|
|
|
|
|
import Background from '@/assets/images/background.jpg'
|
|
|
|
|
export default {
|
|
|
|
|
name: "Login",
|
|
|
|
|
name: 'Login',
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
Background: Background,
|
|
|
|
|
codeUrl: "",
|
|
|
|
|
cookiePass: "",
|
|
|
|
|
codeUrl: '',
|
|
|
|
|
cookiePass: '',
|
|
|
|
|
loginForm: {
|
|
|
|
|
username: "",
|
|
|
|
|
password: "",
|
|
|
|
|
username: '',
|
|
|
|
|
password: '',
|
|
|
|
|
rememberMe: false,
|
|
|
|
|
code: "",
|
|
|
|
|
uuid: ""
|
|
|
|
|
code: '',
|
|
|
|
|
uuid: ''
|
|
|
|
|
},
|
|
|
|
|
loginRules: {
|
|
|
|
|
username: [
|
|
|
|
|
{ required: true, trigger: "blur", message: "用户名不能为空" }
|
|
|
|
|
{ required: true, trigger: 'blur', message: '用户名不能为空' }
|
|
|
|
|
],
|
|
|
|
|
password: [
|
|
|
|
|
{ required: true, trigger: "blur", message: "密码不能为空" }
|
|
|
|
|
{ required: true, trigger: 'blur', message: '密码不能为空' }
|
|
|
|
|
],
|
|
|
|
|
code: [{ required: true, trigger: "change", message: "验证码不能为空" }]
|
|
|
|
|
code: [{ required: true, trigger: 'change', message: '验证码不能为空' }]
|
|
|
|
|
},
|
|
|
|
|
loading: false,
|
|
|
|
|
redirect: undefined
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
|
$route: {
|
|
|
|
|
handler: function(route) {
|
|
|
|
|
this.redirect = route.query && route.query.redirect;
|
|
|
|
|
this.redirect = route.query && route.query.redirect
|
|
|
|
|
},
|
|
|
|
|
immediate: true
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
// 获取验证码
|
|
|
|
|
this.getCode();
|
|
|
|
|
this.getCode()
|
|
|
|
|
// 获取用户名密码等Cookie
|
|
|
|
|
this.getCookie();
|
|
|
|
|
this.getCookie()
|
|
|
|
|
// token 过期提示
|
|
|
|
|
this.point();
|
|
|
|
|
this.point()
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
getCode() {
|
|
|
|
|
getCodeImg().then(res => {
|
|
|
|
|
this.codeUrl = res.img;
|
|
|
|
|
this.loginForm.uuid = res.uuid;
|
|
|
|
|
});
|
|
|
|
|
this.codeUrl = res.img
|
|
|
|
|
this.loginForm.uuid = res.uuid
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
getCookie() {
|
|
|
|
|
const username = Cookies.get("username");
|
|
|
|
|
let password = Cookies.get("password");
|
|
|
|
|
const rememberMe = Cookies.get("rememberMe");
|
|
|
|
|
const username = Cookies.get('username')
|
|
|
|
|
let password = Cookies.get('password')
|
|
|
|
|
const rememberMe = Cookies.get('rememberMe')
|
|
|
|
|
// 保存cookie里面的加密后的密码
|
|
|
|
|
this.cookiePass = password === undefined ? "" : password;
|
|
|
|
|
password = password === undefined ? this.loginForm.password : password;
|
|
|
|
|
this.cookiePass = password === undefined ? '' : password
|
|
|
|
|
password = password === undefined ? this.loginForm.password : password
|
|
|
|
|
this.loginForm = {
|
|
|
|
|
username: username === undefined ? this.loginForm.username : username,
|
|
|
|
|
password: password,
|
|
|
|
|
rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
|
|
|
|
|
code: ""
|
|
|
|
|
};
|
|
|
|
|
code: ''
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
handleLogin() {
|
|
|
|
|
this.$refs.loginForm.validate(valid => {
|
|
|
|
@ -163,62 +163,62 @@ export default {
|
|
|
|
|
rememberMe: this.loginForm.rememberMe,
|
|
|
|
|
code: this.loginForm.code,
|
|
|
|
|
uuid: this.loginForm.uuid
|
|
|
|
|
};
|
|
|
|
|
Cookies.set("password", user.password, {
|
|
|
|
|
}
|
|
|
|
|
Cookies.set('password', user.password, {
|
|
|
|
|
expires: Config.passCookieExpires
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
// if (user.password !== this.cookiePass) {
|
|
|
|
|
user.password = encrypt(user.password);
|
|
|
|
|
user.password = encrypt(user.password)
|
|
|
|
|
// }
|
|
|
|
|
if (valid) {
|
|
|
|
|
this.loading = true;
|
|
|
|
|
this.loading = true
|
|
|
|
|
if (user.rememberMe) {
|
|
|
|
|
// 设置记住选项,保存到cookies中
|
|
|
|
|
Cookies.set("username", user.username, {
|
|
|
|
|
Cookies.set('username', user.username, {
|
|
|
|
|
expires: Config.passCookieExpires
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
// Cookies.set("password", user.password, {
|
|
|
|
|
// expires: Config.passCookieExpires
|
|
|
|
|
// });
|
|
|
|
|
Cookies.set("rememberMe", user.rememberMe, {
|
|
|
|
|
Cookies.set('rememberMe', user.rememberMe, {
|
|
|
|
|
expires: Config.passCookieExpires
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
Cookies.remove("username");
|
|
|
|
|
Cookies.remove("password");
|
|
|
|
|
Cookies.remove("rememberMe");
|
|
|
|
|
Cookies.remove('username')
|
|
|
|
|
Cookies.remove('password')
|
|
|
|
|
Cookies.remove('rememberMe')
|
|
|
|
|
}
|
|
|
|
|
// 调用全局存储动作login
|
|
|
|
|
this.$store
|
|
|
|
|
.dispatch("Login", user)
|
|
|
|
|
.dispatch('Login', user)
|
|
|
|
|
.then(() => {
|
|
|
|
|
this.loading = false;
|
|
|
|
|
this.$router.push({ path: this.redirect || "/" });
|
|
|
|
|
this.loading = false
|
|
|
|
|
this.$router.push({ path: this.redirect || '/' })
|
|
|
|
|
})
|
|
|
|
|
.catch(() => {
|
|
|
|
|
this.loading = false;
|
|
|
|
|
this.getCode();
|
|
|
|
|
});
|
|
|
|
|
this.loading = false
|
|
|
|
|
this.getCode()
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
console.log("error submit!!");
|
|
|
|
|
return false;
|
|
|
|
|
console.log('error submit!!')
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
point() {
|
|
|
|
|
const point = Cookies.get("point") !== undefined;
|
|
|
|
|
const point = Cookies.get('point') !== undefined
|
|
|
|
|
if (point) {
|
|
|
|
|
this.$notify({
|
|
|
|
|
title: "提示",
|
|
|
|
|
message: "当前登录状态已过期,请重新登录!",
|
|
|
|
|
type: "warning",
|
|
|
|
|
title: '提示',
|
|
|
|
|
message: '当前登录状态已过期,请重新登录!',
|
|
|
|
|
type: 'warning',
|
|
|
|
|
duration: 5000
|
|
|
|
|
});
|
|
|
|
|
Cookies.remove("point");
|
|
|
|
|
})
|
|
|
|
|
Cookies.remove('point')
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style rel="stylesheet/scss" lang="scss">
|
|
|
|
|