From 4e7465c08f21c92f46e734720962b930fe252917 Mon Sep 17 00:00:00 2001
From: Xwen <929716663@qq.com>
Date: Sun, 24 Dec 2023 15:07:47 +0800
Subject: [PATCH] =?UTF-8?q?perf:=E5=AE=8C=E5=96=84=E6=B3=A8=E5=86=8C?=
 =?UTF-8?q?=E6=A0=A1=E9=AA=8C=E5=B9=B6=E5=9C=A8=E6=B3=A8=E5=86=8C=E6=88=90?=
 =?UTF-8?q?=E5=8A=9F=E5=90=8E=E8=B7=B3=E8=BD=AC=E5=88=B0=E7=99=BB=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.Bbs.Vue3/src/views/login/index.vue | 34 ++++++++++++++-------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/Yi.Bbs.Vue3/src/views/login/index.vue b/Yi.Bbs.Vue3/src/views/login/index.vue
index f5195ea5..cf39be07 100644
--- a/Yi.Bbs.Vue3/src/views/login/index.vue
+++ b/Yi.Bbs.Vue3/src/views/login/index.vue
@@ -11,7 +11,8 @@
           <el-icon size="15"><DArrowRight /></el-icon>
         </div>
         <div class="top">
-          <div class="title">意社区登录 | SIGN IN</div>
+          <div class="title" v-if="isRegister">意社区登录 | SIGN IN</div>
+          <div class="title" v-else>意社区注册 | REGISTER</div>
         </div>
         <div class="center">
           <div class="login-form">
@@ -21,7 +22,7 @@
               :rules="rules"
               v-if="isRegister"
             >
-              <el-form-item label="账号" class="title-item"></el-form-item>
+              <el-form-item label="用户名" class="title-item"></el-form-item>
               <el-form-item prop="userName">
                 <el-input
                   size="large"
@@ -67,10 +68,9 @@
               :rules="registerRules"
               v-else
             >
-              <el-form-item label="账号" class="title-item"></el-form-item>
+              <el-form-item label="用户名" class="title-item"></el-form-item>
               <el-form-item prop="userName">
                 <el-input
-                  size="large"
                   type="text"
                   v-model.trim="registerForm.userName"
                   placeholder="请输入用户名"
@@ -81,7 +81,6 @@
                 <el-col :span="18">
                   <el-form-item prop="phone">
                     <el-input
-                      size="large"
                       type="text"
                       v-model.trim="registerForm.phone"
                       placeholder="请输入手机号"
@@ -90,7 +89,6 @@
                 </el-col>
                 <el-button
                   type="primary"
-                  size="large"
                   @click="captcha"
                   :disabled="isDisabledCode"
                 >
@@ -100,7 +98,6 @@
               <el-form-item label="验证码" class="title-item"></el-form-item>
               <el-form-item prop="code">
                 <el-input
-                  size="large"
                   type="text"
                   v-model.trim="registerForm.code"
                   placeholder="请输入验证码"
@@ -109,7 +106,6 @@
               <el-form-item label="新密码" class="title-item"></el-form-item>
               <el-form-item prop="password">
                 <el-input
-                  size="large"
                   type="password"
                   v-model.trim="registerForm.password"
                   placeholder="请输入新密码"
@@ -118,7 +114,6 @@
               <el-form-item label="确认密码" class="title-item"></el-form-item>
               <el-form-item>
                 <el-input
-                  size="large"
                   type="password"
                   v-model.trim="passwordConfirm"
                   placeholder="请确认密码"
@@ -126,9 +121,9 @@
                 />
               </el-form-item>
             </el-form>
-            <!-- <div class="link" v-if="isRegister">
+            <div class="link" v-if="isRegister">
               <div class="text" @click="handleRegister">没有账号？前往注册</div>
-            </div> -->
+            </div>
             <div
               class="login-btn"
               @click="login(loginFormRef)"
@@ -217,24 +212,31 @@ const registerForm = reactive({
   code: "",
 });
 const registerRules = reactive({
-  userName: [{ required: true, message: "请输入账号", trigger: "blur" }],
+  userName: [
+    { required: true, message: "请输入用户名", trigger: "blur" },
+    { min: 2, message: "用户名需大于两位", trigger: "blur" },
+  ],
   phone: [{ required: true, message: "请输入手机号", trigger: "blur" }],
   code: [{ required: true, message: "请输入验证码", trigger: "blur" }],
-  password: [{ required: true, message: "请输入薪密码", trigger: "blur" }],
+  password: [
+    { required: true, message: "请输入新的密码", trigger: "blur" },
+    { min: 6, message: "密码需大于六位", trigger: "blur" },
+  ],
 });
 const handleRegister = () => {
   isRegister.value = !isRegister.value;
 };
 const register = async (formEl) => {
   if (!formEl) return;
-  await formEl.validate((valid) => {
+  await formEl.validate(async (valid) => {
     if (valid) {
       try {
         if (registerForm.password != passwordConfirm.value) {
           ElMessage.error("两次密码输入不一致");
           return;
         }
-        registerFun(registerForm);
+        await registerFun(registerForm);
+        handleRegister();
       } catch (error) {
         ElMessage({
           message: error.message,
@@ -388,7 +390,7 @@ onMounted(async () => {
           }
           .registerForm {
             :deep(.el-form-item) {
-              margin-bottom: 1px;
+              margin-bottom: 5px;
             }
           }
         }