查看出省流量、硬盘设备监控、告警阈值配置
1、磁盘容量布局完成 2、查看出省流量页面搭建完成 3、硬盘设备监控列表搭建完成 4、告警日志的告警阈值配置页面搭建完成
This commit is contained in:
@@ -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++;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user