查看出省流量、硬盘设备监控、告警阈值配置

1、磁盘容量布局完成
2、查看出省流量页面搭建完成
3、硬盘设备监控列表搭建完成
4、告警日志的告警阈值配置页面搭建完成
This commit is contained in:
康冉冉
2026-01-15 18:16:53 +08:00
parent 43c8a84aba
commit 302b21f6be
8 changed files with 373 additions and 56 deletions
+8 -4
View File
@@ -33,14 +33,14 @@
<div style="display: flex; align-items: center;">
<span>{{ column.label }}</span>
<template v-if="column.order === 'ascending'">
<i class="el-icon-sort-down" style="margin-left: 2px;margin-top: -2px;font-weight: 700;color: #c0c4cc;"></i>
<i class="el-icon-sort-down" style="margin-left: -2px;margin-top: 2px;font-weight: 700;color: #c0c4cc;"></i>
<i class="el-icon-sort-up" style="color: #409EFF; margin-left: -8px;margin-top: 2px;font-weight: 700;"></i>
</template>
<template v-else-if="column.order === 'descending'">
<i class="el-icon-sort-down" style="color: #409EFF;margin-left: -2px;margin-top: 2px;font-weight: 700;"></i>
<i class="el-icon-sort-up" style="margin-left: -8px;margin-top: 2px;font-weight: 700;color: #c0c4cc;"></i>
</template>
<i v-else class="el-icon-sort" style="color: #C0C4CC;margin-left: 0;margin-top: 2px;font-weight: 700;"></i>
<i v-else class="el-icon-sort" style="color: #C0C4CC;margin-top: 2px;font-weight: 700;"></i>
</div>
</template>
@@ -246,8 +246,12 @@
buttonConfigs.forEach(config => {
// 判断按钮是否显示
if (this.isButtonVisible(config, row)) {
// 12是图标的宽度 8是按钮padding宽度
const btnWidth = this.calculateButtonWidth(config) + 14 + 8;
let iconWid = 0;
if (config.icon || config.more) {
iconWid = 14;
}
// iconWid:是图标的宽度 8是按钮padding宽度
const btnWidth = this.calculateButtonWidth(config) + iconWid + 8;
currentLineWidth += btnWidth;
visibleButtonCount++;
}