采集协议单 · 状态变更记录展示 Demo
对照用户反馈：① 变更记录有时挤在一行；② 同种类型第二条覆盖第一条。
下方用同一份模拟数据展示「现状」与「建议方案」。
Fresh Mint
对齐审核记录表格风格
问题 1：网格挤行
问题 2：主表字段覆盖写
模拟场景：协议经历多次状态流转（含两次「过期」类操作示意）。
- 现状：主表只存各类型最新时间/描述 → 第二次「过期」会盖掉第一次；四列网格把多类字段摊平，视觉上不像「一条记录一行」。
- 建议：改成与「审核记录」一致的表格流水；每次变更追加一行；同类型可出现多条。
状态变更记录
协议生效时间
2026-03-01 10:20:00
协议过期时间
2026-09-15 18:00:00
协议作废时间
2026-10-01 09:30:00
问题示意：① 生效/过期/作废字段混在同一 4 列网格，作废 3 个字段更容易「挤成一行」；
② 第一次过期（假设 2026-06-01「合同到期提醒」）已被第二次过期描述覆盖，界面上看不到历史。
状态变更记录
| 序号 |
变更类型 |
变更时间 |
状态流转 |
变更说明 |
操作人 |
| 1 |
生效 |
2026-03-01 10:20:00 |
待生效 → 生效中 |
审核通过后生效 |
张三 |
| 2 |
过期 |
2026-06-01 12:00:00 |
生效中 → 已过期 |
合同到期提醒（第一次，保留） |
李四 |
| 3 |
生效 |
2026-07-10 09:00:00 |
已过期 → 生效中 |
续签后重新生效 |
张三 |
| 4 |
过期 |
2026-09-15 18:00:00 |
生效中 → 已过期 |
第二次标记过期（不再覆盖第一条） |
王五 |
| 5 |
作废 |
2026-10-01 09:30:00 |
已过期 → 已作废 |
作废类型：客户主动解约；客户书面申请作废 |
赵六 |
高亮行为同类型「过期」的两条记录 —— 演示 追加不覆盖。
列结构对齐详情里「审核记录」：序号 / 类型 Tag / 时间 / 说明 / 操作人。
状态变更记录
生效
2026-03-01 10:20:00
审核通过后生效
过期
2026-06-01 12:00:00
合同到期提醒（第一次，保留）
生效
2026-07-10 09:00:00
续签后重新生效
过期
2026-09-15 18:00:00
第二次标记过期（不再覆盖第一条）
作废
2026-10-01 09:30:00
作废类型：客户主动解约；客户书面申请作废
卡片行更偏时间线阅读；若要与审核记录视觉统一，优先方案 A。