9:41
录入本期读数
费用与表类型
费用类型
电费
收费项目
住宅电费·居民一档
抄表类型
户内电表
房屋
楼栋
1栋
单元
2单元
房屋
2203室
读数录入
单位:度
上期度数
3820
06-01 已抄
→
本期度数
4126
键入中
=
差值
+306
同比 -4%
本期须 ≥ 上期,异常差值将标红提示
抄表时间
上期读表时间
2026-06-01 14:20
本期读表时间
2026-07-01 09:12
备注
备注信息(选填)
取消
提交本期读数
录入本期读数(三段式)
🎯 设计要点
核心「上期 → 本期 = 差值」三段并排,操作路径与心智一致
大号 24px 数字输入框,键盘友好、拇指可点
本期高亮蓝框 + 焦点阴影,明确当前正在录入
差值实时计算,超阈值自动切红并给出「同比 -4%」参照
底部粘底提交按钮:主(提交) + 次(取消) 层级明确
🔍 对比原始
✗ 原表单上下堆叠小 input,无差值反馈
✗ 提交按钮红色,与"确认操作"心智相悖
✓ 三段式让抄错立即可见,减少事后返工
← 返回演示目录