refactor: 重构奖池配置页面，移除冗余组件，优化加载体验与国际化支持

src/modules/draws/draw-finance-console.tsx

@@ -7,7 +7,9 @@ import { useTranslation } from "react-i18next";
 import { getAdminDrawFinanceSummary } from "@/api/admin-draws";
 import { postAdminRunDrawSettlement } from "@/api/admin-settlement";
 import { Button, buttonVariants } from "@/components/ui/button";
+import { AdminStatusBadge } from "@/components/admin/admin-status-badge";
 import { AdminTableExportButton } from "@/components/admin/admin-table-export-button";
+import { DrawStatusBadge } from "@/modules/draws/draw-status-badge";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import {
   Table,
@@ -104,7 +106,9 @@ export function DrawFinanceConsole({ drawId }: { drawId: string }): React.ReactE
           </div>
           <div>
             <span className="text-muted-foreground">{t("status")}</span>
-            <p>{drawStatusText(data.draw_status, t)}</p>
+            <p className="mt-1">
+              <DrawStatusBadge status={data.draw_status} label={drawStatusText(data.draw_status, t)} />
+            </p>
           </div>
           <div>
             <span className="text-muted-foreground">{t("orderAndItemCount")}</span>
@@ -186,7 +190,9 @@ export function DrawFinanceConsole({ drawId }: { drawId: string }): React.ReactE
                   {data.settlement_batches.map((b) => (
                     <TableRow key={b.id}>
                       <TableCell className="font-mono text-xs">{b.id}</TableCell>
-                      <TableCell className="text-xs">{drawStatusText(b.status, t)}</TableCell>
+                      <TableCell>
+                        <AdminStatusBadge status={b.status}>{drawStatusText(b.status, t)}</AdminStatusBadge>
+                      </TableCell>
                       <TableCell className="text-right tabular-nums text-xs">
                         {b.total_ticket_count}
                       </TableCell>