Files
sundynix-pets/pets-be/web/admin/src/pages/Posts.tsx
T
Blizzard 609f7d06cf init: 毛孩子计划 小程序 + Go 后端 + 内嵌后台
- pets-fe: 微信原生小程序(首页/计划/记录/报告/社区/引导),
  服务端驱动、无假数据;弹层改用 scroll-view,打开时隐藏自定义 tabBar
- pets-be: Gin + GORM(MySQL, sundynix_ 前缀) + MinIO,统一响应/分页,
  微信 code2session 登录,provider-neutral AI(DeepSeek),go:embed React 后台
- 修复:分段选择类型不匹配(字符串 vs 数字)导致选不中

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

79 lines
3.1 KiB
TypeScript

import { api } from '@/lib/api'
import { usePaged } from '@/lib/usePaged'
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'
import { Button } from '@/components/ui/button'
import { Badge } from '@/components/ui/badge'
import { Card, CardContent } from '@/components/ui/card'
import { Pager } from '@/components/Pager'
const statusMap: Record<string, { label: string; variant: any }> = {
published: { label: '已发布', variant: 'success' },
hidden: { label: '已隐藏', variant: 'muted' },
deleted: { label: '已删除', variant: 'destructive' },
}
export default function Posts() {
const { page, setPage, data, totalPages, reload } = usePaged<any>(api.posts)
async function setStatus(id: number, status: string) {
await api.setPostStatus(id, status)
reload()
}
return (
<div>
<h1 className="text-2xl font-bold mb-6"></h1>
<Card>
<CardContent className="pt-6">
<Table>
<TableHeader>
<TableRow>
<TableHead>ID</TableHead>
<TableHead></TableHead>
<TableHead></TableHead>
<TableHead>/</TableHead>
<TableHead></TableHead>
<TableHead className="text-right"></TableHead>
</TableRow>
</TableHeader>
<TableBody>
{data?.list?.map((p) => (
<TableRow key={p.id}>
<TableCell>{p.id}</TableCell>
<TableCell className="whitespace-nowrap">
<span className="mr-1">{p.author_emoji}</span>
{p.author_name}
</TableCell>
<TableCell className="max-w-sm truncate">{p.content}</TableCell>
<TableCell className="whitespace-nowrap">
{p.like_count} / {p.comment_count}
</TableCell>
<TableCell>
<Badge variant={statusMap[p.status]?.variant}>{statusMap[p.status]?.label ?? p.status}</Badge>
</TableCell>
<TableCell className="text-right space-x-2 whitespace-nowrap">
{p.status !== 'published' && (
<Button variant="outline" size="sm" onClick={() => setStatus(p.id, 'published')}>
</Button>
)}
{p.status === 'published' && (
<Button variant="outline" size="sm" onClick={() => setStatus(p.id, 'hidden')}>
</Button>
)}
<Button variant="destructive" size="sm" onClick={() => setStatus(p.id, 'deleted')}>
</Button>
</TableCell>
</TableRow>
))}
</TableBody>
</Table>
<Pager page={page} totalPages={totalPages} total={data?.total ?? 0} onChange={setPage} />
</CardContent>
</Card>
</div>
)
}