From b50b084100dc9bacc5353db7c99b2741ebd3e60e Mon Sep 17 00:00:00 2001
From: shunli <shunli@qq.com>
Date: Fri, 6 Mar 2026 11:18:57 +0800
Subject: [PATCH] =?UTF-8?q?refactor(ui):=20[UI8]=20=E8=A1=A5=E9=BD=90?=
 =?UTF-8?q?=E5=85=A8=E5=B1=80=E5=BC=82=E5=B8=B8=E5=8D=A1=E7=89=87=E8=BE=B9?=
 =?UTF-8?q?=E8=B7=9D=E5=B9=B6=E7=BB=9F=E4=B8=80=E5=89=A9=E4=BD=99=E4=B8=8B?=
 =?UTF-8?q?=E6=8B=89=E8=A1=A8=E5=8D=95=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/common/EmptyStateCard.tsx    |  2 +-
 client/src/components/ui/input.tsx                 |  2 +-
 client/src/pages/ApprovalRulesPage.tsx             | 12 ++++++------
 client/src/pages/DepartmentsPage.tsx               |  2 +-
 client/src/pages/ForbiddenPage.tsx                 |  2 +-
 client/src/pages/NotFoundPage.tsx                  |  2 +-
 client/src/pages/ReimbursementsPage.tsx            |  2 +-
 client/src/pages/UserManagementPage.tsx            | 14 +++++++-------
 client/src/pages/WorkflowTaskDetailPage.tsx        |  2 +-
 .../reimbursement-detail/ReimbursementActions.tsx  |  2 +-
 .../ReimbursementItemEditor.tsx                    |  2 +-
 .../src/pages/user-management/CreateUserDialog.tsx |  4 ++--
 12 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/client/src/components/common/EmptyStateCard.tsx b/client/src/components/common/EmptyStateCard.tsx
index 6441d0f5..6663fa55 100644
--- a/client/src/components/common/EmptyStateCard.tsx
+++ b/client/src/components/common/EmptyStateCard.tsx
@@ -8,7 +8,7 @@ type EmptyStateCardProps = {
 
 export function EmptyStateCard({ title, description, footer }: EmptyStateCardProps) {
   return (
-    <section className="card-std">
+    <section className="card-std p-8">
       <h3 className="card-title">{title}</h3>
       <p className="card-desc">{description}</p>
       {footer ? <div className="mt-4">{footer}</div> : null}
diff --git a/client/src/components/ui/input.tsx b/client/src/components/ui/input.tsx
index 727c5283..eb2961b0 100644
--- a/client/src/components/ui/input.tsx
+++ b/client/src/components/ui/input.tsx
@@ -9,7 +9,7 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
       <input
         type={type}
         className={cn(
-          "flex h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm text-zinc-900 placeholder:text-zinc-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-200 disabled:cursor-not-allowed disabled:opacity-50",
+          "flex select-std text-zinc-900 placeholder:text-zinc-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-200 disabled:cursor-not-allowed disabled:opacity-50",
           className,
         )}
         ref={ref}
diff --git a/client/src/pages/ApprovalRulesPage.tsx b/client/src/pages/ApprovalRulesPage.tsx
index de91ebbd..538a7215 100644
--- a/client/src/pages/ApprovalRulesPage.tsx
+++ b/client/src/pages/ApprovalRulesPage.tsx
@@ -208,7 +208,7 @@ export function ApprovalRulesPage() {
             <select
               id="level1Role"
               data-testid="approval-rules-create-level1"
-              className="h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
+              className="select-std"
               value={level1Role}
               onChange={(event) => setLevel1Role(event.target.value as ApprovalRoleCode)}
             >
@@ -225,7 +225,7 @@ export function ApprovalRulesPage() {
             <select
               id="level2Role"
               data-testid="approval-rules-create-level2"
-              className="h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
+              className="select-std"
               value={level2Role}
               onChange={(event) => setLevel2Role(event.target.value as ApprovalRoleCode)}
             >
@@ -243,7 +243,7 @@ export function ApprovalRulesPage() {
             <select
               id="level3Role"
               data-testid="approval-rules-create-level3"
-              className="h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
+              className="select-std"
               value={level3Role}
               onChange={(event) => setLevel3Role(event.target.value as ApprovalRoleCode)}
             >
@@ -429,7 +429,7 @@ export function ApprovalRulesPage() {
               <select
                 id="editRuleLevel1"
                 data-testid="approval-rule-edit-level1"
-                className="h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
+                className="select-std"
                 value={level1Role}
                 onChange={(event) => setLevel1Role(event.target.value as ApprovalRoleCode)}
               >
@@ -446,7 +446,7 @@ export function ApprovalRulesPage() {
               <select
                 id="editRuleLevel2"
                 data-testid="approval-rule-edit-level2"
-                className="h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
+                className="select-std"
                 value={level2Role}
                 onChange={(event) => setLevel2Role(event.target.value as ApprovalRoleCode)}
               >
@@ -464,7 +464,7 @@ export function ApprovalRulesPage() {
               <select
                 id="editRuleLevel3"
                 data-testid="approval-rule-edit-level3"
-                className="h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
+                className="select-std"
                 value={level3Role}
                 onChange={(event) => setLevel3Role(event.target.value as ApprovalRoleCode)}
               >
diff --git a/client/src/pages/DepartmentsPage.tsx b/client/src/pages/DepartmentsPage.tsx
index 49eab4b9..4e7aefea 100644
--- a/client/src/pages/DepartmentsPage.tsx
+++ b/client/src/pages/DepartmentsPage.tsx
@@ -135,7 +135,7 @@ export function DepartmentsPage() {
             <select
               id="deptParent"
               data-testid="departments-create-parent"
-              className="h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
+              className="select-std"
               value={parentId}
               onChange={(event) => setParentId(event.target.value)}
             >
diff --git a/client/src/pages/ForbiddenPage.tsx b/client/src/pages/ForbiddenPage.tsx
index c52884c1..e2cc02a8 100644
--- a/client/src/pages/ForbiddenPage.tsx
+++ b/client/src/pages/ForbiddenPage.tsx
@@ -3,7 +3,7 @@ import { Link } from "react-router-dom";
 export function ForbiddenPage() {
   return (
     <div className="flex min-h-screen items-center justify-center bg-background-light p-6">
-      <div className="card-std max-w-lg text-center">
+      <div className="card-std p-8 max-w-lg text-center">
         <p className="text-sm font-semibold uppercase tracking-wide text-primary">403</p>
         <h1 className="mt-2 text-2xl font-bold text-zinc-900">无权限访问</h1>
         <p className="mt-2 text-sm text-secondary">
diff --git a/client/src/pages/NotFoundPage.tsx b/client/src/pages/NotFoundPage.tsx
index e51ab909..e60991e9 100644
--- a/client/src/pages/NotFoundPage.tsx
+++ b/client/src/pages/NotFoundPage.tsx
@@ -3,7 +3,7 @@ import { Link } from "react-router-dom";
 export function NotFoundPage() {
   return (
     <div className="flex min-h-screen items-center justify-center bg-background-light p-6">
-      <div className="card-std max-w-lg text-center">
+      <div className="card-std p-8 max-w-lg text-center">
         <p className="text-sm font-semibold uppercase tracking-wide text-primary">404</p>
         <h1 className="mt-2 text-2xl font-bold text-zinc-900">页面不存在</h1>
         <p className="mt-2 text-sm text-secondary">请检查地址，或返回工作台首页继续操作。</p>
diff --git a/client/src/pages/ReimbursementsPage.tsx b/client/src/pages/ReimbursementsPage.tsx
index b97893ca..496ab926 100644
--- a/client/src/pages/ReimbursementsPage.tsx
+++ b/client/src/pages/ReimbursementsPage.tsx
@@ -95,7 +95,7 @@ export function ReimbursementsPage() {
           <div className="flex flex-col gap-2 sm:flex-row sm:items-center">
             {showProxyOwnerSelector ? (
               <select
-                className="h-11 rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
+                className="select-std"
                 data-testid="reimbursements-owner-select"
                 onChange={(event) => setProxyOwnerEmployeeId(event.target.value)}
                 value={proxyOwnerEmployeeId}
diff --git a/client/src/pages/UserManagementPage.tsx b/client/src/pages/UserManagementPage.tsx
index b0f51b23..49d588f4 100644
--- a/client/src/pages/UserManagementPage.tsx
+++ b/client/src/pages/UserManagementPage.tsx
@@ -188,7 +188,7 @@ export function UserManagementPage() {
             placeholder="搜索工号/姓名/手机号/邮箱"
           />
           <select
-            className="h-11 rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
+            className="select-std w-auto"
             data-testid="users-status-filter"
             value={status}
             onChange={(e) => {
@@ -197,8 +197,8 @@ export function UserManagementPage() {
             }}
           >
             <option value="">全部状态</option>
-            <option value="active">active</option>
-            <option value="archived">archived</option>
+            <option value="active">生效中</option>
+            <option value="archived">已停用</option>
           </select>
         </div>
 
@@ -207,10 +207,10 @@ export function UserManagementPage() {
           <p className="text-sm text-red-600">
             {isApiError(listQuery.error)
               ? `${listQuery.error.code}: ${mapApiErrorMessage(
-                  listQuery.error.code,
-                  listQuery.error.details,
-                  listQuery.error.message,
-                )}`
+                listQuery.error.code,
+                listQuery.error.details,
+                listQuery.error.message,
+              )}`
               : "加载用户列表失败"}
           </p>
         ) : null}
diff --git a/client/src/pages/WorkflowTaskDetailPage.tsx b/client/src/pages/WorkflowTaskDetailPage.tsx
index 0bfe716a..144422b9 100644
--- a/client/src/pages/WorkflowTaskDetailPage.tsx
+++ b/client/src/pages/WorkflowTaskDetailPage.tsx
@@ -219,7 +219,7 @@ export function WorkflowTaskDetailPage() {
         <div className="space-y-2 rounded-lg border border-zinc-200 p-4">
           <p className="text-sm font-medium text-zinc-800">转审</p>
           <select
-            className="h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
+            className="select-std"
             data-testid="workflow-task-transfer-to-approver"
             onChange={(event) => setSelectedApprover(event.target.value)}
             value={selectedApprover}
diff --git a/client/src/pages/reimbursement-detail/ReimbursementActions.tsx b/client/src/pages/reimbursement-detail/ReimbursementActions.tsx
index 3163a29c..aac23040 100644
--- a/client/src/pages/reimbursement-detail/ReimbursementActions.tsx
+++ b/client/src/pages/reimbursement-detail/ReimbursementActions.tsx
@@ -95,7 +95,7 @@ export function ReimbursementActions({
             value={paymentDate}
           />
           <select
-            className="h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
+            className="select-std"
             data-testid="reimbursement-pay-channel"
             onChange={(event) =>
               setPaymentChannel(event.target.value as PaymentChannel)
diff --git a/client/src/pages/reimbursement-detail/ReimbursementItemEditor.tsx b/client/src/pages/reimbursement-detail/ReimbursementItemEditor.tsx
index 0a745184..3dfe3a3f 100644
--- a/client/src/pages/reimbursement-detail/ReimbursementItemEditor.tsx
+++ b/client/src/pages/reimbursement-detail/ReimbursementItemEditor.tsx
@@ -78,7 +78,7 @@ export function ReimbursementItemEditor({
             费用类型
           </label>
           <select
-            className="h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
+            className="select-std"
             data-testid="reimbursement-item-expense-type"
             disabled={expenseTypes.length === 0 || isPending}
             id="expenseTypeId"
diff --git a/client/src/pages/user-management/CreateUserDialog.tsx b/client/src/pages/user-management/CreateUserDialog.tsx
index f3b2584d..dc0ba5f0 100644
--- a/client/src/pages/user-management/CreateUserDialog.tsx
+++ b/client/src/pages/user-management/CreateUserDialog.tsx
@@ -167,7 +167,7 @@ export function CreateUserDialog({
             <select
               id="departmentId"
               data-testid="users-create-department"
-              className="h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
+              className="select-std"
               value={departmentId}
               onChange={(event) => setDepartmentId(event.target.value)}
             >
@@ -187,7 +187,7 @@ export function CreateUserDialog({
             <select
               id="directManagerId"
               data-testid="users-create-direct-manager"
-              className="h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
+              className="select-std"
               value={directManagerId}
               onChange={(event) => setDirectManagerId(event.target.value)}
             >