Function renderOverview

web/js/app.js:216–230

()

}

function renderOverview(){
  const total = S.servers.length;
  const online = S.servers.filter(s => metrics(s).online).length;
  const alerts = alertStats();
  const sslWarn = S.ssl.filter(c => c.mismatch || c.expire_days <= 7).length;
  const monthDown = S.servers.reduce((sum, s) => sum + metrics(s).monthIn, 0);
  const monthUp = S.servers.reduce((sum, s) => sum + metrics(s).monthOut, 0);
  $('overviewCards').innerHTML = [
    card('在线主机', `${online}/${total}`, '当前在线节点', online === total ? 'ok' : 'warn'),
    card('证书风险', sslWarn, sslWarn ? '过期或域名不匹配' : '证书正常', sslWarn ? 'warn' : 'ok'),
    card('本月上行', humanMinMBFromB(monthUp), '上传累计', ''),
    card('本月下行', humanMinMBFromB(monthDown), '下载累计', ''),
    card('活跃告警', alerts.total, `离线 ${alerts.offline} / 异常 ${alerts.abnormal} / 被墙 ${alerts.blocked}`, alerts.total ? (alerts.offline || alerts.blocked ? 'err' : 'warn') : 'ok')
  ].join('');
}
function card(label, value, hint, cls){ return `<div class="overview-card ${cls}"><span class="label">${esc(label)}</span><span class="value">${esc(value)}</span><span class="hint">${esc(hint)}</span></div>`; }

function alertStats(){