页面A｜设备监控看板（懒加载 + 首屏优先） PERF-01
筛选区占位：状态 / 区域 / 时间
统计卡1占位
统计卡2占位
刷新按钮占位
首屏仅加载可视区域卡片（示意：8个）
设备卡片#01 占位
设备卡片#02 占位
设备卡片#03 占位
设备卡片#04 占位
设备卡片#05 占位
设备卡片#06 占位
设备卡片#07 占位
设备卡片#08 占位
占位矩阵：滚动后加载#09~#N；未进入可视区不请求数据
注释：骨架屏/延迟加载均以灰块表示，不体现视觉风格。
页面B｜工单列表（虚拟滚动 + 游标分页） PERF-02 / PERF-03
筛选项占位
查询输入占位
导出/操作按钮占位
工单号
客户
设备型号
状态
创建时间
操作
仅渲染可视区
row 01
...
...
...
...
row 02
row 03
row 04
row 05
row 06
底部触发：加载 next_cursor；要求无重复、响应时间目标 ≤500ms。
占位矩阵：不可见区域数据不渲染，仅保留滚动高度占位。
页面C｜新建工单（结构化录入 + 实时校验） VALID-01~06
工单类型*
下拉选择占位（必填）
客户名称*
下拉选择占位（选择后自动填充联系电话）
联系电话*
输入框占位（11位数字）
设备型号*
可搜索下拉占位（禁止自由输入）
故障现象*
复选框占位：无法启动/停机/异响/漏水/其他
补充说明
文本框占位（若勾选“其他”则必填，≤20字）
期望上门时间*
日期时间选择器占位
备注
多行输入占位（选填）
校验汇总提示位（默认空）
取消
提交（通过后可点）
页面D｜设备型号=其他（强制填写具体型号） VALID-02
弹窗标题：填写具体设备型号（必填）
当前选择
其他
具体型号*
输入框占位（例如：ABC-9000）
错误提示位：未填写时不可确认
提示文案占位
取消
确认
确认后主表单显示：其他（已填：XXX）
页面E｜提交失败（拦截 + 错误汇总 + 定位） VALID-04 / VALID-05 / VALID-06
还有 3 处错误待修改（汇总提示条）
联系电话*
输入占位（示例错误：长度不足11位）
字段错误文案：请输入11位手机号码
设备型号*
选择为“其他”，但未补全具体型号
字段错误文案：请填写具体设备型号
故障现象*
未勾选任何项
字段错误文案：请至少选择一项故障现象
滚动定位说明占位：提交后自动滚动到第一个错误字段。
提交被拦截
取消
提交（禁用态）
页面F｜提交成功（跳转工单列表） 交互闭环
Toast/提示条占位：工单创建成功
跳转后页面：工单列表（默认展示新建工单）
工单号
客户
设备型号
状态
创建时间
操作
新建工单置顶占位
客户A
S7-1200
待处理
刚刚
查看
row n...
占位矩阵：后续状态流转（待处理→处理中→已完成）由现有流程承接。