Appearance
第三章 左侧赛事切换栏
3.1 功能定位
左侧栏展示所有待结算赛事的快捷列表,结算人员无需返回结算列表即可切换到其他赛事。
3.2 赛事卡片
每场赛事展示一张卡片:
| 字段 | 说明 |
|---|---|
| 联赛旗标 | 国旗 emoji |
| 球队名 | 主队 vs 客队 |
| 比分 | 当前比分 |
| 盘口进度 | 已结算/已关盘 |
| 状态标签 | 待结算(橙)/异常(红) |
当前正在查看的赛事卡片高亮。
3.2.1 左侧切换栏的赛事包含范围
| 状态 | 是否出现在切换栏 | 说明 |
|---|---|---|
| 待结算 | ✅ 出现 | 结算人员的主要工作对象 |
| 异常态(腰斩暂缓 / 延期暂缓) | ✅ 出现(红色边框高亮) | 需结算人员持续关注 |
| 已结算 | ❌ 不出现 | 已完成处置,通过结算列表返回查看(避免切换栏拥塞) |
| 已取消 | ❌ 不出现 | 同上 |
设计意图:左侧切换栏聚焦"未完成"赛事,已结算 / 已取消赛事回到结算列表主页按日期归档查看。状态图例(第 3.4 节)中的"已结算 / 已取消"色标仅用于比分展示和弹窗场景,不用于切换栏。
3.3 搜索
顶部搜索框,按赛事 ID 或球队名模糊匹配。
3.4 状态图例
底部展示状态颜色图例:待结算(橙)、已结算(绿)、异常(红)、已取消(灰)。
3.5 切换行为
| 操作 | 行为 |
|---|---|
| 点击赛事卡片 | 中间操作区加载该赛事的结算详情 |
| 有未保存操作 | 无需确认,直接切换(盘口结算是即时生效的,没有"未保存"概念) |