优化流程

2026-10-12 12:16:37 +08:00 · 2025-07-02 15:40:14 +08:00
parent d7339af37b
commit 94e01ae63b
66 changed files with 5973 additions and 1988 deletions
@@ -0,0 +1,162 @@
+import { Button } from "@heroui/button";
+import { Input } from "@heroui/input";
+import { Card, CardBody, CardHeader } from "@heroui/card";
+import { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import toast from 'react-hot-toast';
+
+import { title } from "@/components/primitives";
+import DefaultLayout from "@/layouts/default";
+import { login, LoginData } from "@/api";
+
+interface LoginForm {
+  username: string;
+  password: string;
+}
+
+export default function IndexPage() {
+  const [form, setForm] = useState<LoginForm>({
+    username: "",
+    password: ""
+  });
+  const [loading, setLoading] = useState(false);
+  const [errors, setErrors] = useState<Partial<LoginForm>>({});
+  const navigate = useNavigate();
+
+  // 验证表单
+  const validateForm = (): boolean => {
+    const newErrors: Partial<LoginForm> = {};
+
+    if (!form.username.trim()) {
+      newErrors.username = '请输入用户名';
+    }
+
+    if (!form.password.trim()) {
+      newErrors.password = '请输入密码';
+    } else if (form.password.length < 6) {
+      newErrors.password = '密码长度至少6位';
+    }
+
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  };
+
+  // 处理输入变化
+  const handleInputChange = (field: keyof LoginForm, value: string) => {
+    setForm(prev => ({ ...prev, [field]: value }));
+    // 清除该字段的错误
+    if (errors[field]) {
+      setErrors(prev => ({ ...prev, [field]: undefined }));
+    }
+  };
+
+  const handleLogin = async () => {
+    if (!validateForm()) return;
+
+    setLoading(true);
+
+    try {
+      const loginData: LoginData = {
+        username: form.username.trim(),
+        password: form.password
+      };
+
+      const response = await login(loginData);
+      
+      if (response.code !== 0) {
+        toast.error(response.msg || "登陆失败");
+        return;
+      }
+
+      // 检查是否需要强制修改密码
+      if (response.data.requirePasswordChange) {
+        localStorage.setItem('token', response.data.token);
+        localStorage.setItem("role_id", response.data.role_id.toString());
+        localStorage.setItem("name", response.data.name);
+        // 设置admin字段 - role_id为0的是管理员
+        localStorage.setItem("admin", (response.data.role_id === 0).toString());
+        toast.success('检测到默认密码，即将跳转到修改密码页面');
+        // 直接跳转到修改密码页面
+        navigate("/change-password");
+        return;
+      }
+
+      // 保存登陆信息
+      localStorage.setItem('token', response.data.token);
+      localStorage.setItem("role_id", response.data.role_id.toString());
+      localStorage.setItem("name", response.data.name);
+      // 设置admin字段 - role_id为0的是管理员
+      localStorage.setItem("admin", (response.data.role_id === 0).toString());
+
+      // 登陆成功
+      toast.success('登陆成功');
+      navigate("/dashboard");
+
+    } catch (error) {
+      console.error('登陆错误:', error);
+      toast.error("网络错误，请稍后重试");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleKeyPress = (e: React.KeyboardEvent) => {
+    if (e.key === 'Enter' && !loading) {
+      handleLogin();
+    }
+  };
+
+  return (
+    <DefaultLayout>
+      <section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10 min-h-[calc(100vh-200px)]">
+        <div className="w-full max-w-md">
+          <Card className="w-full">
+            <CardHeader className="pb-0 pt-6 px-6 flex-col items-center">
+              <h1 className={title({ size: "sm" })}>登陆</h1>
+              <p className="text-small text-default-500 mt-2">请输入您的账号信息</p>
+            </CardHeader>
+            <CardBody className="px-6 py-6">
+              <div className="flex flex-col gap-4">
+                <Input
+                  label="用户名"
+                  placeholder="请输入用户名"
+                  value={form.username}
+                  onChange={(e) => handleInputChange('username', e.target.value)}
+                  onKeyDown={handleKeyPress}
+                  variant="bordered"
+                  isDisabled={loading}
+                  isInvalid={!!errors.username}
+                  errorMessage={errors.username}
+                />
+                
+                <Input
+                  label="密码"
+                  placeholder="请输入密码"
+                  type="password"
+                  value={form.password}
+                  onChange={(e) => handleInputChange('password', e.target.value)}
+                  onKeyDown={handleKeyPress}
+                  variant="bordered"
+                  isDisabled={loading}
+                  isInvalid={!!errors.password}
+                  errorMessage={errors.password}
+                />
+                
+                <Button
+                  color="primary"
+                  size="lg"
+                  onClick={handleLogin}
+                  isLoading={loading}
+                  disabled={loading}
+                  className="mt-2"
+                >
+                  {loading ? "登陆中..." : "登陆"}
+                </Button>
+              </div>
+            </CardBody>
+          </Card>
+        </div>
+      </section>
+    </DefaultLayout>
+  );
+}