From 729d290199ba2af71dc4b54db4352b227e4cb0bd Mon Sep 17 00:00:00 2001 From: liushilong <2224574157@qq.com> Date: Mon, 25 Mar 2024 22:00:09 +0800 Subject: [PATCH 1/3] =?UTF-8?q?feat:=20=E4=BF=AE=E5=A4=8D=E6=A0=B7?= =?UTF-8?q?=E5=BC=8Fbug,=E4=BC=98=E5=8C=96formRule,=E8=B0=83=E6=95=B4?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/RichEditor/Quill.vue | 2 +- .../aside/comp/modals/CustomFilterModal.vue | 31 ++- src/views/login/components/Login.vue | 188 +++++++++++------- src/views/login/index.vue | 5 + src/views/message/content/List.vue | 15 +- 5 files changed, 161 insertions(+), 80 deletions(-) diff --git a/src/components/RichEditor/Quill.vue b/src/components/RichEditor/Quill.vue index 36a416f..471eeba 100644 --- a/src/components/RichEditor/Quill.vue +++ b/src/components/RichEditor/Quill.vue @@ -61,7 +61,7 @@ const saveHandler = debounce(() => { - diff --git a/src/views/login/components/Login.vue b/src/views/login/components/Login.vue index 60eca32..768d96d 100644 --- a/src/views/login/components/Login.vue +++ b/src/views/login/components/Login.vue @@ -42,7 +42,7 @@ let formInline: FormState = reactive({ // password: "123456", enterprisecode: "", username: "", - password: "" + password: "", }); let formSms: FormSms = reactive({ @@ -54,38 +54,52 @@ const tab = ref(0); const countTime = ref("获取验证码"); const rules = { enterprisecode: [ - { required: true, message: "请输入企业编码", trigger: "blur" }, { - trigger: ["blur"], + trigger: ["blur","input","change"], level: "error", validator(_rule, value) { if (loginSuccess.value) { return true; - } else { - return new Error(loginRejectMessge.value); } + if (!value) { + return new Error("请输入企业编码"); + } + return new Error(loginRejectMessge.value); }, }, ], agentcode: [ - { required: true, message: "请输入企业编码", trigger: "blur" }, { - trigger: ["blur"], + trigger: ["blur","input","change"], level: "error", validator(_rule, value) { if (loginSuccess.value) { return true; - } else { - return new Error(loginRejectMessge.value); } + if (!value) { + return new Error("请输入验证码"); + } + return new Error(loginRejectMessge.value); }, }, ], - phone: { required: true, message: "请输入手机号", trigger: "blur" }, + phone: [ + { + trigger: ["blur","input","change"], + level: "error", + validator(_rule, value) { + if (loginSuccess.value) { + return true; + } + if (!value) { + return new Error("请输入手机号"); + } + return new Error(loginRejectMessge.value); + }, + },], phonecode: [ - { required: true, message: "请输入验证码", trigger: "blur" }, { - trigger: ["blur"], + trigger: ["blur","input","change"], level: "error", validator(_rule, value) { if (value.length < 4 && value.length > 0) { @@ -93,32 +107,49 @@ const rules = { } if (loginSuccess.value) { return true; - } else { - return new Error("验证码错误"); } + if (!value) { + return new Error("请输入验证码"); + } + return new Error(loginRejectMessge.value); }, }, ], username: [ - { required: true, message: "请输入用户名", trigger: "blur" }, { - trigger: ["blur"], + trigger: ["blur","input","change"], level: "error", validator(_rule, value) { if (loginSuccess.value) { return true; - } else { - return new Error(loginRejectMessge.value); } + if (!value) { + return new Error("请输入账号"); + } + return new Error(loginRejectMessge.value); }, }, ], - password: { required: true, message: "请输入密码", trigger: "blur" }, - captcha: { required: true, message: "请输入验证码", trigger: "blur" }, + password: [ + { + trigger: ["blur","input","change"], + level: "error", + validator(_rule, value) { + if (loginSuccess.value) { + return true; + } + if (!value) { + return new Error("请输入密码"); + } + return new Error(loginRejectMessge.value); + }, + },], + captcha: [{ required: true, message: "请输入验证码", trigger: "blur" }], }; function handleSubmit(e) { e.preventDefault(); + loginSuccess.value = true; formRef.value.validate(async (errors) => { if (!errors) { const { username, password, enterprisecode } = formInline; @@ -163,9 +194,9 @@ function handleSubmit(e) { } onMounted(() => { - let data:any = localStorage.getItem("LOGIN_FORM_SMS"); + let data: any = localStorage.getItem("LOGIN_FORM_SMS"); if (data) { - data = JSON.parse(data) as any + data = JSON.parse(data) as any; formSms.agentcode = data.agentcode; formSms.phone = data.phone; formSms.phonecode = ""; @@ -175,7 +206,7 @@ onMounted(() => { if (data) { data = JSON.parse(data) as any; formInline.username = data.username; - formInline.password = ''; + formInline.password = ""; // formInline.password = data.password; formInline.enterprisecode = data.enterprisecode; autoLogin.value = true; @@ -184,6 +215,7 @@ onMounted(() => { function handleSmsSubmit(e) { e.preventDefault(); + loginSuccess.value = true; formRefSms.value.validate(async (errors) => { if (!errors) { const { phone, agentcode, phonecode } = formSms; @@ -346,20 +378,20 @@ function forget() { - - - 登录 - - + + + 登录 + +
@@ -440,23 +472,23 @@ function forget() { - - - 登录 - - + + + 登录 + +
-
+
记住账号 @@ -474,7 +506,7 @@ function forget() { diff --git a/src/views/login/index.vue b/src/views/login/index.vue index bc6f938..fbfb86e 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -293,4 +293,9 @@ function close() { margin-left: -30.3125rem; } } +::v-deep(.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.n-form-item-feedback--error){ + color: #FF4E4F !important; + font-size: .75rem !important; +} + diff --git a/src/views/message/content/List.vue b/src/views/message/content/List.vue index 3f4e740..565d9fc 100644 --- a/src/views/message/content/List.vue +++ b/src/views/message/content/List.vue @@ -103,7 +103,7 @@ function getMore() {