refactor: update agent API schemas, standardize UI text styling, and enhance settlement credit ledger components

This commit is contained in:
2026-06-11 18:02:02 +08:00
parent 44ad51698f
commit 1eb6702c51
54 changed files with 1888 additions and 1103 deletions

View File

@@ -31,7 +31,7 @@ export function SettlementBillSummaryHeader({
const unpaid = bill.unpaid_amount > 0;
return (
<div className="space-y-4 rounded-xl border border-border/70 bg-muted/15 p-4">
<div className="space-y-4 rounded-xl border border-border/70 bg-card p-5 shadow-sm">
<div className="flex flex-wrap items-center gap-2">
<AdminStatusBadge status={bill.status}>
{settlementBillStatusLabel(bill.status, t)}
@@ -60,7 +60,7 @@ export function SettlementBillSummaryHeader({
</div>
<div className="grid gap-2 sm:grid-cols-2">
<div className="rounded-lg border border-border/50 bg-background/80 px-3 py-2">
<div className="rounded-xl border border-border/50 bg-background/50 px-4 py-3">
<p className="text-xs text-muted-foreground">
{t("settlementCenter:columns.paid", { defaultValue: "已收付" })}
</p>
@@ -70,10 +70,10 @@ export function SettlementBillSummaryHeader({
</div>
<div
className={cn(
"rounded-lg border px-3 py-2",
"rounded-xl border px-4 py-3",
unpaid
? "border-amber-200/80 bg-amber-50/80 dark:border-amber-900/50 dark:bg-amber-950/20"
: "border-border/50 bg-background/80",
: "border-border/50 bg-background/50",
)}
>
<p className="text-xs text-muted-foreground">
@@ -125,8 +125,8 @@ export function SettlementBillAmountBreakdown({
}
return (
<div className="space-y-3 rounded-xl border border-border/70 p-4">
<p className="font-medium text-foreground">
<div className="space-y-4 rounded-xl border border-border/70 bg-card p-5 shadow-sm">
<p className="font-semibold tracking-tight text-foreground">
{t("settlementCenter:billDisplay.howAmountWorks", { defaultValue: "金额怎么来的" })}
</p>
@@ -178,18 +178,18 @@ export function SettlementBillPartiesRow({ bill }: SettlementBillPartiesRowProps
const counterparty = resolveBillPartyName(bill, "counterparty", t);
return (
<div className="grid gap-2 text-sm sm:grid-cols-2">
<div className="rounded-lg border border-border/60 bg-muted/15 px-3 py-2">
<div className="grid gap-4 text-sm sm:grid-cols-2">
<div className="rounded-xl border border-border/60 bg-card px-4 py-3.5 shadow-sm">
<p className="text-xs text-muted-foreground">
{t("settlementCenter:billDisplay.billOwner", { defaultValue: "账单主体" })}
</p>
<p className="mt-1 font-medium text-foreground">{owner}</p>
<p className="mt-1 font-semibold text-foreground">{owner}</p>
</div>
<div className="rounded-lg border border-border/60 bg-muted/15 px-3 py-2">
<div className="rounded-xl border border-border/60 bg-card px-4 py-3.5 shadow-sm">
<p className="text-xs text-muted-foreground">
{t("settlementCenter:billDisplay.billCounterparty", { defaultValue: "结算对手" })}
</p>
<p className="mt-1 font-medium text-foreground">{counterparty}</p>
<p className="mt-1 font-semibold text-foreground">{counterparty}</p>
</div>
</div>
);