用户信息显示优化

This commit is contained in:
liuwei
2025-04-15 09:10:28 +08:00
parent 06a63796e8
commit 7d6adab6fc

View File

@@ -64,20 +64,20 @@
<el-col :span="8"> <el-col :span="8">
<div class="chart-container pie-chart-container"> <div class="chart-container pie-chart-container">
<h4>CPU使用率: {% raw %}{{ systemInfo.cpu_usage }}{% endraw %}%</h4> <h4>CPU使用率: {% raw %}{{ systemInfo.cpu_usage }}{% endraw %}%</h4>
<canvas id="cpuChart" width="80" height="80"></canvas> <canvas id="cpuChart" width="72" height="72"></canvas>
</div> </div>
</el-col> </el-col>
<!-- 其他饼图保持不变 --> <!-- 其他饼图保持不变 -->
<el-col :span="8"> <el-col :span="8">
<div class="chart-container pie-chart-container"> <div class="chart-container pie-chart-container">
<h4>内存使用率: {% raw %}{{ systemInfo.memory_usage }}{% endraw %}%</h4> <h4>内存使用率: {% raw %}{{ systemInfo.memory_usage }}{% endraw %}%</h4>
<canvas id="memoryChart" width="80" height="80"></canvas> <canvas id="memoryChart" width="72" height="72"></canvas>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="chart-container pie-chart-container"> <div class="chart-container pie-chart-container">
<h4>磁盘使用率: {% raw %}{{ systemInfo.disk_usage }}{% endraw %}%</h4> <h4>磁盘使用率: {% raw %}{{ systemInfo.disk_usage }}{% endraw %}%</h4>
<canvas id="diskChart" width="80" height="80"></canvas> <canvas id="diskChart" width="72" height="72"></canvas>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@@ -616,7 +616,7 @@
/* 饼图容器样式 */ /* 饼图容器样式 */
.pie-chart-container { .pie-chart-container {
padding: 5px; padding: 4px;
text-align: center; text-align: center;
margin-bottom: 0; margin-bottom: 0;
box-shadow: none; box-shadow: none;
@@ -624,8 +624,8 @@
.pie-chart-container h4 { .pie-chart-container h4 {
margin-top: 0; margin-top: 0;
margin-bottom: 5px; margin-bottom: 4px;
font-size: 12px; font-size: 11px;
color: #606266; color: #606266;
} }