-
+
@@ -55,7 +56,6 @@ watchEffect(() => {
function handleClickOutside() {
useAppStore().closeSideBar({ withoutAnimation: false })
}
-
const settingRef = ref(null);
function setLayout() {
settingRef.value.openSetting();
diff --git a/src/views/login.vue b/src/views/login.vue
index cadd789..6b7f487 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -1,64 +1,87 @@
-
- 若依后台管理系统
-
-
+
+ 区块链管理系统
+
+
+
+
+
+
+
+
+
+
+
+ 记住密码
-
-
-
-
-
-
-
-
-
-
-
-
-
-
![]()
-
-
- 记住密码
-
-
- 登 录
- 登 录 中...
-
-
- 立即注册
-
-
-
+
+
+ 登 录
+ 登 录 中...
+
+
+ 立即注册
+
+
+
+
-
@@ -68,9 +91,9 @@
import { getCodeImg } from "@/api/login";
import Cookies from "js-cookie";
import { encrypt, decrypt } from "@/utils/jsencrypt";
-import useUserStore from '@/store/modules/user'
+import useUserStore from "@/store/modules/user";
-const userStore = useUserStore()
+const userStore = useUserStore();
const route = useRoute();
const router = useRouter();
const { proxy } = getCurrentInstance();
@@ -80,35 +103,41 @@ const loginForm = ref({
password: "admin123",
rememberMe: false,
code: "",
- uuid: ""
+ uuid: "",
});
const loginRules = {
username: [{ required: true, trigger: "blur", message: "请输入您的账号" }],
password: [{ required: true, trigger: "blur", message: "请输入您的密码" }],
- code: [{ required: true, trigger: "change", message: "请输入验证码" }]
+
};
const codeUrl = ref("");
const loading = ref(false);
// 验证码开关
-const captchaEnabled = ref(true);
+// const captchaEnabled = ref(true);
// 注册开关
const register = ref(false);
const redirect = ref(undefined);
-watch(route, (newRoute) => {
+watch(
+ route,
+ (newRoute) => {
redirect.value = newRoute.query && newRoute.query.redirect;
-}, { immediate: true });
+ },
+ { immediate: true }
+);
function handleLogin() {
- proxy.$refs.loginRef.validate(valid => {
+ proxy.$refs.loginRef.validate((valid) => {
if (valid) {
loading.value = true;
// 勾选了需要记住密码设置在 cookie 中设置记住用户名和密码
if (loginForm.value.rememberMe) {
Cookies.set("username", loginForm.value.username, { expires: 30 });
- Cookies.set("password", encrypt(loginForm.value.password), { expires: 30 });
+ Cookies.set("password", encrypt(loginForm.value.password), {
+ expires: 30,
+ });
Cookies.set("rememberMe", loginForm.value.rememberMe, { expires: 30 });
} else {
// 否则移除
@@ -117,28 +146,32 @@ function handleLogin() {
Cookies.remove("rememberMe");
}
// 调用action的登录方法
- userStore.login(loginForm.value).then(() => {
- router.push({ path: redirect.value || "/" });
- }).catch(() => {
- loading.value = false;
- // 重新获取验证码
- if (captchaEnabled.value) {
- getCode();
- }
- });
+ userStore
+ .login(loginForm.value)
+ .then(() => {
+ router.push({ path: redirect.value || "/" });
+ })
+ .catch(() => {
+ loading.value = false;
+ // 重新获取验证码
+ if (captchaEnabled.value) {
+ getCode();
+ }
+ });
}
});
}
-function getCode() {
- getCodeImg().then(res => {
- captchaEnabled.value = res.captchaEnabled === undefined ? true : res.captchaEnabled;
- if (captchaEnabled.value) {
- codeUrl.value = "data:image/gif;base64," + res.img;
- loginForm.value.uuid = res.uuid;
- }
- });
-}
+// function getCode() {
+// getCodeImg().then((res) => {
+// captchaEnabled.value =
+// res.captchaEnabled === undefined ? true : res.captchaEnabled;
+// if (captchaEnabled.value) {
+// codeUrl.value = "data:image/gif;base64," + res.img;
+// loginForm.value.uuid = res.uuid;
+// }
+// });
+// }
function getCookie() {
const username = Cookies.get("username");
@@ -146,16 +179,17 @@ function getCookie() {
const rememberMe = Cookies.get("rememberMe");
loginForm.value = {
username: username === undefined ? loginForm.value.username : username,
- password: password === undefined ? loginForm.value.password : decrypt(password),
- rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
+ password:
+ password === undefined ? loginForm.value.password : decrypt(password),
+ rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
};
}
-getCode();
+// getCode();
getCookie();
-