| 396 | $('monitorsBody').innerHTML = S.servers.map(s => `<tr><td>${protoPill(s)}</td><td>${esc(s.name || '-')}</td><td>${esc(s.location || '-')}</td><td><div class="mon-items">${monitorItems(s)}</div></td></tr>`).join('') || `<tr><td colspan="4" class="muted" style="text-align:center;padding:1rem;">无数据</td></tr>`; |
| 397 | } |
| 398 | function renderMonitorsCards(){ |
| 399 | const wrap = $('monitorsCards'); |
| 400 | if(window.innerWidth > 700){ wrap.innerHTML = ''; return; } |
| 401 | wrap.innerHTML = S.servers.map(s => `<div class="card"><div class="card-header"><div class="card-title">${esc(s.name || '-')} <span class="tag">${esc(s.location || '-')}</span></div>${protoPill(s)}</div><div class="kvlist"><div><span class="key">监测内容</span><span class="mon-items">${monitorItems(s)}</span></div></div></div>`).join('') || '<div class="empty-state">无数据</div>'; |
| 402 | } |
| 403 | function renderSSL(){ |
| 404 | $('sslBody').innerHTML = S.ssl.map(c => { |
| 405 | const cls = c.mismatch || c.expire_days <= 0 ? 'err' : c.expire_days <= 7 ? 'warn' : 'ok'; |