feat(agents, i18n): enhance agent management and settlement features with new translations and UI updates

Added new translations for agent management and settlement features in English, Nepali, and Chinese, improving multi-language support. Updated the agents console to reflect changes in funding modes and player details, enhancing user experience. Refactored the admin permission gate to include new logic for handling bound line agents, ensuring better permission management. Additionally, streamlined the UI for agent-related pages and improved navigation to the settlement center, consolidating related functionalities for better accessibility.
2026-06-04 18:01:05 +08:00
parent c2eac2fafc
commit 65eaeecf8c
139 changed files with 8852 additions and 1435 deletions
--- a/src/modules/settlement/settlement-bills-table.tsx
+++ b/src/modules/settlement/settlement-bills-table.tsx
@@ -0,0 +1,119 @@
+"use client";
+
+import { useTranslation } from "react-i18next";
+
+import type { SettlementBillRow } from "@/api/admin-agent-settlement";
+import { AdminNoResourceState } from "@/components/admin/admin-no-resource-state";
+import { AdminLoadingState } from "@/components/admin/admin-loading-state";
+import { formatSettlementPeriodSpan } from "@/lib/agent-settlement-period-range";
+import { formatDashboardMoneyMinor } from "@/modules/dashboard/use-dashboard-analytics";
+import { PlayerFundingModeBadge } from "@/components/admin/player-funding-badges";
+import {
+  settlementBillStatusLabel,
+  settlementBillTypeLabel,
+} from "@/modules/settlement/settlement-status-label";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+
+type SettlementBillsTableProps = {
+  rows: SettlementBillRow[];
+  loading: boolean;
+  currencyCode: string;
+  onOpenDetail: (billId: number) => void;
+};
+
+export function SettlementBillsTable({
+  rows,
+  loading,
+  currencyCode,
+  onOpenDetail,
+}: SettlementBillsTableProps): React.ReactElement {
+  const { t } = useTranslation(["settlementCenter", "agents", "common"]);
+
+  if (loading) {
+    return <AdminLoadingState />;
+  }
+
+  if (rows.length === 0) {
+    return <AdminNoResourceState />;
+  }
+
+  return (
+    <div className="admin-table-shell overflow-x-auto">
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead>{t("columns.period", { defaultValue: "账期" })}</TableHead>
+            <TableHead>{t("columns.type", { defaultValue: "类型" })}</TableHead>
+            <TableHead>{t("columns.owner", { defaultValue: "本方" })}</TableHead>
+            <TableHead>{t("columns.counterparty", { defaultValue: "对方" })}</TableHead>
+            <TableHead className="text-right">{t("columns.gross", { defaultValue: "输赢" })}</TableHead>
+            <TableHead className="text-right">{t("columns.net", { defaultValue: "净额" })}</TableHead>
+            <TableHead className="text-right">{t("columns.paid", { defaultValue: "已收付" })}</TableHead>
+            <TableHead className="text-right">{t("columns.unpaid", { defaultValue: "未结" })}</TableHead>
+            <TableHead>{t("columns.status", { defaultValue: "状态" })}</TableHead>
+            <TableHead />
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {rows.map((row) => (
+            <TableRow key={row.id}>
+              <TableCell className="whitespace-nowrap text-xs text-muted-foreground">
+                {formatSettlementPeriodSpan(row.period_start, row.period_end)}
+              </TableCell>
+              <TableCell>{settlementBillTypeLabel(row.bill_type, t)}</TableCell>
+              <TableCell>
+                <div className="flex flex-wrap items-center gap-1.5">
+                  <span>{row.owner_label ?? `${row.owner_type}#${row.owner_id}`}</span>
+                  {row.owner_type === "player" && row.owner_funding_mode ? (
+                    <PlayerFundingModeBadge
+                      row={{
+                        funding_mode: row.owner_funding_mode,
+                        uses_credit: row.owner_funding_mode === "credit",
+                      }}
+                    />
+                  ) : null}
+                </div>
+              </TableCell>
+              <TableCell>
+                {row.counterparty_label === "platform"
+                  ? t("agents:settlementBills.platform", { defaultValue: "平台" })
+                  : row.counterparty_label ?? `${row.counterparty_type}#${row.counterparty_id}`}
+              </TableCell>
+              <TableCell className="text-right tabular-nums text-muted-foreground">
+                {row.gross_win_loss != null
+                  ? formatDashboardMoneyMinor(row.gross_win_loss, currencyCode)
+                  : "—"}
+              </TableCell>
+              <TableCell className="text-right tabular-nums">
+                {formatDashboardMoneyMinor(row.net_amount, currencyCode)}
+              </TableCell>
+              <TableCell className="text-right tabular-nums text-muted-foreground">
+                {formatDashboardMoneyMinor(row.paid_amount ?? 0, currencyCode)}
+              </TableCell>
+              <TableCell className="text-right tabular-nums">
+                {formatDashboardMoneyMinor(row.unpaid_amount, currencyCode)}
+              </TableCell>
+              <TableCell>{settlementBillStatusLabel(row.status, t)}</TableCell>
+              <TableCell>
+                <button
+                  type="button"
+                  className="text-sm text-primary underline"
+                  onClick={() => onOpenDetail(row.id)}
+                >
+                  {t("actions.detail", { defaultValue: "详情 / 收付" })}
+                </button>
+              </TableCell>
+            </TableRow>
+          ))}
+        </TableBody>
+      </Table>
+    </div>
+  );
+}