update 实现修改密码. 并对一些用户填写的格式进行了验证

Web/src/pages/system/user/form.vue

@@ -4,7 +4,7 @@
       <a-icon slot="indicator" spin type="loading" />
       <a-row :gutter="16">
         <a-col :span="10">
-          <h3>基本信息</h3>
+          <h3 class="h3">基本信息</h3>
           <div class="yo-form-group">
             <a-form-model-item label="账号" prop="account">
               <a-input placeholder="请输入账号" v-model="form.account" />
@@ -53,7 +53,7 @@
           </div>
         </a-col>
         <a-col :span="14">
-          <h3>员工信息</h3>
+          <h3 class="h3">员工信息</h3>
           <div class="yo-form-group">
             <a-form-model-item label="所属组织机构" prop="sysEmpParam.orgId">
               <a-tree-select
@@ -77,7 +77,7 @@
               </a-select>
             </a-form-model-item>
           </div>
-          <h4>附加信息</h4>
+          <h4 class="h4">附加信息</h4>
           <a-table
             :columns="extColumns"
             :data-source="form.sysEmpParam.extIds"
@@ -136,15 +136,27 @@ export default {
         sysEmpParam: {},
       },
       rules: {
-        account: [{ required: true, min: 5, message: '请输入至少五个字符的账号' }],
-        name: [{ required: true, message: '请输入姓名' }],
+        account: [{ required: true, min: 5, message: '请输入至少五个字符的账号', trigger: 'blur' }],
+        name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
         password: [
-          { required: true, min: 5, message: '请输入至少五个字符的密码' },
-          { validator: validateToNextPassword },
+          { required: true, min: 5, message: '请输入至少五个字符的密码', trigger: 'blur' },
+          { validator: validateToNextPassword, trigger: 'blur' },
+        ],
+        confirm: [
+          { required: true, message: '请确认密码', trigger: 'blur' },
+          { validator: compareToFirstPassword, trigger: 'blur' },
         ],
-        confirm: [{ required: true, message: '请确认密码' }, { validator: compareToFirstPassword }],
         sex: [{ required: true, message: '请选择性别' }],
-        phone: [{ required: true, message: '请输入手机号' }],
+        phone: [
+          {
+            pattern: /^((13[0-9])|(14[5,7])|(15[^4,\\D])|(17[0,1,3,6-8])|(18[0-9])|(19[8,9])|(166))[0-9]{8}$/,
+            message: '手机号格式不正确',
+            trigger: 'blur',
+          },
+        ],
+        email: [
+          { pattern: /^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/, message: '邮箱格式不正确', trigger: 'blur' },
+        ],
         'sysEmpParam.orgId': [{ required: true, message: '请选择所属组织机构' }],
         'sysEmpParam.posIdList': [{ required: true, message: '请选择职位信息' }],
       },