9:41
收银台
创建费用
搜索
3-2-1502
建筑面积 118.60 平方米
在住
王
业主：王丽华 (138****5721)
欠费缴费
·3
缴费记录
物业服务费
¥ 356.00
周期：2026-04-01 ~ 2026-06-30（3 个月）
到期：2026-06-30
已欠 1 天
停车管理费
¥ 300.00
周期：2026-04-01 ~ 2026-06-30（3 个月）
到期：2026-06-30
已欠 1 天
公摊水费
¥ 42.80
周期：2026-05-01 ~ 2026-05-31
到期：2026-07-15
未到期
已选 2 项 · 合计
¥
656.00
扫码收款
收银台 · 房间收费 (roomPayFee)
🎯 设计要点
房间信息卡片化：编号 / 面积 / 业主一屏可读
欠费/记录 Tab 分区，欠费数量红角标提示
费用条目复选 + 单价右对齐（价格视觉锚定）
底部固定合计条 + 主 CTA「扫码收款」不遮挡列表
已欠天数用红色警示，避免遗漏
🔍 对比原始
✗ 原始 cu-form-group 表单式呈现，没有金额锚点
✗ 房屋信息与费用列表挤在同一层视觉
✓ 现在从"翻找信息"变成"勾选 → 收款"两步流
← 返回演示目录