0227bug

src/views/register.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="register">
     <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
-      <h3 class="title">若依后台管理系统</h3>
+      <h3 class="title">智慧调解系统注册</h3>
       <el-form-item prop="userName">
-        <el-input v-model="registerForm.userName" type="text" auto-complete="off" placeholder="账号">
+        <el-input v-model="registerForm.userName" type="text" auto-complete="off" @blur="changeInput" placeholder="账号">
           <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
         </el-input>
       </el-form-item>
@@ -77,14 +77,14 @@
       </el-form-item>
     </el-form>
     <!--  底部  -->
-    <div class="el-register-footer">
+    <!-- <div class="el-register-footer">
       <span>Copyright © 2018-2023 ruoyi.vip All Rights Reserved.</span>
-    </div>
+    </div> -->
   </div>
 </template>
 
 <script>
-import { getCodeImg, register, sendCode, wxregister } from "@/api/login";
+import { getCodeImg, register, sendCode, wxregister,verifyUserName } from "@/api/login";
 import { listRoleNotoken } from "@/api/system/role.js"
 export default {
   name: "Register",
@@ -109,9 +109,15 @@ export default {
         uuid: "",
       },
       registerRules: {
-        username: [
+        userName: [
           { required: true, trigger: "blur", message: "请输入您的账号" },
-          { min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur' }
+          { min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur' },
+          {
+            pattern:
+            /^[0-9a-zA-Z]*$/g,
+            message: '只能输入英文或者数字',
+            trigger: 'blur',
+          },
         ],
         password: [
           { required: true, trigger: "blur", message: "请输入您的密码" },
@@ -176,11 +182,14 @@ export default {
     this.getListRole();
   },
   methods: {
+    changeInput(){
+      verifyUserName({userName:this.registerForm.userName})
+    },
     /**获取角色 */
     getListRole() {
       listRoleNotoken().then(res => {
-        console.log(res, "PPPPPPPPPPPPPPPPPPPPPPPPPPPP");
-        this.roleList = res.data;
+        const roleList = res.data.filter((item) => item.roleName == '申请人' || item.roleName == '被申请人');
+        this.roleList = roleList;
       })
     },
     getCode() {
@@ -197,8 +206,8 @@ export default {
         if (valid) {
           this.loading = true;
           wxregister(this.registerForm).then(res => {
-            const username = this.registerForm.username;
-            this.$alert("<font color='red'>恭喜你，您的账号 " + username + " 注册成功！</font>", '系统提示', {
+            const userName = this.registerForm.userName;
+            this.$alert("<font color='red'>恭喜你，您的账号 " + userName + " 注册成功！</font>", '系统提示', {
               dangerouslyUseHTMLString: true,
               type: 'success'
             }).then(() => {
@@ -246,7 +255,7 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-  height: 100%;
+  //height: 100%;
   background-image: url("../assets/images/login-background.jpg");
   background-size: cover;
 }
@@ -261,7 +270,7 @@ export default {
   border-radius: 6px;
   background: #ffffff;
   width: 400px;
-  height: 90%;
+  height: 80%;
   padding: 25px 25px 5px 25px;
 
   // .el-input {