refactor: update agent API schemas, standardize UI text styling, and enhance settlement credit ledger components
This commit is contained in:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user