Mirrors/WGDashboard
1
0
Fork 0
mirror of https://github.com/donaldzou/WGDashboard.git synced 2025-07-03 03:36:58 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Adjusted system status widget

Browse Source
This commit is contained in:
Donald Zou 2024-12-07 21:40:43 +08:00
parent b4952dea7b
commit d92e62e40b
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/static/app/src/components/systemStatusComponents/systemStatusWidget.vue
View File

@ -35,9 +35,9 @@ const getData = () => {
<LocaleText t="CPU"></LocaleText> <LocaleText t="CPU"></LocaleText>
</h6> </h6>
<h6 class="ms-auto"> <h6 class="ms-auto">
<span v-if="data"> <span v-if="data">
{{ data.cpu.cpu_percent }}% {{ data.cpu.cpu_percent }}%
</span> </span>
<span v-else class="spinner-border spinner-border-sm"></span> <span v-else class="spinner-border spinner-border-sm"></span>
</h6> </h6>
</div> </div>
@ -45,7 +45,8 @@ const getData = () => {
<div class="progress-bar" :style="{width: `${data?.cpu.cpu_percent}%` }"></div> <div class="progress-bar" :style="{width: `${data?.cpu.cpu_percent}%` }"></div>
</div> </div>
<div class="d-flex mt-2 gap-1"> <div class="d-flex mt-2 gap-1">
<CpuCore v-for="(cpu, count) in data?.cpu.cpu_percent_per_cpu" <CpuCore
v-for="(cpu, count) in data?.cpu.cpu_percent_per_cpu"
:key="count" :key="count"
:align="(count + 1) > Math.round(data?.cpu.cpu_percent_per_cpu.length / 2)" :align="(count + 1) > Math.round(data?.cpu.cpu_percent_per_cpu.length / 2)"
:core_number="count" :percentage="cpu" :core_number="count" :percentage="cpu"
@ -59,9 +60,9 @@ const getData = () => {
<LocaleText t="Storage"></LocaleText> <LocaleText t="Storage"></LocaleText>
</h6> </h6>
<h6 class="ms-auto"> <h6 class="ms-auto">
<span v-if="data"> <span v-if="data">
{{ data?.disk['/'].percent }}% {{ data?.disk['/'].percent }}%
</span> </span>
<span v-else class="spinner-border spinner-border-sm"></span> <span v-else class="spinner-border spinner-border-sm"></span>
</h6> </h6>
</div> </div>