R96 U1-U7 精简页面设计与文案
这个提交包含在:
@@ -185,7 +185,7 @@ export function WorkflowTaskDetailPage() {
|
||||
<PageScaffold>
|
||||
<EntityOverviewHero
|
||||
title={`任务详情 ${detail.task.stepName}`}
|
||||
subtitle="在同一工作台内查看审批对象摘要、处理动作和历史留痕。"
|
||||
subtitle="查看摘要并处理。"
|
||||
meta={(
|
||||
<>
|
||||
<StatusBadge status={detail.task.status} />
|
||||
@@ -203,7 +203,7 @@ export function WorkflowTaskDetailPage() {
|
||||
|
||||
<div className="detail-shell-grid">
|
||||
<div className="space-y-6">
|
||||
<SectionPanel title="审批对象摘要" description="先看对象主信息,再决定通过、驳回、退回或转审。">
|
||||
<SectionPanel title="审批对象摘要">
|
||||
<div className="space-y-4" data-testid="workflow-task-overview">
|
||||
<div className="grid gap-3 md:grid-cols-2 xl:grid-cols-4">
|
||||
<div className="rounded-lg border border-zinc-200 px-4 py-3 text-sm">
|
||||
@@ -291,7 +291,7 @@ export function WorkflowTaskDetailPage() {
|
||||
|
||||
{detail.workflowInstance?.entityType === "reimbursement" &&
|
||||
detail.workflowInstance.contextData.standardViolations.length ? (
|
||||
<SectionPanel title="费用标准提示" description="以下明细在提交时已被标记为超出费用标准,供审批判断时参考。">
|
||||
<SectionPanel title="费用标准提示">
|
||||
<div className="space-y-2">
|
||||
{detail.workflowInstance.contextData.standardViolations.map((item) => (
|
||||
<div
|
||||
@@ -314,7 +314,7 @@ export function WorkflowTaskDetailPage() {
|
||||
</SectionPanel>
|
||||
) : null}
|
||||
|
||||
<SectionPanel title="审批动作" description="把通过、驳回、退回和转审统一收口在同一块操作区。">
|
||||
<SectionPanel title="审批动作">
|
||||
<div className="space-y-4">
|
||||
{actionError ? (
|
||||
<p
|
||||
@@ -415,7 +415,7 @@ export function WorkflowTaskDetailPage() {
|
||||
</div>
|
||||
</SectionPanel>
|
||||
|
||||
<SectionPanel title="处理历史" description="所有审批动作、意见和处理人统一留痕。">
|
||||
<SectionPanel title="处理历史">
|
||||
<div className="space-y-2">
|
||||
{detail.history.length ? (
|
||||
detail.history.map((item) => (
|
||||
@@ -435,7 +435,7 @@ export function WorkflowTaskDetailPage() {
|
||||
</div>
|
||||
|
||||
<div className="space-y-6">
|
||||
<DetailSideMeta title="任务摘要" description="帮助审批人先判断节点、对象和时间,再决定处理动作。">
|
||||
<DetailSideMeta title="任务摘要">
|
||||
<div>节点:{detail.task.stepName}</div>
|
||||
<div>实例状态:{detail.workflowInstance?.currentStatus ?? "-"}</div>
|
||||
<div>当前审批角色:{detail.task.assigneeRole ?? "-"}</div>
|
||||
|
||||
在新工单中引用
屏蔽一个用户