Appearance
第四章 顶部导航栏与顶部栏模块
交互原型
体验顶部栏交互：观察顶部栏的统计卡片，点击「一键锁盘」按钮查看确认弹窗。
4.1 顶部导航栏（M00）
顶部导航栏固定在页面最顶部，高度48像素，包含系统Logo、一级菜单、消息通知和用户信息。
4.1.1 导航栏结构
┌─────────────────────────────────────────────────────────────────────────────┐
│ 🐻 金刚管理系统 │ Dashboard▼│商户管理▼│数据源管理▼│配置管理▼│...│操盘管理▼│ 🔔 张三 │
└─────────────────────────────────────────────────────────────────────────────┘4.1.2 一级菜单列表
| 菜单项 | 图标 | 二级菜单 | 说明 |
|---|---|---|---|
| Dashboard | 📊 | 主控台 | 系统仪表盘 |
| 商户管理 | 🏛️ | 商户列表 | 商户信息管理 |
| 数据源管理 | 📡 | 数据源列表 | 数据源配置 |
| 配置管理 | ⚙️ | 盘口大类、全局配置、运动类型、系统币种 | 系统配置 |
| 用户管理 | 👥 | 用户列表 | 用户账号管理 |
| 数据管理 | 📋 | 投注记录、交易明细 | 数据查询 |
| 体育管理 | 🏆 | 赛事组别、赔率类型、串关类型 | 体育配置 |
| 操盘管理 | 🎯 | 操盘列表、操盘日志、联赛管理 | 当前模块 |
| 结算管理 | 💰 | 待结算、异常赛事、结算记录 | 赛事结算 |
| 翻译管理 | 🌐 | 语言翻译 | 多语言管理 |
| 权限管理 | 🔐 | 角色权限、菜单权限、后台用户 | 权限配置 |
| 系统应用 | 📦 | 附件管理 | 系统工具 |
4.1.3 菜单交互规则
| 交互 | 行为 |
|---|---|
| 鼠标悬停菜单项 | 显示下拉二级菜单 |
| 点击二级菜单 | 跳转到对应页面 |
| 当前页面菜单 | 一级菜单高亮显示蓝色背景 |
| 当前页面二级菜单 | 二级菜单文字高亮蓝色 |
| 鼠标移出 | 300ms延迟后收起下拉菜单 |
4.1.4 用户区域
| 元素 | 说明 |
|---|---|
| 消息通知图标 | 显示未读消息数量角标，超过99显示99+ |
| 用户头像 | 圆形头像，显示姓氏首字 |
| 用户名称 | 显示姓名和角色标签 |
点击用户区域展开下拉菜单，包含个人设置和退出登录选项。
4.2 顶部栏（M02）
顶部栏位于主内容区顶部，显示当前页面的全局统计信息和紧急操作按钮。
4.2.1 顶部栏结构
┌─────────────────────────────────────────────────────────────────────────────────────────────┐
│ 操盘列表 │ ●IM 正常 │ 待上架 156 滚球中 23 总赛事 320 预估盈亏 ¥125K 延期 2 │ 服务器时间 14:32:45 │ 一键锁盘 │
└─────────────────────────────────────────────────────────────────────────────────────────────┘4.2.1.1 数据源状态指示器
v1.3 新增：数据源状态从侧边栏移至顶部栏
| 元素 | 说明 | 默认值 |
|---|---|---|
| 状态圆点 | 6px圆形，正常绿色带发光；延迟橙色；异常红色 | 正常 |
| 数据源名称 | 显示"IM" | IM |
| 状态文字 | 正常/延迟/异常 | 正常 |
状态判定规则：
| 状态 | 圆点 | 颜色 | 条件 |
|---|---|---|---|
| 正常 | 🟢 | 绿色 | 在预期刷新周期内收到更新 |
| 延迟 | 🟡 | 橙色 | 超过警告阈值但未达异常阈值 |
| 异常 | 🔴 | 红色 | 超过异常阈值或无响应 |
详细阈值定义见第3章侧边栏模块。
4.2.2 统计卡片
统计卡片显示关键指标，默认按用户可见范围统计，不受筛选条件影响。主管和风控可通过「全局视图」开关切换为全局统计口径。
| 统计项 | 默认口径（普通操盘手） | 主管/风控口径 | 显示规则 | 点击行为 |
|---|---|---|---|---|
| 待上架 | 可见范围内待上架赛事 | 全局统计 | 白色数字 | 重置筛选条件，切换到待上架筛选 |
| 滚球中 | 可见范围内滚球赛事 | 全局统计 | 红色数字，数量>0时脉动动画 | 重置筛选条件，切换到滚球Tab |
| 总赛事 | 可见范围内赛事总数 | 全局统计 | 白色数字 | 无 |
| 预估盈亏 | 可见范围内预估盈亏 | 全局统计 | 正数绿色，负数红色 | 无 |
| 延期 | 可见范围内延期赛事 | 全局统计 | 橙色数字 | 重置筛选条件，筛选延期赛事 |
统计口径说明：统计数字默认按用户数据可见范围计算。主管和风控可通过顶部栏右侧的「全局视图」开关切换为全局统计口径。Tab页签数字在当前可见范围基础上，受日期、联赛等筛选条件影响。
数据更新机制
统计数据通过WebSocket实时推送更新，推送频率与赛事状态变化同步。详见第13章「实时数据更新机制」。
4.2.3 服务器时间
服务器时间用于操盘手校准本地时间，避免因时间偏差导致的操作误判（如误判即将开赛赛事）。
| 显示项 | 格式 | 更新频率 |
|---|---|---|
| 服务器时间 | HH:mm:ss（北京时间） | 每秒更新 |
时间差异告警
| 本地与服务器时间差 | 显示状态 | 说明 |
|---|---|---|
| ≤3秒 | 正常显示 | 无需处理 |
| 3-10秒 | 黄色警告图标 | 提示「时间偏差较大，请检查本地时间」 |
| >10秒 | 红色警告图标 | 提示「时间严重偏差，影响操盘判断」 |
4.2.4 紧急操作按钮
一键锁盘
一键锁盘用于紧急情况下快速锁定所有滚球赛事，防止异常投注涌入。
| 属性 | 说明 |
|---|---|
| 按钮样式 | 红色边框，白色文字 |
| 权限要求 | 仅主管和风控可操作 |
| 快捷键 | Ctrl + Shift + L（需焦点在操盘列表页） |
| 权限 | 仅限操盘主管、风控主管角色操作，其他用户不可见 |
锁定范围
执行一键锁盘后，以下赛事的盘口状态变为「锁定」：
| 条件 | 是否锁定 |
|---|---|
| 上架状态=已上架 且 比赛进程=滚球 | 是 |
| 上架状态=已上架 且 比赛进程=即将（10分钟内开赛） | 是 |
| 上架状态=已上架 且 比赛进程=赛前 | 否 |
| 上架状态=待上架 或 已下架 | 否 |
| 盘口状态已为锁定或关盘 | 跳过 |
执行流程
「即将」vs「紧急」区分：
- 即将状态（比赛进程）：≤30分钟，第9章定义的比赛进程分类标准
- 紧急阈值（一键锁盘）：≤10分钟，一键锁盘、紧急告警、置顶规则使用的紧急判断阈值
一键锁盘仅锁定10分钟内开赛的赛事，而非全部「即将」状态赛事，原因是：
- 30分钟内的赛事风险敞口较小，投注量通常不大
- 仅锁定最紧急的赛事可减少对正常业务的影响
- 10分钟阈值可在联赛管理配置中调整
| 步骤 | 系统行为 |
|---|---|
| 1. 点击按钮 | 弹出二次确认对话框 |
| 2. 确认对话框 | 显示将锁定的赛事数量 |
| 3. 确认执行 | 按钮变为加载状态，显示「锁定中...」 |
| 4. 执行完成 | 显示执行结果（成功N场，失败N场） |
| 5. 记录日志 | 操作记入操盘日志，详见第18章 |
确认弹窗内容
锁定确认弹窗：
┌────────────────────────────────────────┐
│ 🔒 确认锁定盘口 ✕ │
├────────────────────────────────────────┤
│ ⚠️ 锁定是高危操作，锁定后： │
│ • 该盘口将停止接受投注 │
│ • 数据源状态变更不会自动解锁 │
│ • 必须由主管或风控手动解锁 │
├────────────────────────────────────────┤
│ [ 取消 ] [ 确认锁定 ] │
└────────────────────────────────────────┘解锁方式
盘口的锁定/解锁操作在赛事详情页进行。详见第11章「操作流程说明」。
设计说明：列表页只提供赛事级别的上架/下架操作，不提供盘口级别的操作。盘口操作（隐藏/取消隐藏/锁盘/解锁）统一在赛事详情页逐个进行，确保操盘手逐个确认每场赛事的状态后再操作，防止风险。 批量解锁说明：一键锁盘执行后，不支持批量解锁。操盘手需在详情页逐场确认后解锁。这是刻意设计——批量锁定是紧急避险措施，但解锁必须逐场确认风险已消除，防止误恢复。
修订记录
| 版本 | 日期 | 修订内容 |
|---|---|---|
| v1.0 | 2026-01-15 | 初稿 |
| v1.1 | 2026-01-20 | 【审计修正】1) 统计卡片改为五个（待上架、滚球中、总赛事、预估盈亏、延期），移除告警统计；2) 移除"与批量锁盘的区别"和"批量解锁"（列表页不提供盘口操作）；3) 解锁方式统一为详情页逐个解锁；4) 移除弹窗中的"当前总投注额"字段 |
| v1.2 | 2026-01-30 | 【原型同步】新增4.2.1.1全局搜索框（从侧边栏移入）、4.2.1.2数据源状态指示器（从侧边栏移入） |
| v1.3 | 2026-01-30 | 【原型回滚】移除全局搜索框（回滚至侧边栏），仅保留数据源状态指示器 |