收敛 PC 工作台视觉 05-27-pc-frontend-visual-consistency-wave1

client/src/pages/ReimbursementsPage.tsx

@@ -366,30 +366,6 @@ export function ReimbursementsPage() {
         subtitle="草稿、审批和付款状态。"
         actions={
           <div className="flex flex-col gap-2 sm:flex-row sm:items-center">
-            {showProxyOwnerSelector ? (
-              <select
-                className="select-std"
-                data-testid="reimbursements-owner-select"
-                onChange={(event) => setProxyOwnerEmployeeId(event.target.value)}
-                value={proxyOwnerEmployeeId}
-              >
-                <option value="">自己</option>
-                {(proxyDelegationsQuery.data?.received ?? [])
-                  .filter((item) => item.status === "active")
-                  .map((item) => (
-                    <option key={item.id} value={item.principalEmployeeId}>
-                      {item.principal?.name ?? item.principalEmployeeId}
-                    </option>
-                  ))}
-              </select>
-            ) : null}
-
-            {canViewAll ? (
-              <Button asChild variant="secondary" type="button">
-                <Link to="/reimbursements/dashboard">统计分析</Link>
-              </Button>
-            ) : null}
-
             {canCreateExpense ? (
               <DropdownMenu>
                 <DropdownMenuTrigger asChild>
@@ -446,33 +422,6 @@ export function ReimbursementsPage() {
                 </DropdownMenuContent>
               </DropdownMenu>
             ) : null}
-
-            <DropdownMenu>
-              <DropdownMenuTrigger asChild>
-                <Button
-                  data-testid="reimbursements-export"
-                  variant="secondary"
-                  type="button"
-                  disabled={exportMutation.isPending}
-                >
-                  {exportMutation.isPending ? "导出中..." : "导出"}
-                </Button>
-              </DropdownMenuTrigger>
-              <DropdownMenuContent align="end">
-                <DropdownMenuItem
-                  data-testid="reimbursements-export-csv"
-                  onSelect={() => setExportConfirmFormat("csv")}
-                >
-                  导出 CSV
-                </DropdownMenuItem>
-                <DropdownMenuItem
-                  data-testid="reimbursements-export-xlsx"
-                  onSelect={() => setExportConfirmFormat("xlsx")}
-                >
-                  导出 Excel
-                </DropdownMenuItem>
-              </DropdownMenuContent>
-            </DropdownMenu>
           </div>
         }
       />
@@ -547,6 +496,24 @@ export function ReimbursementsPage() {
           </Tabs>
 
           <div className="flex flex-wrap items-center gap-2">
+            {showProxyOwnerSelector ? (
+              <select
+                className="select-sm h-10"
+                data-testid="reimbursements-owner-select"
+                onChange={(event) => setProxyOwnerEmployeeId(event.target.value)}
+                value={proxyOwnerEmployeeId}
+              >
+                <option value="">自己</option>
+                {(proxyDelegationsQuery.data?.received ?? [])
+                  .filter((item) => item.status === "active")
+                  .map((item) => (
+                    <option key={item.id} value={item.principalEmployeeId}>
+                      {item.principal?.name ?? item.principalEmployeeId}
+                    </option>
+                  ))}
+              </select>
+            ) : null}
+
             {canViewAll ? (
               <>
                 <Button
@@ -565,9 +532,39 @@ export function ReimbursementsPage() {
                 >
                   全范围
                 </Button>
+                <Button asChild variant="secondary" type="button">
+                  <Link to="/reimbursements/dashboard">统计分析</Link>
+                </Button>
               </>
             ) : null}
 
+            <DropdownMenu>
+              <DropdownMenuTrigger asChild>
+                <Button
+                  data-testid="reimbursements-export"
+                  variant="secondary"
+                  type="button"
+                  disabled={exportMutation.isPending}
+                >
+                  {exportMutation.isPending ? "导出中..." : "导出"}
+                </Button>
+              </DropdownMenuTrigger>
+              <DropdownMenuContent align="end">
+                <DropdownMenuItem
+                  data-testid="reimbursements-export-csv"
+                  onSelect={() => setExportConfirmFormat("csv")}
+                >
+                  导出 CSV
+                </DropdownMenuItem>
+                <DropdownMenuItem
+                  data-testid="reimbursements-export-xlsx"
+                  onSelect={() => setExportConfirmFormat("xlsx")}
+                >
+                  导出 Excel
+                </DropdownMenuItem>
+              </DropdownMenuContent>
+            </DropdownMenu>
+
             {canShowBatchEntry ? (
               <Button
                 variant={batchMode ? "default" : "secondary"}