Files
sundynix-pets/pets-be/web/admin/src/components/Layout.tsx
T
Blizzard 2f5dd6eefc feat: 养护模板/社区运营/体重趋势/计划日历 + 雪花ID重构 + 文件表与图片上传
后端
- 主键改雪花字符串 ID(pkg/idgen + Base.BeforeCreate),全表外键/JWT/中间件随之调整
- 新增 files 表:/api/upload 按 MD5 去重,返回 {id,url,md5},服务端只收图片
- 头像/记录附图/帖子图改 file_id 关联,读取解析为 URL
- 养护模板(物种×阶段)后台可配 + AI 生成草稿;建档按模板生成任务/计划/提醒
- 社区 AI 运营:虚拟账号池 + 每日定时/手动生成,帖子带 AI 标
- 计划路线图节点带真实日期;首页周历与计划日历同源;新增 day-plan 当日安排
- 体重趋势接口带备注;记录列表分页

小程序
- 公共图片上传 utils/upload.js(仅图片);记录拍照/我的头像/社区发图三处接入
- 首页日历点选查当日任务;记录页体重趋势可点看备注 + 时间轴分页折叠
- 计划页日历点选查当日计划;自定义 tabBar 高度调整

后台(React)
- 新增「养护模板」「社区运营」页;用户管理加机器人筛选

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-06 08:48:15 +08:00

62 lines
2.3 KiB
TypeScript

import { NavLink, Outlet, useNavigate } from 'react-router-dom'
import { LayoutDashboard, Users, PawPrint, MessageSquare, MessagesSquare, FileText, ClipboardList, Sparkles, Crown, LogOut } from 'lucide-react'
import { clearToken } from '@/lib/api'
import { cn } from '@/lib/utils'
import { Button } from '@/components/ui/button'
const nav = [
{ to: '/', label: '概览', icon: LayoutDashboard, end: true },
{ to: '/users', label: '用户管理', icon: Users },
{ to: '/pets', label: '宠物管理', icon: PawPrint },
{ to: '/posts', label: '帖子审核', icon: MessageSquare },
{ to: '/comments', label: '评论管理', icon: MessagesSquare },
{ to: '/articles', label: '文章管理', icon: FileText },
{ to: '/care-templates', label: '养护模板', icon: ClipboardList },
{ to: '/community-bot', label: '社区运营', icon: Sparkles },
{ to: '/members', label: '会员管理', icon: Crown },
]
export default function Layout() {
const navigate = useNavigate()
function logout() {
clearToken()
navigate('/login')
}
return (
<div className="flex min-h-screen">
<aside className="w-56 shrink-0 border-r bg-card p-4 flex flex-col">
<div className="flex items-center gap-2 px-2 py-3 mb-4">
<span className="text-2xl">🐾</span>
<span className="font-bold"></span>
</div>
<nav className="flex flex-col gap-1">
{nav.map((n) => (
<NavLink
key={n.to}
to={n.to}
end={n.end}
className={({ isActive }) =>
cn(
'flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors',
isActive ? 'bg-primary/15 text-primary' : 'text-muted-foreground hover:bg-accent',
)
}
>
<n.icon className="h-4 w-4" />
{n.label}
</NavLink>
))}
</nav>
<div className="mt-auto">
<Button variant="ghost" className="w-full justify-start text-muted-foreground" onClick={logout}>
<LogOut className="h-4 w-4" /> 退
</Button>
</div>
</aside>
<main className="flex-1 p-8 overflow-auto">
<Outlet />
</main>
</div>
)
}