创建机构添加确认密码

src/views/org_manager/AddOrg.vue

@@ -17,12 +17,7 @@
         </el-form-item>
 
         <el-form-item label="机构名称" prop="name">
-          <el-input
-            ref="name"
-            v-model="form.name"
-            type="text"
-            placeholder="请输入机构名称"
-          ></el-input>
+          <el-input ref="name" v-model="form.name" type="text" placeholder="请输入机构名称" />
         </el-form-item>
 
         <el-form-item label="机构介绍">
@@ -32,7 +27,7 @@
             rows="5"
             resize="none"
             placeholder="请输入机构简介"
-          ></el-input>
+          />
         </el-form-item>
 
         <el-form-item label="管理员用户名" prop="admin_user_name">
@@ -41,7 +36,7 @@
             v-model="form.admin_user_name"
             type="text"
             placeholder="请输入管理员用户名"
-          ></el-input>
+          />
         </el-form-item>
 
         <el-form-item label="管理员密码" prop="admin_user_password">
@@ -50,7 +45,16 @@
             v-model="form.admin_user_password"
             type="password"
             placeholder="输入管理员密码"
-          ></el-input>
+          />
+        </el-form-item>
+
+        <el-form-item label="确认密码" prop="confirm_password">
+          <el-input
+            ref="confirm_password"
+            v-model="form.confirm_password"
+            type="password"
+            placeholder="请确认密码"
+          />
         </el-form-item>
 
         <el-form-item>
@@ -91,6 +95,15 @@ export default {
       }
     };
 
+    const validateConfirmPassword = (rule, value, callback) => {
+      console.log(this.form.admin_user_password);
+      if (this.form.admin_user_password !== value) {
+        callback(new Error('上下密码不一致！'));
+      } else {
+        callback();
+      }
+    };
+
     return {
       form: {
         picture_id: '',
@@ -98,12 +111,14 @@ export default {
         name: '',
         intro: '',
         admin_user_name: '',
-        admin_user_password: ''
+        admin_user_password: '',
+        confirm_password: ''
       },
       orgRules: {
         name: [{ require: true, trigger: 'blur', validator: validatorName }],
         admin_user_name: [{ require: true, trigger: 'blur', validator: validatorUserName }],
-        admin_user_password: [{ require: true, trigger: 'blur', validator: validateUserPassword }]
+        admin_user_password: [{ require: true, trigger: 'blur', validator: validateUserPassword }],
+        confirm_password: [{ require: true, trigger: 'blur', validator: validateConfirmPassword }]
       }
     };
   },