From f5c8bfd30a227995ae1a171f90242e0437e526bd Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Sat, 11 Nov 2023 22:45:59 +0800
Subject: [PATCH] add form data check

---
 frontend/src/router/index.ts             |  2 +-
 frontend/src/views/{ => Login}/Login.vue | 27 ++++++++++++++++++++++--
 frontend/src/views/Login/logic.ts        | 14 ++++++++++++
 3 files changed, 40 insertions(+), 3 deletions(-)
 rename frontend/src/views/{ => Login}/Login.vue (86%)
 create mode 100644 frontend/src/views/Login/logic.ts

diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index a21a9a9..aa2ef23 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -12,7 +12,7 @@ const router = createRouter({
     {
       path: '/login',
       name: 'login',
-      component: () => import("../views/Login.vue")
+      component: () => import("../views/Login/Login.vue")
     }
   ]
 })
diff --git a/frontend/src/views/Login.vue b/frontend/src/views/Login/Login.vue
similarity index 86%
rename from frontend/src/views/Login.vue
rename to frontend/src/views/Login/Login.vue
index 930a3d3..2b2404a 100644
--- a/frontend/src/views/Login.vue
+++ b/frontend/src/views/Login/Login.vue
@@ -1,14 +1,14 @@
 <template>
     <div class="login-page">
         <div class="login-form-bg">
-            <img alt="login background" src="../assets/login-bg.png" />
+            <img alt="login background" src="../../assets/login-bg.png" />
             <div class="login-form">
                 <div class="login-title">
                     <p>PilotGo运维平台</p>
                     <span>账户登录</span>
                 </div>
 
-                <el-form :model="loginForm" status-icon class="form">
+                <el-form :model="loginForm" status-icon class="form" :rules="rules">
                     <el-form-item class="form-item" prop="email" label="邮箱">
                         <el-input class="form-item-input" type="text" v-model="loginForm.email" placeholder="请输入邮箱">
                         </el-input>
@@ -30,12 +30,35 @@
 
 <script setup lang="ts">
 import { ref } from "vue";
+import { checkEmail } from "./logic";
 
 const loginForm = ref({
     email: "",
     password: "",
 });
 
+const rules = {
+    email: [
+        {
+            required: true,
+            message: "请输入邮箱",
+            trigger: "blur"
+        },
+        {
+            validator: checkEmail,
+            message: "请输入正确的邮箱格式",
+            trigger: "blur"
+        }
+    ],
+    password: [
+        {
+            required: true,
+            message: "请输入密码",
+            trigger: "blur"
+        }
+    ],
+}
+
 </script>
 
 <style lang="scss">
diff --git a/frontend/src/views/Login/logic.ts b/frontend/src/views/Login/logic.ts
new file mode 100644
index 0000000..decb848
--- /dev/null
+++ b/frontend/src/views/Login/logic.ts
@@ -0,0 +1,14 @@
+
+export let checkEmail = (rule:any, value:any, callback:any) => {
+    if (!value) {
+      return callback();
+    }
+    if (value === "admin") {
+      return callback();
+    }
+    let patt = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/;
+    if (!patt.test(value)) {
+        return callback(new Error("邮箱格式错误"))
+    }
+    return callback()
+  };
-- 
Gitee