445 lines
20 KiB
TypeScript
445 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
import { adminAgentDisplayLabel } from "@/components/admin/admin-agent-columns";
|
|
import { AdminNoResourceState, AdminTableNoResourceRow } from "@/components/admin/admin-no-resource-state";
|
|
import { AdminStatusBadge } from "@/components/admin/admin-status-badge";
|
|
import { AdminLoadingInline, AdminTableLoadingRow } from "@/components/admin/admin-loading-state";
|
|
import { DrawStatusBadge } from "@/modules/draws/draw-status-badge";
|
|
import { drawStatusLabel, settlementBatchStatusLabel } from "@/modules/draws/draw-display";
|
|
import { riskActionTypeLabel } from "@/modules/risk/risk-display";
|
|
import { useAdminPlayCodeLabel } from "@/hooks/use-admin-play-type-catalog";
|
|
import { useAdminDateTimeFormatter } from "@/hooks/use-admin-datetime-formatter";
|
|
import {
|
|
Table,
|
|
TableBody,
|
|
TableCell,
|
|
TableHead,
|
|
TableHeader,
|
|
TableRow,
|
|
} from "@/components/ui/table";
|
|
import {
|
|
formatPlainMoney,
|
|
formatUsagePercent,
|
|
optionText,
|
|
signedProfitCell,
|
|
type ReportResult,
|
|
} from "@/modules/reports/reports-utils";
|
|
import type { ReportDefinition } from "@/modules/reports/reports-definitions";
|
|
|
|
type ReportPreviewTableProps = {
|
|
report: ReportDefinition;
|
|
result: ReportResult | null;
|
|
loading: boolean;
|
|
error: string | null;
|
|
drawNoLabel?: string;
|
|
displayCurrency: string;
|
|
};
|
|
|
|
function reportValueLabel(
|
|
scope: string,
|
|
value: string | null | undefined,
|
|
t: (key: string, options?: { defaultValue?: string }) => string,
|
|
): string {
|
|
if (value == null || value === "") {
|
|
return "—";
|
|
}
|
|
|
|
return t(`labels.${scope}.${value}`, { defaultValue: value });
|
|
}
|
|
|
|
export function ReportPreviewTable({
|
|
report,
|
|
result,
|
|
loading,
|
|
error,
|
|
drawNoLabel = "",
|
|
displayCurrency,
|
|
}: ReportPreviewTableProps) {
|
|
const { t } = useTranslation(["reports", "common"]);
|
|
const playCodeLabel = useAdminPlayCodeLabel();
|
|
const formatTs = useAdminDateTimeFormatter();
|
|
|
|
if (!report.connected) {
|
|
return <AdminNoResourceState message={t("backendPending")} />;
|
|
}
|
|
|
|
if (loading) {
|
|
return (
|
|
<Table>
|
|
<TableBody>
|
|
<AdminTableLoadingRow colSpan={8} />
|
|
</TableBody>
|
|
</Table>
|
|
);
|
|
}
|
|
|
|
if (error) {
|
|
return (
|
|
<Table>
|
|
<TableBody>
|
|
<TableRow>
|
|
<TableCell colSpan={8} className="text-destructive">
|
|
{error}
|
|
</TableCell>
|
|
</TableRow>
|
|
</TableBody>
|
|
</Table>
|
|
);
|
|
}
|
|
|
|
if (!result || result.key !== report.key || result.rows.length === 0) {
|
|
return (
|
|
<Table>
|
|
<TableBody>
|
|
<AdminTableNoResourceRow colSpan={8} message={t("preview.empty")} />
|
|
</TableBody>
|
|
</Table>
|
|
);
|
|
}
|
|
|
|
switch (result.key) {
|
|
case "provider_profit":
|
|
return (
|
|
<Table>
|
|
<TableHeader><TableRow><TableHead>开注商</TableHead><TableHead className="text-right">注项数</TableHead><TableHead className="text-right">下注</TableHead><TableHead className="text-right">派彩</TableHead><TableHead className="text-right">平台毛利</TableHead></TableRow></TableHeader>
|
|
<TableBody>{result.raw.map((item) => <TableRow key={item.provider_code}><TableCell className="font-medium">{item.provider_name}<span className="ml-2 font-mono text-xs text-muted-foreground">{item.provider_code}</span></TableCell><TableCell className="text-right">{item.ticket_item_count}</TableCell><TableCell className="text-right">{formatPlainMoney(item.total_bet_minor, displayCurrency)}</TableCell><TableCell className="text-right">{formatPlainMoney(item.total_payout_minor, displayCurrency)}</TableCell><TableCell className={signedProfitCell(item.approx_house_gross_minor, displayCurrency)}>{formatPlainMoney(item.approx_house_gross_minor, displayCurrency)}</TableCell></TableRow>)}</TableBody>
|
|
</Table>
|
|
);
|
|
case "draw_profit":
|
|
return (
|
|
<Table>
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableHead>{t("preview.columns.drawProfit.primary")}</TableHead>
|
|
<TableHead>{t("preview.columns.drawProfit.secondary")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.drawProfit.metricA")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.drawProfit.metricB")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.drawProfit.metricC")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.drawProfit.status")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.drawProfit.extra")}</TableHead>
|
|
<TableHead>{t("preview.columns.drawProfit.time")}</TableHead>
|
|
</TableRow>
|
|
</TableHeader>
|
|
<TableBody>
|
|
<TableRow>
|
|
<TableCell className="font-medium">{result.raw.draw_no}</TableCell>
|
|
<TableCell>
|
|
<DrawStatusBadge
|
|
status={result.raw.draw_status}
|
|
label={drawStatusLabel(result.raw.draw_status, t)}
|
|
/>
|
|
</TableCell>
|
|
<TableCell className="text-right">{result.raw.order_count}</TableCell>
|
|
<TableCell className="text-right">{result.raw.ticket_item_count}</TableCell>
|
|
<TableCell className="text-right">
|
|
{formatPlainMoney(result.raw.total_bet_minor, result.raw.currency_code)}
|
|
</TableCell>
|
|
<TableCell className={signedProfitCell(result.raw.approx_house_gross_minor, result.raw.currency_code)}>
|
|
{formatPlainMoney(result.raw.approx_house_gross_minor, result.raw.currency_code)}
|
|
</TableCell>
|
|
<TableCell className="text-right">
|
|
{formatPlainMoney(result.raw.total_payout_minor, result.raw.currency_code)}
|
|
</TableCell>
|
|
<TableCell>—</TableCell>
|
|
</TableRow>
|
|
{result.raw.settlement_batches.length > 0 ? (
|
|
<TableRow className="bg-muted/20">
|
|
<TableCell colSpan={8} className="py-2 text-xs font-medium text-muted-foreground">
|
|
{t("preview.sections.settlementBatches")}
|
|
</TableCell>
|
|
</TableRow>
|
|
) : null}
|
|
{result.raw.settlement_batches.map((batch) => (
|
|
<TableRow key={batch.id} className="bg-muted/10">
|
|
<TableCell>#{batch.id}</TableCell>
|
|
<TableCell>
|
|
<AdminStatusBadge status={batch.status}>
|
|
{settlementBatchStatusLabel(batch.status, t)}
|
|
</AdminStatusBadge>
|
|
</TableCell>
|
|
<TableCell className="text-right">{batch.total_ticket_count}</TableCell>
|
|
<TableCell className="text-right">{batch.total_win_count}</TableCell>
|
|
<TableCell className="text-right">—</TableCell>
|
|
<TableCell className="text-right">
|
|
{formatPlainMoney(batch.total_payout_amount, result.raw.currency_code)}
|
|
</TableCell>
|
|
<TableCell className="text-right">
|
|
{formatPlainMoney(batch.total_jackpot_payout_amount, result.raw.currency_code)}
|
|
</TableCell>
|
|
<TableCell>{formatTs(batch.finished_at)}</TableCell>
|
|
</TableRow>
|
|
))}
|
|
</TableBody>
|
|
</Table>
|
|
);
|
|
|
|
case "daily_profit":
|
|
return (
|
|
<Table>
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableHead>{t("preview.columns.dailyProfit.primary")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.dailyProfit.metricA")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.dailyProfit.metricB")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.dailyProfit.metricC")}</TableHead>
|
|
</TableRow>
|
|
</TableHeader>
|
|
<TableBody>
|
|
{result.raw.map((item) => (
|
|
<TableRow key={item.business_date}>
|
|
<TableCell className="font-medium">{item.business_date}</TableCell>
|
|
<TableCell className="text-right">
|
|
{formatPlainMoney(item.total_bet_minor, displayCurrency)}
|
|
</TableCell>
|
|
<TableCell className="text-right">
|
|
{formatPlainMoney(item.total_payout_minor, displayCurrency)}
|
|
</TableCell>
|
|
<TableCell className={signedProfitCell(item.approx_house_gross_minor, displayCurrency)}>
|
|
{formatPlainMoney(item.approx_house_gross_minor, displayCurrency)}
|
|
</TableCell>
|
|
</TableRow>
|
|
))}
|
|
</TableBody>
|
|
</Table>
|
|
);
|
|
|
|
case "player_win_loss":
|
|
return (
|
|
<Table>
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableHead>{t("preview.columns.playerWinLoss.primary")}</TableHead>
|
|
<TableHead>{t("preview.columns.playerWinLoss.secondary")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.playerWinLoss.metricA")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.playerWinLoss.metricB")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.playerWinLoss.metricC")}</TableHead>
|
|
</TableRow>
|
|
</TableHeader>
|
|
<TableBody>
|
|
{result.raw.map((item) => (
|
|
<TableRow key={item.player_id}>
|
|
<TableCell className="font-medium">{item.username}</TableCell>
|
|
<TableCell className="text-xs">
|
|
{adminAgentDisplayLabel(item)}
|
|
<span className="mt-0.5 block text-muted-foreground">ID {item.player_id}</span>
|
|
</TableCell>
|
|
<TableCell className="text-right">
|
|
{formatPlainMoney(item.total_bet_minor, displayCurrency)}
|
|
</TableCell>
|
|
<TableCell className="text-right">
|
|
{formatPlainMoney(item.total_payout_minor, displayCurrency)}
|
|
</TableCell>
|
|
<TableCell className={signedProfitCell(item.net_win_loss_minor, displayCurrency)}>
|
|
{formatPlainMoney(item.net_win_loss_minor, displayCurrency)}
|
|
</TableCell>
|
|
</TableRow>
|
|
))}
|
|
</TableBody>
|
|
</Table>
|
|
);
|
|
|
|
case "play_dimension":
|
|
return (
|
|
<Table>
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableHead>{t("preview.columns.playDimension.primary")}</TableHead>
|
|
<TableHead>{t("preview.columns.playDimension.secondary")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.playDimension.metricA")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.playDimension.metricB")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.playDimension.metricC")}</TableHead>
|
|
</TableRow>
|
|
</TableHeader>
|
|
<TableBody>
|
|
{result.raw.map((item) => (
|
|
<TableRow key={`${item.play_code}-${item.dimension}`}>
|
|
<TableCell className="font-medium">{playCodeLabel(item.play_code)}</TableCell>
|
|
<TableCell>{item.dimension}D</TableCell>
|
|
<TableCell className="text-right">
|
|
{formatPlainMoney(item.total_bet_minor, displayCurrency)}
|
|
</TableCell>
|
|
<TableCell className="text-right">
|
|
{formatPlainMoney(item.total_payout_minor, displayCurrency)}
|
|
</TableCell>
|
|
<TableCell className={signedProfitCell(item.approx_house_gross_minor, displayCurrency)}>
|
|
{formatPlainMoney(item.approx_house_gross_minor, displayCurrency)}
|
|
</TableCell>
|
|
</TableRow>
|
|
))}
|
|
</TableBody>
|
|
</Table>
|
|
);
|
|
|
|
case "player_transfer":
|
|
return (
|
|
<Table>
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableHead>{t("preview.columns.playerTransfer.primary")}</TableHead>
|
|
<TableHead>{t("preview.columns.playerTransfer.secondary")}</TableHead>
|
|
<TableHead>{t("preview.columns.playerTransfer.metricA")}</TableHead>
|
|
<TableHead>{t("preview.columns.playerTransfer.metricB")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.playerTransfer.metricC")}</TableHead>
|
|
<TableHead>{t("preview.columns.playerTransfer.status")}</TableHead>
|
|
<TableHead>{t("preview.columns.playerTransfer.time")}</TableHead>
|
|
</TableRow>
|
|
</TableHeader>
|
|
<TableBody>
|
|
{result.raw.map((item) => (
|
|
<TableRow key={item.id}>
|
|
<TableCell className="font-mono text-xs">{item.transfer_no}</TableCell>
|
|
<TableCell>{optionText(item.username, item.nickname) || item.player_id}</TableCell>
|
|
<TableCell>{reportValueLabel("transferDirection", item.direction, t)}</TableCell>
|
|
<TableCell>
|
|
<AdminStatusBadge status={item.status}>
|
|
{reportValueLabel("transferStatus", item.status, t)}
|
|
</AdminStatusBadge>
|
|
</TableCell>
|
|
<TableCell className="text-right">
|
|
{item.currency_code} {item.amount}
|
|
</TableCell>
|
|
<TableCell className="max-w-[12rem] truncate">{item.external_ref_no || "—"}</TableCell>
|
|
<TableCell>{formatTs(item.created_at)}</TableCell>
|
|
</TableRow>
|
|
))}
|
|
</TableBody>
|
|
</Table>
|
|
);
|
|
|
|
case "hot_number_risk":
|
|
return (
|
|
<div className="space-y-4">
|
|
<Table>
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableHead>{t("preview.columns.hotNumberRisk.primary")}</TableHead>
|
|
<TableHead>{t("preview.columns.hotNumberRisk.secondary")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.hotNumberRisk.metricA")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.hotNumberRisk.metricB")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.hotNumberRisk.metricC")}</TableHead>
|
|
<TableHead>{t("preview.columns.hotNumberRisk.status")}</TableHead>
|
|
<TableHead>{t("preview.columns.hotNumberRisk.extra")}</TableHead>
|
|
</TableRow>
|
|
</TableHeader>
|
|
<TableBody>
|
|
<TableRow>
|
|
<TableCell className="font-medium">{result.raw.pool.normalized_number}</TableCell>
|
|
<TableCell>{result.raw.draw_no}</TableCell>
|
|
<TableCell className="text-right">
|
|
{formatPlainMoney(result.raw.pool.total_cap_amount, result.raw.currency_code)}
|
|
</TableCell>
|
|
<TableCell className="text-right">
|
|
{formatPlainMoney(result.raw.pool.locked_amount, result.raw.currency_code)}
|
|
</TableCell>
|
|
<TableCell className="text-right">
|
|
{formatPlainMoney(result.raw.pool.remaining_amount, result.raw.currency_code)}
|
|
</TableCell>
|
|
<TableCell>{result.raw.pool.is_sold_out ? t("yes") : t("no")}</TableCell>
|
|
<TableCell>{formatUsagePercent(result.raw.pool.usage_ratio)}</TableCell>
|
|
</TableRow>
|
|
</TableBody>
|
|
</Table>
|
|
{result.raw.logs.items.length > 0 ? (
|
|
<Table>
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableHead>{t("preview.sections.lockLogs")}</TableHead>
|
|
<TableHead>{t("preview.columns.hotNumberRisk.secondary")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.hotNumberRisk.metricA")}</TableHead>
|
|
<TableHead>{t("preview.columns.hotNumberRisk.metricB")}</TableHead>
|
|
<TableHead>{t("preview.columns.hotNumberRisk.metricC")}</TableHead>
|
|
<TableHead>{t("preview.columns.hotNumberRisk.time")}</TableHead>
|
|
</TableRow>
|
|
</TableHeader>
|
|
<TableBody>
|
|
{result.raw.logs.items.map((item) => (
|
|
<TableRow key={item.id}>
|
|
<TableCell className="font-mono text-xs">#{item.id}</TableCell>
|
|
<TableCell>{riskActionTypeLabel(item.action_type, t)}</TableCell>
|
|
<TableCell className="text-right">
|
|
{formatPlainMoney(item.amount, result.raw.currency_code)}
|
|
</TableCell>
|
|
<TableCell>{playCodeLabel(item.play_code)}</TableCell>
|
|
<TableCell>{item.ticket_no || "—"}</TableCell>
|
|
<TableCell>{formatTs(item.created_at)}</TableCell>
|
|
</TableRow>
|
|
))}
|
|
</TableBody>
|
|
</Table>
|
|
) : null}
|
|
</div>
|
|
);
|
|
|
|
case "sold_out_number":
|
|
return (
|
|
<Table>
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableHead>{t("preview.columns.soldOut.primary")}</TableHead>
|
|
<TableHead>{t("preview.columns.soldOut.secondary")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.soldOut.metricA")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.soldOut.metricB")}</TableHead>
|
|
<TableHead className="text-right">{t("preview.columns.soldOut.metricC")}</TableHead>
|
|
<TableHead>{t("preview.columns.soldOut.status")}</TableHead>
|
|
<TableHead>{t("preview.columns.soldOut.extra")}</TableHead>
|
|
</TableRow>
|
|
</TableHeader>
|
|
<TableBody>
|
|
{result.raw.map((item) => (
|
|
<TableRow key={item.normalized_number}>
|
|
<TableCell className="font-medium">{item.normalized_number}</TableCell>
|
|
<TableCell>{drawNoLabel}</TableCell>
|
|
<TableCell className="text-right">
|
|
{formatPlainMoney(item.total_cap_amount, displayCurrency)}
|
|
</TableCell>
|
|
<TableCell className="text-right">
|
|
{formatPlainMoney(item.locked_amount, displayCurrency)}
|
|
</TableCell>
|
|
<TableCell className="text-right">
|
|
{formatPlainMoney(item.remaining_amount, displayCurrency)}
|
|
</TableCell>
|
|
<TableCell>{item.is_sold_out ? t("yes") : t("no")}</TableCell>
|
|
<TableCell>{formatUsagePercent(item.usage_ratio)}</TableCell>
|
|
</TableRow>
|
|
))}
|
|
</TableBody>
|
|
</Table>
|
|
);
|
|
|
|
case "admin_audit":
|
|
return (
|
|
<Table>
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableHead>{t("preview.columns.adminAudit.primary")}</TableHead>
|
|
<TableHead>{t("preview.columns.adminAudit.secondary")}</TableHead>
|
|
<TableHead>{t("preview.columns.adminAudit.metricA")}</TableHead>
|
|
<TableHead>{t("preview.columns.adminAudit.metricB")}</TableHead>
|
|
<TableHead>{t("preview.columns.adminAudit.metricC")}</TableHead>
|
|
<TableHead>{t("preview.columns.adminAudit.status")}</TableHead>
|
|
<TableHead>{t("preview.columns.adminAudit.time")}</TableHead>
|
|
</TableRow>
|
|
</TableHeader>
|
|
<TableBody>
|
|
{result.raw.map((item) => (
|
|
<TableRow key={item.id}>
|
|
<TableCell className="font-mono text-xs">#{item.id}</TableCell>
|
|
<TableCell>{reportValueLabel("operatorType", item.operator_type, t)}</TableCell>
|
|
<TableCell>{item.operator_id}</TableCell>
|
|
<TableCell>{item.module_label || item.module_code}</TableCell>
|
|
<TableCell>{item.action_label || item.action_code}</TableCell>
|
|
<TableCell>{item.target_label || item.target_type || "—"}</TableCell>
|
|
<TableCell>{formatTs(item.created_at)}</TableCell>
|
|
</TableRow>
|
|
))}
|
|
</TableBody>
|
|
</Table>
|
|
);
|
|
|
|
default:
|
|
return <AdminLoadingInline />;
|
|
}
|
|
}
|