Skip to content

[Feature] Dashboard 添加 WebSocket 连接状态指示器 #163

@wjllance

Description

@wjllance

需求描述

在 Dashboard 界面添加 WebSocket 连接状态指示器,让用户实时了解数据流连接状态。

功能设计

状态显示

  • 已连接 - 数据实时更新中
  • 连接中 - 正在建立连接
  • 已断开 - 连接中断,显示离线数据

显示位置

  • 建议放在 Dashboard 顶部标题栏右侧
  • 或底部状态栏

交互

  • 点击可尝试重新连接
  • 显示上次成功更新时间

技术实现

  • 监听 WebSocket 连接状态事件
  • 状态变化时更新 UI
  • 断线时自动重连(已有重连逻辑)

优先级

P3

相关 Issue

#161(Dashboard 测试)相关,需要测试不同状态下的显示。

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions