1+X注册移除用户名字段

src/pages/xlearn/register.vue

@@ -64,7 +64,7 @@
     </div>
 
     <div class="register-form" v-else>
-      <h1 class="title">设置用户名和密码</h1>
+      <h1 class="title">设置密码</h1>
       <el-form
         size="medium"
         :model="ruleForm"
@@ -74,12 +74,15 @@
         hide-required-asterisk
         @submit.native.prevent
       >
-        <el-form-item label="设置用户名" prop="username">
+        <!-- <el-form-item label="设置用户名" prop="username">
           <el-input v-model="ruleForm.username" placeholder="6-20个字符" maxlength="20"></el-input>
-        </el-form-item>
+        </el-form-item> -->
         <el-form-item label="密码" prop="password">
           <el-input type="password" v-model="ruleForm.password" placeholder="密码" maxlength="20"></el-input>
         </el-form-item>
+        <el-form-item label="确认密码" prop="passwordR">
+          <el-input type="password" v-model="ruleForm.passwordR" placeholder="确认密码" maxlength="20"></el-input>
+        </el-form-item>
         <el-button type="primary" class="submit-button" :loading="loading" @click="handleUpdate">完成</el-button>
       </el-form>
     </div>
@@ -97,6 +100,16 @@ export default {
   name: 'Register',
   components: { countdown },
   data() {
+    const validatePass = (rule, value, callback) => {
+      if (value === '') {
+        callback(new Error('请再次输入密码'))
+      } else if (value !== this.ruleForm.password) {
+        callback(new Error('两次输入密码不一致'))
+      } else {
+        callback()
+      }
+    }
+
     return {
       title: '用户注册',
       ruleForm: {
@@ -111,7 +124,8 @@ export default {
         mobile: '',
         code: '',
         username: '',
-        password: ''
+        password: '',
+        passwordR: ''
       },
       rules: {
         school: [{ required: true, message: '请输入学校全称', trigger: 'blur' }],
@@ -130,6 +144,10 @@ export default {
         password: [
           { required: true, message: '请输入登录密码', trigger: 'blur' },
           { min: 6, max: 20, message: '长度为6-20个字符', trigger: 'blur' }
+        ],
+        passwordR: [
+          { required: true, message: '请再次输入登录密码', trigger: 'blur' },
+          { validator: validatePass, trigger: 'blur' }
         ]
       },
       schoolList: [],
@@ -193,7 +211,7 @@ export default {
     },
     updateUser() {
       const params = {
-        username: this.ruleForm.username,
+        // username: this.ruleForm.username,
         password: this.ruleForm.password
       }
       api.updateUser(params).then(response => {