fix: 注册页面错误提示

- 添加返回登录页面的链接
- 在注册失败时显示相应的提示信息

src/views/LoginPage/component/Register.vue

@@ -8,7 +8,7 @@
       <!-- <div style="background-color: #8e8e8e; padding: 20px; width: 600px; border-radius: 5px; margin: 20px auto"> -->
 
       <div class="vessel-title">
-        欢迎注册SEEAI平台账号
+        欢迎注册 SEEAI 平台账号
       </div>
       <!--角色-->
       <el-form :rules="userRules" :model="userRegisterDTO" ref="formRef" :size="formSize">
@@ -45,13 +45,18 @@
           <el-form-item label="验证码" prop="verifyCode" class="form-item">
             <el-input v-model="userRegisterDTO.verifyCode" placeholder="输入验证码"></el-input>
           </el-form-item>
-          <el-button @click="sendVerifyCode"  class="button">发送验证码</el-button>
+          <el-button @click="sendVerifyCode" class="button">发送验证码</el-button>
         </div>
 
         <div style="display: flex; justify-content: center; align-items: center;">
-          <el-button @click="register(formRef)"  class="login-button" >注册</el-button>
+          <el-button @click="register(formRef)" class="login-button">注册</el-button>
         </div>
-        
+
+        <!-- 返回登录页面，下划线灰色小字 -->
+        <div style="display: flex; justify-content: center; align-items: center; margin-top: 10px;">
+          <router-link to="/login" style="color: #8e8e8e; text-decoration: underline;">返回登录页面</router-link>
+        </div>
+
       </el-form>
 
     </div>
@@ -69,7 +74,6 @@ import { reactive, ref } from "vue";
 import useApis from "@/apis";
 import { Role } from "@/types/enums";
 import { type ComponentSize, ElMessage, type FormInstance, type FormRules } from "element-plus";
-import { useRoute } from "vue-router";
 import router from "@/router";
 
 const apis = useApis()
@@ -86,7 +90,7 @@ const roleOptions = [
     value: Role.TEACHER,
     disabled: false
   },
-  
+
 ]
 
 const formSize = ref<ComponentSize>('default')
@@ -143,10 +147,25 @@ const register = async (formEl: FormInstance | undefined) => {
       console.log("合法输入")
       apis.register(userRegisterDTO)
         .then((res: any) => {
-          router.push(`/login`)
+          if (res.data.code === 200) {
+            ElMessage({
+              message: '注册成功',
+              type: 'success',
+            })
+            router.push(`/login`)
+          } else {
+            ElMessage({
+              message: '注册失败: ' + res.data.msg,
+              type: 'error',
+            })
+          }
         })
         .catch((err: any) => {
           console.error(err);
+          ElMessage({
+            message: '注册失败',
+            type: 'error',
+          })
         })
         .finally(() => {
         });
@@ -163,10 +182,17 @@ const register = async (formEl: FormInstance | undefined) => {
 const sendVerifyCode = () => {
   apis.sendVerifyCode(userRegisterDTO.officialEmail)
     .then((res: any) => {
-      ElMessage({
-        message: '验证码发送成功',
-        type: 'success',
-      })
+      if (res.data.code === 200) {
+        ElMessage({
+          message: '验证码发送成功',
+          type: 'success',
+        })
+      } else {
+        ElMessage({
+          message: '验证码发送失败: ' + res.data.msg,
+          type: 'error',
+        })
+      }
     })
     .catch((err: any) => {
       ElMessage({