将 AdminRiskPage 改名为 AdminRiskIndexPage，并接入 RiskIndexConsole 组件。

2026-05-11 11:52:53 +08:00
parent 78045de9a3
commit 0103d25426
16 changed files with 1033 additions and 15 deletions
--- a/src/modules/risk/risk-index-console.tsx
+++ b/src/modules/risk/risk-index-console.tsx
@@ -0,0 +1,101 @@
+"use client";
+
+import Link from "next/link";
+import { useCallback, useEffect, useState } from "react";
+
+import { getAdminDraws } from "@/api/admin-draws";
+import { buttonVariants } from "@/components/ui/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { DrawStatusBadge } from "@/modules/draws/draw-status-badge";
+import { useAdminDateTimeFormatter } from "@/hooks/use-admin-datetime-formatter";
+import { cn } from "@/lib/utils";
+import { LotteryApiBizError } from "@/types/api/errors";
+import type { AdminDrawListData, AdminDrawListItem } from "@/types/api/admin-draws";
+
+export function RiskIndexConsole() {
+  const formatDt = useAdminDateTimeFormatter();
+  const [data, setData] = useState<AdminDrawListData | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const load = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const d = await getAdminDraws({ page: 1, per_page: 50 });
+      setData(d);
+    } catch (e) {
+      const msg =
+        e instanceof LotteryApiBizError ? e.message : "加载期号列表失败";
+      setError(msg);
+      setData(null);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  useEffect(() => {
+    queueMicrotask(() => {
+      void load();
+    });
+  }, [load]);
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle className="text-lg">风控中心</CardTitle>
+        <CardDescription>
+          选择期号进入：风险占用流水、热门号码（按占用比）、售罄列表、单号码风险池详情（实施计划 §13.4）。
+        </CardDescription>
+      </CardHeader>
+      <CardContent className="space-y-4">
+        {error ? <p className="text-sm text-destructive">{error}</p> : null}
+        {loading ? (
+          <p className="text-sm text-muted-foreground">加载中…</p>
+        ) : (
+          <div className="overflow-x-auto rounded-md border">
+            <Table>
+              <TableHeader>
+                <TableRow>
+                  <TableHead>期号</TableHead>
+                  <TableHead>状态</TableHead>
+                  <TableHead>封盘时间</TableHead>
+                  <TableHead className="text-right">操作</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {(data?.items ?? []).map((row: AdminDrawListItem) => (
+                  <TableRow key={row.id}>
+                    <TableCell className="font-mono font-medium">{row.draw_no}</TableCell>
+                    <TableCell>
+                      <DrawStatusBadge status={row.status} />
+                    </TableCell>
+                    <TableCell className="text-sm text-muted-foreground">
+                      {row.close_time ? formatDt(row.close_time) : "—"}
+                    </TableCell>
+                    <TableCell className="text-right">
+                      <Link
+                        href={`/admin/risk/draws/${row.id}/occupancy`}
+                        className={cn(buttonVariants({ variant: "secondary", size: "sm" }))}
+                      >
+                        进入风控
+                      </Link>
+                    </TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+        )}
+      </CardContent>
+    </Card>
+  );
+}