Function renderServersCards

web/js/app.js:353–376

()

}

function renderServersCards(){
  const wrap = $('serversCards');
  if(window.innerWidth > 700){ wrap.innerHTML = ''; return; }
  wrap.innerHTML = visibleServers().map(s => {
    const m = metrics(s);
    const alertClass = m.rowLevel ? ` alert-${m.rowLevel}` : '';
    return `<div class="card${m.online ? '' : ' offline'}${alertClass}${osClass(s.os)}" data-key="${esc(s._key)}" data-online="${m.online ? 1 : 0}">
      <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>${s.load_1 === -1 ? '–' : num(s.load_1).toFixed(2)}</span></div>
        <div><span class="key">在线</span><span>${esc(s.uptime || '-')}</span></div>
        <div><span class="key">月流量</span><span>${trafficCaps(s, true)}</span></div>
        <div><span class="key">网络</span><span>${humanMinKBFromB(s.network_rx)} | ${humanMinKBFromB(s.network_tx)}</span></div>
        <div><span class="key">CPU</span><span>${num(s.cpu).toFixed(0)}%</span></div>
        <div><span class="key">内存</span><span>${m.memPct.toFixed(0)}%</span></div>
      </div>
      ${buckets(s)}
    </div>`;
  }).join('') || '<div class="empty-state">无数据</div>';
  wrap.querySelectorAll('.card').forEach(card => card.addEventListener('click', () => {
    if(card.dataset.online !== '1') return;
    openDetail(card.dataset.key);
  }));
}

function parseCustom(str){
  if(typeof str !== 'string' || !str.trim()) return [];