统一菜单命名并移除剩余台账工具（05-31-unified-menu-remove-ledger-tools-wave2）

client/src/pages/InvoicePoolPage.tsx

@@ -87,7 +87,7 @@ export function InvoicePoolPage() {
   const [editTotalAmount, setEditTotalAmount] = useState("");
   const [error, setError] = useState("");
   const [confirmAction, setConfirmAction] = useState<{ type: string; invoiceId: string } | null>(null);
-  const [showLedgerTools, setShowLedgerTools] = useState(false);
+  const [invoiceActionPanel, setInvoiceActionPanel] = useState<"upload" | "bind" | null>(null);
   const previousDetailStatusRef = useRef<InvoicePoolStatus | null>(null);
 
   // --- Queries ---
@@ -473,7 +473,7 @@ export function InvoicePoolPage() {
   return (
     <ListWorkspace>
       <WorkspaceHeader
-        title="票据中心"
+        title="票据"
         actions={
           <div className="flex flex-wrap gap-2">
             {isInvoiceDetailMode ? (
@@ -481,9 +481,42 @@ export function InvoicePoolPage() {
                 返回列表
               </Button>
             ) : (
-              <Button type="button" variant={showLedgerTools ? "default" : "secondary"} onClick={() => setShowLedgerTools((current) => !current)}>
-                台账工具
-              </Button>
+              <>
+                <Button
+                  type="button"
+                  variant={invoiceActionPanel === "upload" ? "default" : "secondary"}
+                  onClick={() => setInvoiceActionPanel((current) => (current === "upload" ? null : "upload"))}
+                >
+                  上传票据
+                </Button>
+                <Button
+                  type="button"
+                  variant={invoiceActionPanel === "bind" ? "default" : "secondary"}
+                  onClick={() => setInvoiceActionPanel((current) => (current === "bind" ? null : "bind"))}
+                >
+                  绑定
+                </Button>
+                <DropdownMenu>
+                  <DropdownMenuTrigger asChild>
+                    <Button
+                      data-testid="invoice-export"
+                      type="button"
+                      variant="secondary"
+                      disabled={exportMutation.isPending}
+                    >
+                      {exportMutation.isPending ? "导出中..." : "导出"}
+                    </Button>
+                  </DropdownMenuTrigger>
+                  <DropdownMenuContent align="end">
+                    <DropdownMenuItem data-testid="invoice-export-csv" onSelect={() => exportMutation.mutate("csv")}>
+                      导出 CSV
+                    </DropdownMenuItem>
+                    <DropdownMenuItem data-testid="invoice-export-xlsx" onSelect={() => exportMutation.mutate("xlsx")}>
+                      导出 Excel
+                    </DropdownMenuItem>
+                  </DropdownMenuContent>
+                </DropdownMenu>
+              </>
             )}
           </div>
         }
@@ -495,66 +528,45 @@ export function InvoicePoolPage() {
         </p>
       ) : null}
 
-      {!isInvoiceDetailMode && showLedgerTools ? (
-        <div className="finance-command-panel space-y-3" data-testid="invoice-ledger-tools">
-          <div className="flex flex-col gap-3 md:flex-row md:items-start md:justify-between">
-            <div>
-              <h3 className="text-base font-semibold text-zinc-900">台账工具</h3>
-            </div>
-            <DropdownMenu>
-              <DropdownMenuTrigger asChild>
-                <Button
-                  data-testid="invoice-export"
-                  type="button"
-                  variant="secondary"
-                  disabled={exportMutation.isPending}
-                >
-                  {exportMutation.isPending ? "导出中..." : "导出"}
-                </Button>
-              </DropdownMenuTrigger>
-              <DropdownMenuContent align="end">
-                <DropdownMenuItem data-testid="invoice-export-csv" onSelect={() => exportMutation.mutate("csv")}>
-                  导出 CSV
-                </DropdownMenuItem>
-                <DropdownMenuItem data-testid="invoice-export-xlsx" onSelect={() => exportMutation.mutate("xlsx")}>
-                  导出 Excel
-                </DropdownMenuItem>
-              </DropdownMenuContent>
-            </DropdownMenu>
-          </div>
-          <InvoiceUploadCard
-            selectedFiles={selectedFiles}
-            setSelectedFiles={setSelectedFiles}
-            isUploading={uploadMutation.isPending}
-            uploadProgressLabel={
-              uploadProgress
-                ? `上传中 ${uploadProgress.completed}/${uploadProgress.total}`
-                : "上传中..."
-            }
-            onUpload={() => uploadMutation.mutate()}
-            showProxyOwnerSelector={showProxyOwnerSelector}
-            proxyDelegationsQuery={proxyDelegationsQuery}
-            uploadOwnerEmployeeId={uploadOwnerEmployeeId}
-            setUploadOwnerEmployeeId={setUploadOwnerEmployeeId}
-          />
-          <InvoiceBindCard
-            listQuery={listQuery}
-            reimbursementQuery={reimbursementQuery}
-            travelRequestQuery={travelRequestQuery}
-            travelRequestDetailQuery={travelRequestDetailQuery}
-            bindMutation={bindMutation}
-            bindMode={bindMode}
-            setBindMode={setBindMode}
-            canManageTravelPayments={canManageTravelPayments}
-            selectedInvoiceId={selectedInvoiceId}
-            setSelectedInvoiceId={setSelectedInvoiceId}
-            selectedReimbursementId={selectedReimbursementId}
-            setSelectedReimbursementId={setSelectedReimbursementId}
-            selectedTravelRequestId={selectedTravelRequestId}
-            setSelectedTravelRequestId={setSelectedTravelRequestId}
-            selectedTravelOrderId={selectedTravelOrderId}
-            setSelectedTravelOrderId={setSelectedTravelOrderId}
-          />
+      {!isInvoiceDetailMode && invoiceActionPanel ? (
+        <div className="finance-command-panel space-y-3" data-testid="invoice-actions-panel">
+          {invoiceActionPanel === "upload" ? (
+            <InvoiceUploadCard
+              selectedFiles={selectedFiles}
+              setSelectedFiles={setSelectedFiles}
+              isUploading={uploadMutation.isPending}
+              uploadProgressLabel={
+                uploadProgress
+                  ? `上传中 ${uploadProgress.completed}/${uploadProgress.total}`
+                  : "上传中..."
+              }
+              onUpload={() => uploadMutation.mutate()}
+              showProxyOwnerSelector={showProxyOwnerSelector}
+              proxyDelegationsQuery={proxyDelegationsQuery}
+              uploadOwnerEmployeeId={uploadOwnerEmployeeId}
+              setUploadOwnerEmployeeId={setUploadOwnerEmployeeId}
+            />
+          ) : null}
+          {invoiceActionPanel === "bind" ? (
+            <InvoiceBindCard
+              listQuery={listQuery}
+              reimbursementQuery={reimbursementQuery}
+              travelRequestQuery={travelRequestQuery}
+              travelRequestDetailQuery={travelRequestDetailQuery}
+              bindMutation={bindMutation}
+              bindMode={bindMode}
+              setBindMode={setBindMode}
+              canManageTravelPayments={canManageTravelPayments}
+              selectedInvoiceId={selectedInvoiceId}
+              setSelectedInvoiceId={setSelectedInvoiceId}
+              selectedReimbursementId={selectedReimbursementId}
+              setSelectedReimbursementId={setSelectedReimbursementId}
+              selectedTravelRequestId={selectedTravelRequestId}
+              setSelectedTravelRequestId={setSelectedTravelRequestId}
+              selectedTravelOrderId={selectedTravelOrderId}
+              setSelectedTravelOrderId={setSelectedTravelOrderId}
+            />
+          ) : null}
         </div>
       ) : null}