feat: 更新管理员导航，重定向菜单权限至根路径，添加角色同步API，移除菜单权限模块

src/modules/risk/risk-index-console.tsx

@@ -1,11 +1,21 @@
 "use client";
 
 import Link from "next/link";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 
 import { getAdminDraws } from "@/api/admin-draws";
-import { buttonVariants } from "@/components/ui/button";
+import { AdminListPaginationFooter } from "@/components/admin/admin-list-pagination-footer";
+import { Button, buttonVariants } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
 import {
   Table,
   TableBody,
@@ -20,17 +30,48 @@ import { cn } from "@/lib/utils";
 import { LotteryApiBizError } from "@/types/api/errors";
 import type { AdminDrawListData, AdminDrawListItem } from "@/types/api/admin-draws";
 
+const DRAW_STATUS_OPTIONS: { value: string; label: string }[] = [
+  { value: "pending", label: "未开始" },
+  { value: "open", label: "可下注" },
+  { value: "closing", label: "封盘中" },
+  { value: "closed", label: "已封盘待开奖" },
+  { value: "drawing", label: "开奖处理中" },
+  { value: "review", label: "待审核" },
+  { value: "cooldown", label: "冷静期" },
+  { value: "settling", label: "结算中" },
+  { value: "settled", label: "已结算" },
+  { value: "cancelled", label: "已取消" },
+];
+
 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 [page, setPage] = useState(1);
+  const [perPage, setPerPage] = useState(25);
+  const [drawNoInput, setDrawNoInput] = useState("");
+  const [drawNoQuery, setDrawNoQuery] = useState("");
+  const [statusFilter, setStatusFilter] = useState("");
+
+  const riskStatusTriggerLabel = useMemo(() => {
+    if (statusFilter === "") {
+      return "全部";
+    }
+    return DRAW_STATUS_OPTIONS.find((o) => o.value === statusFilter)?.label ?? statusFilter;
+  }, [statusFilter]);
+
   const load = useCallback(async () => {
     setLoading(true);
     setError(null);
     try {
-      const d = await getAdminDraws({ page: 1, per_page: 50 });
+      const d = await getAdminDraws({
+        page,
+        per_page: perPage,
+        ...(drawNoQuery.trim() !== "" ? { draw_no: drawNoQuery.trim() } : {}),
+        ...(statusFilter !== "" ? { status: statusFilter } : {}),
+      });
       setData(d);
     } catch (e) {
       const msg =
@@ -40,7 +81,7 @@ export function RiskIndexConsole() {
     } finally {
       setLoading(false);
     }
-  }, []);
+  }, [page, perPage, drawNoQuery, statusFilter]);
 
   useEffect(() => {
     queueMicrotask(() => {
@@ -48,14 +89,74 @@ export function RiskIndexConsole() {
     });
   }, [load]);
 
+  function applySearch(): void {
+    setDrawNoQuery(drawNoInput.trim());
+    setPage(1);
+  }
+
+  const total = data?.meta.total ?? 0;
+  const lastPage = Math.max(1, data?.meta.last_page ?? 1);
+
   return (
     <Card>
-      <CardHeader>
+      <CardHeader className="flex flex-row flex-wrap items-end justify-between gap-4">
         <CardTitle className="text-lg">风控中心</CardTitle>
+        <div className="flex w-full max-w-4xl flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-end">
+          <div className="grid flex-1 gap-2 sm:min-w-[12rem]">
+            <Label htmlFor="risk-index-draw-no" className="text-xs text-muted-foreground">
+              期号
+            </Label>
+            <Input
+              id="risk-index-draw-no"
+              placeholder="模糊匹配期号"
+              value={drawNoInput}
+              onChange={(e) => setDrawNoInput(e.target.value)}
+              onKeyDown={(e) => {
+                if (e.key === "Enter") {
+                  applySearch();
+                }
+              }}
+            />
+          </div>
+          <div className="grid gap-2 sm:w-44">
+            <Label htmlFor="risk-index-status" className="text-xs text-muted-foreground">
+              状态
+            </Label>
+            <Select
+              modal={false}
+              value={statusFilter === "" ? "all" : statusFilter}
+              onValueChange={(v) => {
+                const next = v == null || v === "all" ? "" : v;
+                setStatusFilter(next);
+                setPage(1);
+              }}
+            >
+              <SelectTrigger id="risk-index-status" size="sm" className="w-full">
+                <SelectValue>{riskStatusTriggerLabel}</SelectValue>
+              </SelectTrigger>
+              <SelectContent align="start">
+                <SelectItem value="all">全部</SelectItem>
+                {DRAW_STATUS_OPTIONS.map((o) => (
+                  <SelectItem key={o.value} value={o.value}>
+                    {o.label}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+          <div className="flex gap-2">
+            <Button type="button" size="sm" onClick={() => applySearch()}>
+              搜索
+            </Button>
+            <Button type="button" size="sm" variant="secondary" onClick={() => void load()}>
+              刷新
+            </Button>
+          </div>
+        </div>
       </CardHeader>
       <CardContent className="space-y-4">
         {error ? <p className="text-sm text-destructive">{error}</p> : null}
-        {loading ? (
+        {loading && (data?.items.length ?? 0) === 0 ? (
           <p className="text-sm text-muted-foreground">加载中…</p>
         ) : (
           <div className="overflow-x-auto rounded-md border">
@@ -69,29 +170,50 @@ export function RiskIndexConsole() {
                 </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>
+                {(data?.items ?? []).length === 0 ? (
+                  <TableRow>
+                    <TableCell colSpan={4} className="text-muted-foreground">
+                      暂无数据
                     </TableCell>
                   </TableRow>
-                ))}
+                ) : (
+                  (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>
         )}
+        <AdminListPaginationFooter
+          selectId="risk-index-draws-per-page"
+          total={total}
+          page={page}
+          lastPage={lastPage}
+          perPage={perPage}
+          loading={loading}
+          onPerPageChange={(n) => {
+            setPerPage(n);
+            setPage(1);
+          }}
+          onPageChange={setPage}
+        />
       </CardContent>
     </Card>
   );