estel/gva
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加展示多硬盘用量信息的功能 (#1747)

Browse Source 
* featurel: 添加多磁盘用量信息展示
This commit is contained in:
Juneyx
2024-05-18 11:52:44 +08:00
committed by GitHub
parent 42de9257c3
commit fb53d639be
5 changed files with 58 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
web/src/view/system/state.vue
View File

@@ -60,42 +60,55 @@
<div>Disk</div>
</template>
<div>
<el-row :gutter="10">
<el-row
v-for="(item, index) in state.disk"
:key="index"
:gutter="10"
style="margin-bottom: 2rem"
>
<el-col :span="12">
<el-row :gutter="10">
<el-col :span="12">MountPoint</el-col>
<el-col
:span="12"
v-text="item.mountPoint"
/>
</el-row>
<el-row :gutter="10">
<el-col :span="12">total (MB)</el-col>
<el-col
:span="12"
v-text="state.disk.totalMb"
:span="12"
v-text="item.totalMb"
/>
</el-row>
<el-row :gutter="10">
<el-col :span="12">used (MB)</el-col>
<el-col
:span="12"
v-text="state.disk.usedMb"
:span="12"
v-text="item.usedMb"
/>
</el-row>
<el-row :gutter="10">
<el-col :span="12">total (GB)</el-col>
<el-col
:span="12"
v-text="state.disk.totalGb"
:span="12"
v-text="item.totalGb"
/>
</el-row>
<el-row :gutter="10">
<el-col :span="12">used (GB)</el-col>
<el-col
:span="12"
v-text="state.disk.usedGb"
:span="12"
v-text="item.usedGb"
/>
</el-row>
</el-col>
<el-col :span="12">
<el-progress
type="dashboard"
:percentage="state.disk.usedPercent"
:color="colors"
type="dashboard"
:percentage="item.usedPercent"
:color="colors"
/>
</el-col>
</el-row>