修改

src/views/login/RegisterForm2.vue

@@ -69,6 +69,7 @@
 <script lang="ts" setup>
 import { reactive, ref } from 'vue';
 import { ElMessage } from 'element-plus';
+import { rule } from '@/utils/validate';
 import { PersonOutline } from '@vicons/ionicons5';
 import { SafetyCertificateOutlined } from '@vicons/antd';
 
@@ -91,7 +92,7 @@ const formInline = reactive({
 
 const rules = {
   username: { required: true, message: '请输入用户名', trigger: 'blur' },
-  mobile: { required: true, message: '请输入手机号码', trigger: 'blur' },
+  mobile: [{ required: true, message: '请输入手机号码', trigger: 'blur' },{ validator: rule.validatePhone, trigger: 'blur' }],
   code: { required: true, message: '请输入短信验证码', trigger: 'blur' },
   password: { required: true, message: '请输入密码', trigger: 'blur' },
   retPassword: { required: true, message: '请输入确认密码', trigger: 'blur' },
@@ -106,10 +107,9 @@ const rules = {
 
 const handleSubmit = () => {
   loading.value = true;
-  backLogin()
   formRef.value.validate(async (valid) => {
     if (valid) {
-      ElMessage.success('注册准备就绪');
+      backLogin()
       loading.value = false;
     } else {
       loading.value = false;

src/views/setting/profile/BasicSetting.vue

@@ -20,7 +20,7 @@
       </div>
       <div class="flex">
         <el-form-item label="手机号码" prop="mobile" class="flex-1"
-          :rules="[{ required: true, message: '请输入手机号码', trigger: 'blur' },{ validator: rule.validatePhone, trigger: 'blur' },]">
+          :rules="[{ required: true, message: '请输入手机号码', trigger: 'blur' },{ validator: rule.validatePhone, trigger: 'blur' }]">
           <el-input v-model="formData.mobile" placeholder="请输入手机号码" clearable />
         </el-form-item>
         <el-form-item label="邮箱地址" prop="email" class="flex-1"

src/views/system/user/edit.vue

@@ -58,7 +58,7 @@
       </div>
       <div class="flex">
         <el-form-item label="手机号码" prop="mobile" class="flex-1"
-          :rules="{ required: true, message: '请输入手机号码', trigger: 'blur' }">
+          :rules="[{ required: true, message: '请输入手机号码', trigger: 'blur' },{ validator: rule.validatePhone, trigger: 'blur' }]">
           <el-input v-model="formData.mobile" placeholder="请输入手机号码" clearable />
         </el-form-item>
         <el-form-item label="邮箱地址" prop="email" class="flex-1"
@@ -127,6 +127,7 @@ import { getDeptList } from '@/api/system/dept';
 import { getLevelAllList } from '@/api/system/level';
 import { getPositionAllList } from '@/api/system/position';
 import {buildTree } from "@/utils/auth";
+import { rule } from '@/utils/validate';
 import { FormInstance } from "element-plus";
 
 const formRef = shallowRef<FormInstance>();