gui: 托盘菜单增强(连接/设备桥/远控状态) + 设备页 dot 修复

托盘右键菜单(rebuildTrayMenu, 动态刷新):
- 后端连接: 名称 + URL + [已连接]/[未连接](authRule 判定)
- 设备桥: [已连接]/[未连接] + 设备ID + 网关地址
- 远控活动: 上次远控命令 + 结果(输出前40字) + 总次数(收到 cmd 时记录, 回执后更新)
- 刷新时机: 启动 / connections add/update/delete/setCurrent / hello_ack/bind_ack / cmd 到达与回执
- 纯文本不用 emoji

设备页方形外框修复(根因: .dot-* 只定义 background 无尺寸, 直接包文字成整块色块):
- app.js: 状态/授权改为 <span class="dot-green"></span>+文字(本机卡片+设备列表4处)
- style.css: .dot-* 补 inline-block 8x8 圆角, 空 span 呈现小圆点
This commit is contained in:
2026-08-18 09:36:40 +08:00
parent 707a01a2dd
commit 93203c4af3
3 changed files with 169 additions and 42 deletions

View File

@ -772,6 +772,25 @@ body.maximized .tb-max svg {
.dot-gray {
background: #475569;
}
/* 单独用作状态点(无 status-dot 前缀时)也呈现为小圆点 */
.dot-green,
.dot-yellow,
.dot-red,
.dot-gray {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 6px;
vertical-align: middle;
flex-shrink: 0;
}
/* 含文字的场景(点+文字并排)不受圆点尺寸影响 */
.kv-row .val .dot-green,
.kv-row .val .dot-gray,
.kv-row .val .dot-red {
margin-right: 4px;
}
@keyframes pulseDot {
0%,
100% {