From bf8421b2c0ffb9d543f623c315b8be57f6fd7f31 Mon Sep 17 00:00:00 2001 From: qinglong Date: Sun, 14 Jun 2026 12:56:37 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20col-disk=E7=8B=AC=E7=AB=8B=E5=88=97=20?= =?UTF-8?q?=E9=BB=98=E8=AE=A4=E9=9A=90=E8=97=8F=20=E6=9C=89=E5=88=86?= =?UTF-8?q?=E5=8C=BA=E6=97=B6=E6=98=BE=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- plugins/sentinel/dashboard.html | 41 +++++++++++++++++++++++++++++++-- 1 file changed, 39 insertions(+), 2 deletions(-) diff --git a/plugins/sentinel/dashboard.html b/plugins/sentinel/dashboard.html index d4af9c3..c184ac7 100644 --- a/plugins/sentinel/dashboard.html +++ b/plugins/sentinel/dashboard.html @@ -56,14 +56,34 @@ .node-notes { font-size:.75rem; color:var(--text-dim); font-style:italic; margin-bottom:8px } /* 横版布局 — 左设备信息 | 右数据+图表同行 */ #sentinel-grid.layout-row { display:flex;flex-direction:column;gap:12px } - #sentinel-grid.layout-row .node-card { display:grid;grid-template-columns:160px 1fr 0.8fr 0.8fr 1fr;gap:12px 16px;align-items:start } + #sentinel-grid.layout-row .node-card { display:grid;grid-template-columns:160px 1fr 0.6fr 0.6fr 0.8fr 1fr;gap:12px 16px;align-items:start } #sentinel-grid.layout-row .col-left { min-width:0 } #sentinel-grid.layout-row .col-right-stack { display:flex;flex-direction:column;gap:12px;min-width:0 } + #sentinel-grid.layout-row .col-disk { display:none;overflow-y:auto;max-height:200px;padding:0 4px } + #sentinel-grid.layout-row .disk-list { display:flex;flex-direction:column;gap:4px } + #sentinel-grid.layout-row .part-row { display:flex;flex-direction:column;gap:2px;padding:3px 0;border-bottom:1px solid var(--md-sys-color-surface-container-lowest) } + #sentinel-grid.layout-row .part-info { display:flex;justify-content:space-between;font-size:.7rem } + #sentinel-grid.layout-row .part-name { font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap } + #sentinel-grid.layout-row .part-mount { color:var(--text-dim);font-size:.65rem } + #sentinel-grid.layout-row .part-bar { height:3px;border-radius:1px;background:var(--md-sys-color-surface-container-lowest);margin:2px 0 } + #sentinel-grid.layout-row .part-bar-fill { height:100%;border-radius:1px;background:var(--primary) } + #sentinel-grid.layout-row .part-detail { display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-dim) } + #sentinel-grid.layout-row .part-pct { text-align:right } #sentinel-grid.layout-row .col-extra { display:flex;flex-direction:column;gap:6px;padding:0 8px } #sentinel-grid.layout-row .extra-row { font-size:.8rem;padding:3px 0;border-bottom:1px solid var(--md-sys-color-surface-container-lowest) } #sentinel-grid.layout-row .extra-row .elabel { font-size:.65rem;color:var(--text-dim);text-transform:uppercase;margin-right:4px } #sentinel-grid.layout-row .extra-row .eval { font-weight:500 } - #sentinel-grid.layout-row .col-disk { overflow-y:auto;max-height:200px;padding:0 4px } + #sentinel-grid.layout-row .col-disk { display:none;overflow-y:auto;max-height:200px;padding:0 4px } + #sentinel-grid.layout-row .disk-list { display:flex;flex-direction:column;gap:4px } + #sentinel-grid.layout-row .part-row { display:flex;flex-direction:column;gap:2px;padding:3px 0;border-bottom:1px solid var(--md-sys-color-surface-container-lowest) } + #sentinel-grid.layout-row .part-info { display:flex;justify-content:space-between;font-size:.7rem } + #sentinel-grid.layout-row .part-name { font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap } + #sentinel-grid.layout-row .part-mount { color:var(--text-dim);font-size:.65rem } + #sentinel-grid.layout-row .part-bar { height:3px;border-radius:1px;background:var(--md-sys-color-surface-container-lowest);margin:2px 0 } + #sentinel-grid.layout-row .part-bar-fill { height:100%;border-radius:1px;background:var(--primary) } + #sentinel-grid.layout-row .part-detail { display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-dim) } + #sentinel-grid.layout-row .part-pct { text-align:right } + #sentinel-grid.layout-row .col-disk { display:none;overflow-y:auto;max-height:200px;padding:0 4px } #sentinel-grid.layout-row .disk-list { display:flex;flex-direction:column;gap:4px } #sentinel-grid.layout-row .part-row { display:flex;flex-direction:column;gap:2px;padding:3px 0;border-bottom:1px solid var(--md-sys-color-surface-container-lowest) } #sentinel-grid.layout-row .part-info { display:flex;justify-content:space-between;font-size:.7rem } @@ -230,6 +250,7 @@ '
NET 0 0
'+ '
'+ ''+ + '
'+ '
'+ '
'+ '
负载 —
'+ @@ -320,7 +341,15 @@ if (swapEl && sysData.swap) { var st = sysData.swap.total_gb||0; swapEl.textContent = st > 0 ? (sysData.swap.percent||0).toFixed(1)+'% ('+(sysData.swap.used_gb||0).toFixed(1)+'G)' : '—'; } // 磁盘分区列表 // 磁盘分区 (在col-extra中显示) + var colDisk = card.querySelector('.col-disk'); var diskList = card.querySelector('.disk-list'); + if (colDisk) { + if (sysData.partitions && sysData.partitions.length) { + colDisk.style.display = 'block'; + } else { + colDisk.style.display = 'none'; + } + } if (diskList && sysData.partitions) { var parts = sysData.partitions || []; if (!diskList.querySelector('.part-row') || diskList.children.length !== parts.length) { @@ -358,7 +387,15 @@ // 磁盘分区 // 磁盘分区 (在col-extra中显示) + var colDisk = card.querySelector('.col-disk'); var diskList = card.querySelector('.disk-list'); + if (colDisk) { + if (sysData.partitions && sysData.partitions.length) { + colDisk.style.display = 'block'; + } else { + colDisk.style.display = 'none'; + } + } if (diskList && sysData.partitions) { var parts = sysData.partitions || []; if (!diskList.querySelector('.part-row') || diskList.children.length !== parts.length) {