From 7c325fd5eb1a77f3981c88293f8a273471cfcec5 Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Wed, 6 Dec 2023 15:36:46 +0800
Subject: [PATCH] add update user form check rules

---
 .../src/views/User/components/UpdateUser.vue  | 40 ++++++++++++++++++-
 1 file changed, 38 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/User/components/UpdateUser.vue b/frontend/src/views/User/components/UpdateUser.vue
index 61ee1bb..c8927cc 100644
--- a/frontend/src/views/User/components/UpdateUser.vue
+++ b/frontend/src/views/User/components/UpdateUser.vue
@@ -1,8 +1,8 @@
 <template>
     <div>
-        <el-form :model="form" ref="formRef" label-width="100px">
+        <el-form :model="form" ref="formRef" :rules="rules" label-width="100px">
             <el-form-item label="用户名:" prop="username">
-                <el-input class="ipInput" type="text" size="medium" :disabled="disabled" v-model="form.username"
+                <el-input class="ipInput" type="text" :disabled="disabled" v-model="form.username"
                     autocomplete="off"></el-input>
             </el-form-item>
             <el-form-item label="部门:" prop="departName">
@@ -31,6 +31,40 @@ import { ref } from "vue";
 
 import PGTree from "@/components/PGTree.vue";
 
+import { checkEmail, checkPhone } from "./logic";
+
+const rules = {
+    username: [
+        {
+            required: true,
+            message: "请输入用户名",
+            trigger: "blur"
+        }],
+    departName: [{
+        required: true,
+        message: "请选择部门",
+        trigger: "blur"
+    }],
+    phone: [
+        {
+            validator: checkPhone,
+            message: "请输入正确的手机号格式",
+            trigger: "change",
+        }],
+    email: [
+        {
+            required: true,
+            message: "请输入邮箱",
+            trigger: "blur",
+        },
+        {
+            validator: checkEmail,
+            message: "请输入正确的邮箱格式",
+            trigger: "change",
+        }],
+}
+
+
 const disabled = ref(true)
 
 const formRef = ref()
@@ -45,6 +79,8 @@ const form = ref<any>({
     role: "",
 });
 
+
+
 </script>
 
 <style lang="scss" scoped>
-- 
Gitee