新增运维手机号格式校验添加

src/views/manager/addAdmin.vue

@@ -8,7 +8,7 @@
         <el-input v-model="userForm.username" placeholder="请输入账号" />
       </el-form-item>
       <el-form-item label="密码：" label-width="120px" prop="passwordOfNewUser" v-if="dialogData.pageType == 'add'">
-        <el-input v-model="userForm.passwordOfNewUser" type="password" show-password placeholder="请输入密码" />
+        <el-input v-model="userForm.passwordOfNewUser" type="password" show-password placeholder="请输入密码" autocomplete="new-password" />
       </el-form-item>
       <el-form-item label="手机号：" label-width="120px" prop="phoneNo">
         <el-input v-model="userForm.phoneNo" placeholder="请输入手机号" />
@@ -85,9 +85,19 @@ const rules = reactive<FormRules<UserForm>>({
   passwordOfNewUser: [
     { required: true, message: '请输入密码', trigger: 'blur' }
   ],
-  // phoneNo: [
-  //   { required: true, message: '请输入手机号', trigger: 'blur' }
-  // ],
+  phoneNo: [
+    { 
+      validator: (rule, value, callback) => {
+        if(!value) return callback() 
+        const pattern = /^1[3-9]\d{9}$/
+        if(!pattern.test(value)) {
+          callback(new Error('请输入正确的手机号'))
+        }
+        callback()
+      }, 
+      trigger: 'blur' 
+    }
+  ],
   // gender: [
   //   { required: true, message: '请选择性别', trigger: 'change' }
   // ],