diff --git a/app/web/static/index.html b/app/web/static/index.html index 4508765..e33e9ad 100644 --- a/app/web/static/index.html +++ b/app/web/static/index.html @@ -139,6 +139,17 @@ pre.json{background:var(--surface-2);border:1px solid var(--hair);border-radius: .alert-win .el-table__row.alert-stale{opacity:.5;} .alert-win .el-table__row.alert-stale:hover{opacity:.72;} .alert-age{color:var(--muted);font-size:10.5px;margin-left:5px;} +/* 上游信号中心: 最新告警细提示 + 级别筛选 chip + 分节标题 */ +.sig-ticker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--hair);border-left:3px solid var(--hair);border-radius:12px;padding:8px 14px;margin:16px 0 8px;box-shadow:var(--shadow);font-size:13px;} +.sig-ticker.lv-danger{border-left-color:var(--stop);} .sig-ticker.lv-warn{border-left-color:var(--warn);} +.sig-ticker .sig-tk-label{font-weight:640;color:var(--ink-2);white-space:nowrap;} +.sig-filter{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:2px 0 12px;} +.lv-chip{font-size:12px;font-weight:560;padding:2px 11px;border-radius:999px;cursor:pointer;border:1px solid var(--hair);user-select:none;color:var(--ink-2);background:var(--surface-2);} +.lv-chip.off{color:var(--muted);text-decoration:line-through;opacity:.65;} +.lv-chip.on.lv-danger{color:var(--stop);background:var(--stop-weak);border-color:var(--stop-weak);} +.lv-chip.on.lv-warn{color:var(--warn);background:var(--warn-weak);border-color:var(--warn-weak);} +.lv-chip.on.lv-info{color:var(--ink-2);background:rgba(138,136,130,.14);} +.sig-sep{font-size:12px;color:var(--muted);font-weight:600;margin:16px 0 8px;padding-top:9px;border-top:1px dashed var(--hair);} @@ -157,6 +168,7 @@ pre.json{background:var(--surface-2);border:1px solid var(--hair);border-radius: + @@ -191,45 +203,104 @@ pre.json{background:var(--surface-2);border:1px solid var(--hair);border-radius:
- -
- 风控告警 -