From c00574ca599ef1c3307dbd2e06de2e9d6f94666b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=8F=E8=82=A5=E7=BE=8A?= <1048382248@qq.com> Date: Mon, 25 Aug 2025 11:19:34 +0800 Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E9=99=A4=20=E7=99=BB=E5=BD=95?= =?UTF-8?q?=E6=97=B6=E5=80=99=E7=9A=84=E9=BB=98=E8=AE=A4=E5=AF=86=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/login/index.vue | 28 ++++++++++------------------ 1 file changed, 10 insertions(+), 18 deletions(-) diff --git a/src/views/login/index.vue b/src/views/login/index.vue index 25290d0..6e5a538 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -21,7 +21,7 @@ import Lock from "~icons/ri/lock-fill"; import User from "~icons/ri/user-3-fill"; defineOptions({ - name: "Login" + name: "Login", }); const router = useRouter(); @@ -37,21 +37,21 @@ dataThemeChange(overallStyle.value); const { title } = useNav(); const ruleForm = reactive({ - account: "admin", - password: "123456" + account: "", + password: "", }); const onLogin = async (formEl: FormInstance | undefined) => { if (!formEl) return; - await formEl.validate(valid => { + await formEl.validate((valid) => { if (valid) { loading.value = true; useUserStoreHook() .loginByUsername({ account: ruleForm.account, - password: ruleForm.password + password: ruleForm.password, }) - .then(res => { + .then((res) => { if ((res.code = 200)) { // 获取后端路由 return initRouter().then(() => { @@ -72,18 +72,10 @@ const onLogin = async (formEl: FormInstance | undefined) => { }); }; -const immediateDebounce: any = debounce( - formRef => onLogin(formRef), - 1000, - true -); +const immediateDebounce: any = debounce((formRef) => onLogin(formRef), 1000, true); useEventListener(document, "keydown", ({ code }) => { - if ( - ["Enter", "NumpadEnter"].includes(code) && - !disabled.value && - !loading.value - ) + if (["Enter", "NumpadEnter"].includes(code) && !disabled.value && !loading.value) immediateDebounce(ruleFormRef.value); }); @@ -126,8 +118,8 @@ useEventListener(document, "keydown", ({ code }) => { { required: true, message: '请输入账号', - trigger: 'blur' - } + trigger: 'blur', + }, ]" prop="account" >