From 4794872a9b4ccadfb6fa4c49d108aacc1bd552ec Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=80=97=E5=AD=90?= Date: Wed, 17 Dec 2025 02:30:03 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A6=96=E9=A1=B5=E7=8A=B6=E6=80=81?= =?UTF-8?q?=E5=BC=B9=E7=AA=97=E6=94=AF=E6=8C=81=E6=BB=9A=E5=8A=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/src/views/home/IndexView.vue | 307 ++++++++++++++++--------------- 1 file changed, 158 insertions(+), 149 deletions(-) diff --git a/web/src/views/home/IndexView.vue b/web/src/views/home/IndexView.vue index 496d7b3d..60bc8fea 100644 --- a/web/src/views/home/IndexView.vue +++ b/web/src/views/home/IndexView.vue @@ -470,29 +470,31 @@ if (import.meta.hot) {

{{ statusText((realtime.load.load1 / cores) * 100) }}

- - - {{ $gettext('Last 1 minute') }} - - {{ formatPercent((realtime.load.load1 / cores) * 100) }}% / - {{ realtime.load.load1 }} - - - - {{ $gettext('Last 5 minutes') }} - - {{ formatPercent((realtime.load.load5 / cores) * 100) }}% / - {{ realtime.load.load5 }} - - - - {{ $gettext('Last 15 minutes') }} - - {{ formatPercent((realtime.load.load15 / cores) * 100) }}% / - {{ realtime.load.load15 }} - - - + + + + {{ $gettext('Last 1 minute') }} + + {{ formatPercent((realtime.load.load1 / cores) * 100) }}% / + {{ realtime.load.load1 }} + + + + {{ $gettext('Last 5 minutes') }} + + {{ formatPercent((realtime.load.load5 / cores) * 100) }}% / + {{ realtime.load.load5 }} + + + + {{ $gettext('Last 15 minutes') }} + + {{ formatPercent((realtime.load.load15 / cores) * 100) }}% / + {{ realtime.load.load15 }} + + + + - - - {{ $gettext('Model') }} - {{ realtime.cpus[0].modelName }} - - - {{ $gettext('Parameters') }} - - {{ realtime.cpus.length }} CPU {{ cores }} {{ $gettext('cores') }} - {{ formatBytes(realtime.cpus[0].cacheSize * 1024) }} {{ $gettext('cache') }} - - - - CPU-{{ item.cpu }} - - {{ $gettext('Usage') }} {{ formatPercent(realtime.percents[item.cpu]) }}% - {{ $gettext('Frequency') }} {{ item.mhz }} MHz - - - + + + + {{ $gettext('Model') }} + {{ realtime.cpus[0].modelName }} + + + {{ $gettext('Parameters') }} + + {{ realtime.cpus.length }} CPU {{ cores }} {{ $gettext('cores') }} + {{ formatBytes(realtime.cpus[0].cacheSize * 1024) }} {{ $gettext('cache') }} + + + + CPU-{{ item.cpu }} + + {{ $gettext('Usage') }} {{ formatPercent(realtime.percents[item.cpu]) }}% + {{ $gettext('Frequency') }} {{ item.mhz }} MHz + + + + - - - {{ $gettext('Active') }} - - {{ formatBytes(realtime.mem.active) }} - - - - {{ $gettext('Inactive') }} - - {{ formatBytes(realtime.mem.inactive) }} - - - - {{ $gettext('Free') }} - - {{ formatBytes(realtime.mem.free) }} - - - - {{ $gettext('Shared') }} - - {{ formatBytes(realtime.mem.shared) }} - - - - {{ $gettext('Committed') }} - - {{ formatBytes(realtime.mem.committedas) }} - - - - {{ $gettext('Commit Limit') }} - - {{ formatBytes(realtime.mem.commitlimit) }} - - - - {{ $gettext('SWAP Size') }} - - {{ formatBytes(realtime.mem.swaptotal) }} - - - - {{ $gettext('SWAP Used') }} - - {{ formatBytes(realtime.mem.swapcached) }} - - - - {{ $gettext('SWAP Available') }} - - {{ formatBytes(realtime.mem.swapfree) }} - - - - {{ $gettext('Physical Memory Size') }} - - {{ formatBytes(realtime.mem.total) }} - - - - {{ $gettext('Physical Memory Used') }} - - {{ formatBytes(realtime.mem.used) }} - - - - {{ $gettext('Physical Memory Available') }} - - {{ formatBytes(realtime.mem.available) }} - - - - buffers/cached - - {{ formatBytes(realtime.mem.buffers) }} / {{ formatBytes(realtime.mem.cached) }} - - - + + + + {{ $gettext('Active') }} + + {{ formatBytes(realtime.mem.active) }} + + + + {{ $gettext('Inactive') }} + + {{ formatBytes(realtime.mem.inactive) }} + + + + {{ $gettext('Free') }} + + {{ formatBytes(realtime.mem.free) }} + + + + {{ $gettext('Shared') }} + + {{ formatBytes(realtime.mem.shared) }} + + + + {{ $gettext('Committed') }} + + {{ formatBytes(realtime.mem.committedas) }} + + + + {{ $gettext('Commit Limit') }} + + {{ formatBytes(realtime.mem.commitlimit) }} + + + + {{ $gettext('SWAP Size') }} + + {{ formatBytes(realtime.mem.swaptotal) }} + + + + {{ $gettext('SWAP Used') }} + + {{ formatBytes(realtime.mem.swapcached) }} + + + + {{ $gettext('SWAP Available') }} + + {{ formatBytes(realtime.mem.swapfree) }} + + + + {{ $gettext('Physical Memory Size') }} + + {{ formatBytes(realtime.mem.total) }} + + + + {{ $gettext('Physical Memory Used') }} + + {{ formatBytes(realtime.mem.used) }} + + + + {{ $gettext('Physical Memory Available') }} + + {{ formatBytes(realtime.mem.available) }} + + + + buffers/cached + + {{ formatBytes(realtime.mem.buffers) }} / + {{ formatBytes(realtime.mem.cached) }} + + + + {{ formatBytes(item.used) }} / {{ formatBytes(item.total) }}

- - - {{ $gettext('Mount Point') }} - {{ item.path }} - - - {{ $gettext('File System') }} - {{ item.fstype }} - - - {{ $gettext('Inodes Usage') }} - {{ formatPercent(item.inodesUsedPercent) }}% - - - {{ $gettext('Inodes Total') }} - {{ item.inodesTotal }} - - - {{ $gettext('Inodes Used') }} - {{ item.inodesUsed }} - - - {{ $gettext('Inodes Available') }} - {{ item.inodesFree }} - - + + + + {{ $gettext('Mount Point') }} + {{ item.path }} + + + {{ $gettext('File System') }} + {{ item.fstype }} + + + {{ $gettext('Inodes Usage') }} + {{ formatPercent(item.inodesUsedPercent) }}% + + + {{ $gettext('Inodes Total') }} + {{ item.inodesTotal }} + + + {{ $gettext('Inodes Used') }} + {{ item.inodesUsed }} + + + {{ $gettext('Inodes Available') }} + {{ item.inodesFree }} + + +