功能:右侧「房间」面板显示所有房间在线人数,点击可切换房间

- ChatController 新增 roomsOnlineStatus() 接口
- GET /rooms/online-status 返回所有房间名称+Redis 实时在线人数
- 右侧面板房间列表动态渲染:当前房间高亮蓝色,有人数绿色徽标,空房间灰色
- 点击其他房间直接跳转,当前房间禁止点击并标注「当前」
- 切换到「房间」Tab 时自动触发拉取
This commit is contained in:
2026-03-03 14:46:22 +08:00
parent ad91c4420a
commit 4324633f82
4 changed files with 96 additions and 3 deletions
@@ -55,8 +55,15 @@
{{-- 房间列表面板 --}}
<div class="user-list-content" id="panel-rooms" style="display: none;">
<div style="text-align: center; color: #999; padding: 20px 0; font-size: 11px;">
<a href="{{ route('rooms.index') }}" target="_blank">打开大厅查看房间列表</a>
{{-- 顶部标题栏 --}}
<div style="text-align:center; padding:4px 6px; border-bottom:1px solid #cde; background:#f0f6ff;">
<div style="color:#336699; font-weight:bold; font-size:12px;">所有聊天室</div>
<div style="font-size:10px; color:#999; margin-top:1px;">点击可切换房间</div>
</div>
{{-- 房间列表容器 --}}
<div id="rooms-online-list" style="padding:4px 2px;">
<div style="text-align:center; color:#bbb; padding:16px 0; font-size:11px;">加载中...</div>
</div>
</div>