DATA VISUALIZATION · 33
流程状态指标卡
Workflow Status Metric Cards
按批转、退回、查阅、办理和评价阶段展示流程总量及逾期状态。
← 返回流程监管流程办理状态摘要Reference · 1570 × 208 px
已批转231
逾期批转34
按期批转297
已退回504
逾期退回34
多次退回114
按期批转356
待查阅843
已查阅614
即将逾期54
未逾期175
待办理618
已逾期34
即将逾期14
未逾期570
已办理726
逾期办理34
按期办理692
已评价808
不满意34
满意34
默认满意760
01
视觉变量
VISUAL TOKENS| 待批转主卡 | #EEF8FF |
| 逾期状态 | #FFF0F0 |
| 即将逾期 | #FFF5EA |
| 正常状态 | #EAFAF6 |
| 信息状态 | #EEF8FF |
02
层级规则
HIERARCHY- 待批转作为流程入口主卡，使用独立浅蓝背景。
- 其余卡片左侧显示阶段总数，右侧拆分具体状态。
- 状态固定使用红、橙、绿、蓝四色语义。
- 两项和三项状态块在卡片内垂直居中排列。
03
使用规则
USAGE- 正文、标签和卡片标题使用 14px。
- 阶段总数为 24px，拆分状态数字为 18px。
- 红色仅表示逾期或不满意，不用于普通强调。
- 不足 1570px 时保持组件宽度并允许横向滚动。