refactor(ui): [UI8] 彻底移除遗留Card并补充下拉框中文化

client/src/pages/DelegationsPage.tsx

@@ -9,7 +9,6 @@ import { PageHeader } from "../components/common/PageHeader";
 import { TableSkeleton } from "../components/common/TableSkeleton";
 import { StatusBadge } from "../components/common/StatusBadge";
 import { Button } from "../components/ui/button";
-import { Input } from "../components/ui/input";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../components/ui/table";
 
 export function DelegationsPage() {
@@ -79,7 +78,7 @@ export function DelegationsPage() {
         <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600">{error}</p>
       ) : null}
 
-      <div className="card-std space-y-4">
+      <div className="card-std p-6 space-y-4">
         <h3 className="text-base font-semibold text-zinc-900">创建委派</h3>
 
         <div className="grid gap-3 md:grid-cols-2">
@@ -111,14 +110,15 @@ export function DelegationsPage() {
               onChange={(event) => setScope(event.target.value as "all" | "reimbursement_submit")}
               value={scope}
             >
-              <option value="all">all</option>
-              <option value="reimbursement_submit">reimbursement_submit</option>
+              <option value="all">任意单据（全权代理）</option>
+              <option value="reimbursement_submit">仅限提交报销单</option>
             </select>
           </label>
 
           <label className="space-y-1 text-sm md:col-span-2">
             <span className="font-medium text-zinc-700">有效期结束（可选）</span>
-            <Input
+            <input
+              className="input-std"
               data-testid="delegations-create-valid-to"
               onChange={(event) => setValidTo(event.target.value)}
               type="datetime-local"
@@ -139,7 +139,7 @@ export function DelegationsPage() {
         </div>
       </div>
 
-      <div className="card-std space-y-4">
+      <div className="card-std p-6 space-y-4">
         <div className="flex flex-wrap items-center justify-between gap-2">
           <h3 className="text-base font-semibold text-zinc-900">我的委派</h3>
           <select
@@ -150,11 +150,11 @@ export function DelegationsPage() {
             }
             value={status}
           >
-            <option value="active">active</option>
-            <option value="scheduled">scheduled</option>
-            <option value="expired">expired</option>
-            <option value="revoked">revoked</option>
-            <option value="all">all</option>
+            <option value="active">生效中</option>
+            <option value="scheduled">未开始</option>
+            <option value="expired">已失效</option>
+            <option value="revoked">已撤销</option>
+            <option value="all">全状态</option>
           </select>
         </div>