fix(ui): [UI7-2] 统一全局 Design Tokens,移除冗余字体,修复异常色值引用
这个提交包含在:
@@ -81,13 +81,13 @@ export function DelegationsPage() {
|
||||
) : null}
|
||||
|
||||
<Card className="space-y-4 p-6">
|
||||
<h3 className="text-base font-semibold text-slate-900">创建委派</h3>
|
||||
<h3 className="text-base font-semibold text-zinc-900">创建委派</h3>
|
||||
|
||||
<div className="grid gap-3 md:grid-cols-2">
|
||||
<label className="space-y-1 text-sm">
|
||||
<span className="font-medium text-slate-700">委派给(审批人候选)</span>
|
||||
<span className="font-medium text-zinc-700">委派给(审批人候选)</span>
|
||||
<select
|
||||
className="h-11 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm"
|
||||
className="h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
|
||||
data-testid="delegations-create-delegate"
|
||||
onChange={(event) => setDelegateEmployeeId(event.target.value)}
|
||||
value={delegateEmployeeId}
|
||||
@@ -99,15 +99,15 @@ export function DelegationsPage() {
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
<p className="text-xs text-slate-500">
|
||||
<p className="text-xs text-zinc-500">
|
||||
说明:当前 MVP 未接入员工搜索,这里先复用“转审候选”列表作为可选目标。
|
||||
</p>
|
||||
</label>
|
||||
|
||||
<label className="space-y-1 text-sm">
|
||||
<span className="font-medium text-slate-700">范围</span>
|
||||
<span className="font-medium text-zinc-700">范围</span>
|
||||
<select
|
||||
className="h-11 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm"
|
||||
className="h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
|
||||
data-testid="delegations-create-scope"
|
||||
onChange={(event) => setScope(event.target.value as "all" | "reimbursement_submit")}
|
||||
value={scope}
|
||||
@@ -118,7 +118,7 @@ export function DelegationsPage() {
|
||||
</label>
|
||||
|
||||
<label className="space-y-1 text-sm md:col-span-2">
|
||||
<span className="font-medium text-slate-700">有效期结束(可选)</span>
|
||||
<span className="font-medium text-zinc-700">有效期结束(可选)</span>
|
||||
<Input
|
||||
data-testid="delegations-create-valid-to"
|
||||
onChange={(event) => setValidTo(event.target.value)}
|
||||
@@ -142,9 +142,9 @@ export function DelegationsPage() {
|
||||
|
||||
<Card className="space-y-4 p-6">
|
||||
<div className="flex flex-wrap items-center justify-between gap-2">
|
||||
<h3 className="text-base font-semibold text-slate-900">我的委派</h3>
|
||||
<h3 className="text-base font-semibold text-zinc-900">我的委派</h3>
|
||||
<select
|
||||
className="h-11 rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm"
|
||||
className="h-11 rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
|
||||
data-testid="delegations-status-filter"
|
||||
onChange={(event) =>
|
||||
setStatus(event.target.value as "active" | "scheduled" | "expired" | "revoked" | "all")
|
||||
@@ -175,8 +175,8 @@ export function DelegationsPage() {
|
||||
{listQuery.data ? (
|
||||
<div className="space-y-6">
|
||||
<div>
|
||||
<p className="mb-2 text-sm font-medium text-slate-800">我发起的委派</p>
|
||||
<div className="rounded-lg border border-slate-200">
|
||||
<p className="mb-2 text-sm font-medium text-zinc-800">我发起的委派</p>
|
||||
<div className="rounded-lg border border-zinc-200">
|
||||
<Table data-testid="delegations-initiated-table">
|
||||
<TableHeader>
|
||||
<tr>
|
||||
@@ -211,7 +211,7 @@ export function DelegationsPage() {
|
||||
))
|
||||
) : (
|
||||
<TableRow>
|
||||
<TableCell className="py-3 text-slate-500" colSpan={5}>
|
||||
<TableCell className="py-3 text-zinc-500" colSpan={5}>
|
||||
暂无数据
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
@@ -222,8 +222,8 @@ export function DelegationsPage() {
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p className="mb-2 text-sm font-medium text-slate-800">我接收的委派</p>
|
||||
<div className="rounded-lg border border-slate-200">
|
||||
<p className="mb-2 text-sm font-medium text-zinc-800">我接收的委派</p>
|
||||
<div className="rounded-lg border border-zinc-200">
|
||||
<Table data-testid="delegations-received-table">
|
||||
<TableHeader>
|
||||
<tr>
|
||||
@@ -245,7 +245,7 @@ export function DelegationsPage() {
|
||||
))
|
||||
) : (
|
||||
<TableRow>
|
||||
<TableCell className="py-3 text-slate-500" colSpan={4}>
|
||||
<TableCell className="py-3 text-zinc-500" colSpan={4}>
|
||||
暂无数据
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
|
||||
在新工单中引用
屏蔽一个用户