服务器管理、图形分析

1、服务器管理列表添加告警行背景色闪烁
2、服务器管理表单和列表添加字段
3、图形监控中判断IPv4和IPv6流量图的展示
4、带宽收益图形分析的多选下拉设置超出行展示+n

src/components/table/index.vue

@@ -11,7 +11,7 @@
             <right-toolbar v-if="!(config && config.colTopHiddenIcon)" :modelIdent="this.modelIdent" :showSearch.sync="showSearch" @queryTable="renderList" @columnsChange="columnsChange" :columns="columns"></right-toolbar>
         </el-row>
         <!-- 表格数据 -->
-        <el-table v-loading="loading" :data="tableList" :ref="config && config.tableKey ? `tableRef_${config.tableKey}` : `selChangeList`" :key="tableKey" :highlight-current-row="config && config.currentSel || false" @current-change="(val) => handleClick({fnCode: 'currentData'},val)" highlight-selection-row @select-all="handleSelectAll" @select="handleSelectionChange" @sort-change="handleSortChange">
+        <el-table v-loading="loading" :data="tableList" :ref="config && config.tableKey ? `tableRef_${config.tableKey}` : `selChangeList`" :key="tableKey" :highlight-current-row="config && config.currentSel || false" @current-change="(val) => handleClick({fnCode: 'currentData'},val)" highlight-selection-row @select-all="handleSelectAll" @select="handleSelectionChange" @sort-change="handleSortChange" :row-class-name="tableRowClassName">
 <!--          :selectable="() => config && config.selectable ? false : true"  -->
             <el-table-column v-if="!(config && config.colHiddenCheck)" fixed="left" type="selection" width="55" :selectable="() => config && config.selectable ? false : true" align="center" />
             <!--      展开列内容        -->
@@ -489,6 +489,12 @@
           }
           this.$emit("fnClick", {fnCode: 'sortTable'}, {sortType: sortType});
         },
+        // 高亮展示列
+        tableRowClassName({row, rowIndex}) {
+          if (row.alarmFlag) {
+            return 'tabColBgc'
+          }
+        },
       }
     }
 </script>
@@ -514,6 +520,24 @@
   ::v-deep .handleContSty .cell{
     white-space: nowrap !important;
   }
+  /* 高亮闪烁 */
+  ::v-deep .tabColBgc {
+    /*background-color: #fa9550!important;*/
+    animation: flashing 1s infinite ease-in-out;
+  }
+  @keyframes flashing {
+    0%   { background-color: #fa9550; } /* 起始颜色 */
+    50%  { background-color: #fff; }    /* 中间颜色 */
+    100% { background-color: #fa9550; } /* 结束颜色 */
+  }
+  ::v-deep .el-table__body .tabColBgc.hover-row > td.el-table__cell,
+            .el-table__body .tabColBgc.hover-row.current-row > td.el-table__cell,
+            .el-table__body .tabColBgc.hover-row.selection-row > td.el-table__cell,
+            .el-table__body .tabColBgc.hover-row.el-table__row--striped > td.el-table__cell,
+            .el-table__body .tabColBgc.hover-row.el-table__row--striped.current-row > td.el-table__cell,
+            .el-table__body .tabColBgc.hover-row.el-table__row--striped.selection-row > td.el-table__cell {
+    background-color: #ffb98c!important;
+  }
 </style>
 <style>
   .my-custom-tooltip {