oa-frontend-pretrial-cleanup 收敛PC试运行前页面风格

client/src/pages/ApOperationsPage.tsx

@@ -272,7 +272,7 @@ export function ApOperationsPage() {
   const canReviewRisk = hasPermission(permissions, "risk.review.manage");
   const canManageTravelPayments = hasPermission(permissions, "travel.payment.manage");
 
-  const [activeTab, setActiveTab] = useState<OperationsTab>("ledger");
+  const [activeTab, setActiveTab] = useState<OperationsTab>("pending");
   const [pendingEntityType, setPendingEntityType] = useState<PendingEntityFilter>("all");
   const [pendingCreatedAtFrom, setPendingCreatedAtFrom] = useState("");
   const [pendingCreatedAtTo, setPendingCreatedAtTo] = useState("");
@@ -618,7 +618,7 @@ export function ApOperationsPage() {
     <ListWorkspace>
       <WorkspaceHeader
         title="财务付款与对账"
-        subtitle="集中处理待付款批次、异常付款、风险标记和对账异常。"
+        subtitle="待付款、异常付款、风险和对账。"
         actions={
           <>
             <Button
@@ -662,29 +662,29 @@ export function ApOperationsPage() {
       ) : null}
 
       <div className="grid gap-4 md:grid-cols-5">
-        <SummaryCard title="台账记录" value={financeLedgerQuery.data?.total ?? "-"} />
         <SummaryCard title="待付款" value={summaryQuery.data?.summary.pendingPaymentCount ?? "-"} />
+        <SummaryCard title="异常" value={summaryQuery.data?.summary.exceptionCount ?? "-"} tone="red" />
         <SummaryCard
           title="部分匹配"
           value={summaryQuery.data?.summary.partialMatchCount ?? "-"}
           tone="amber"
         />
-        <SummaryCard title="异常" value={summaryQuery.data?.summary.exceptionCount ?? "-"} tone="red" />
+        <SummaryCard title="台账记录" value={financeLedgerQuery.data?.total ?? "-"} />
         <SummaryCard
           title="预算超支"
           value={summaryQuery.data?.summary.budgetOverspendCount ?? "-"}
-          tone="emerald"
+          tone="amber"
         />
       </div>
 
       <div className="card-std p-4 md:p-5">
         <Tabs value={activeTab} onValueChange={(value) => setActiveTab(value as OperationsTab)}>
           <TabsList className="flex w-full flex-wrap justify-start gap-1">
-            <TabsTrigger value="ledger">财务台账 {financeLedgerQuery.data?.total ?? 0}</TabsTrigger>
             <TabsTrigger value="pending">待付款 {pendingBatches.length}</TabsTrigger>
             <TabsTrigger value="failed">异常付款 {failedItems.length}</TabsTrigger>
             <TabsTrigger value="risk">风险标记 {filteredRiskFlags.length}</TabsTrigger>
             <TabsTrigger value="reconciliation">对账异常 {partialMatchItems.length}</TabsTrigger>
+            <TabsTrigger value="ledger">财务台账 {financeLedgerQuery.data?.total ?? 0}</TabsTrigger>
           </TabsList>
 
           <TabsContent value="ledger" className="mt-6 space-y-4">