karlcarlo
7948b1afc7
- 新增用户登录页面与API端点（/api/auth/login、/api/auth/logout、/api/auth/me） - 引入基于密码哈希的认证机制，支持默认管理员账号登录 - 创建访问控制模块（lib/access-control.ts），实现基于角色的权限验证 - 在现有API端点中集成权限检查，限制非管理员用户只能访问其所属项目数据 - 更新应用布局，要求用户登录后才能访问主界面 - 扩展用户表结构，增加用户名和密码哈希字段 - 调整项目、KR、目标、会议记录等资源的查询逻辑，根据用户权限过滤数据 - 改进管理页面（指标、模板）的删除操作，使用确认对话框替代直接确认 - 优化“我的KR”页面，为管理员提供全员KR概览视图 - 修复.gitignore文件中的拼写错误（.trae → .travis） - 添加数据库迁移脚本，支持任务直接关联项目、禁用RLS、添加求助字段等 - 配置Next.js以支持独立输出和子路径部署
81 lines
2.7 KiB
TypeScript
81 lines
2.7 KiB
TypeScript
'use client';
|
|
|
|
import { useEffect, useState } from 'react';
|
|
import { useRouter } from 'next/navigation';
|
|
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
|
|
import { Button } from '@/components/ui/button';
|
|
import { Input } from '@/components/ui/input';
|
|
import { Label } from '@/components/ui/label';
|
|
import { toast } from 'sonner';
|
|
import { useUser } from '@/components/user-context';
|
|
|
|
const DEFAULT_USERNAME = 'baicaimiao';
|
|
const DEFAULT_PASSWORD = 'baicaimiao123';
|
|
|
|
export default function LoginPage() {
|
|
const router = useRouter();
|
|
const { isAuthenticated, isInitialized, isLoading, refreshMe } = useUser();
|
|
const [username, setUsername] = useState(DEFAULT_USERNAME);
|
|
const [password, setPassword] = useState(DEFAULT_PASSWORD);
|
|
const [isSubmitting, setIsSubmitting] = useState(false);
|
|
|
|
useEffect(() => {
|
|
if (isInitialized && !isLoading && isAuthenticated) {
|
|
router.replace('/');
|
|
}
|
|
}, [isAuthenticated, isInitialized, isLoading, router]);
|
|
|
|
const onSubmit = async (e: React.FormEvent) => {
|
|
e.preventDefault();
|
|
setIsSubmitting(true);
|
|
try {
|
|
const res = await fetch('/api/auth/login', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ username, password }),
|
|
});
|
|
|
|
const data = await res.json().catch(() => ({}));
|
|
if (!res.ok) {
|
|
throw new Error(data?.error || '登录失败');
|
|
}
|
|
|
|
const userId = data?.user?.id as string | undefined;
|
|
if (!userId) throw new Error('登录失败');
|
|
|
|
await refreshMe();
|
|
toast.success('登录成功');
|
|
router.replace('/');
|
|
} catch (err) {
|
|
toast.error(err instanceof Error ? err.message : '登录失败');
|
|
} finally {
|
|
setIsSubmitting(false);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<div className="min-h-screen flex items-center justify-center bg-slate-50 px-4">
|
|
<Card className="w-full max-w-md">
|
|
<CardHeader>
|
|
<CardTitle>登录</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<form onSubmit={onSubmit} className="space-y-4">
|
|
<div>
|
|
<Label htmlFor="username">账号</Label>
|
|
<Input id="username" value={username} onChange={(e) => setUsername(e.target.value)} />
|
|
</div>
|
|
<div>
|
|
<Label htmlFor="password">密码</Label>
|
|
<Input id="password" type="password" value={password} onChange={(e) => setPassword(e.target.value)} />
|
|
</div>
|
|
<Button type="submit" className="w-full bg-teal-600 hover:bg-teal-700" disabled={isSubmitting}>
|
|
{isSubmitting ? '登录中...' : '登录'}
|
|
</Button>
|
|
</form>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
);
|
|
}
|