fix:overview table取消多个悬浮框

nezha-fronted/src/components/common/language/en.js

@@ -508,6 +508,9 @@ const en = {
       requiredMibFile:'mib file is required',
       vendor:'Vendor',
       type:'Type',
+    },
+    system:{
+      system:'System',
     }
   },
   alert: {

nezha-fronted/src/components/page/dashboard/overview/overview.vue

@@ -326,7 +326,12 @@
                   prop:'name',
                   show:true,
                   showPopover:true,
+                  showOverflowTooltip:false,
                   popover:[
+                    {
+                      label:this.$t('dashboard.overview.project.project'),
+                      prop:'name'
+                    },
                     {
                       label:this.$t('dashboard.overview.project.module'),
                       prop:'moduleNum'
@@ -442,7 +447,12 @@
                   prop:'name',
                   show:true,
                   showPopover:true,
+                  showOverflowTooltip:false,
                   popover:[
+                    {
+                      label:this.$t('dashboard.overview.dataCenter.dataCenter'),
+                      prop:'name'
+                    },
                     {
                       label:this.$t('dashboard.overview.asset.pingUp'),
                       prop:'endpointUp'

nezha-fronted/src/components/page/dashboard/overview/tableBox.vue

@@ -44,6 +44,7 @@
               class="overview-table"
               :data="showData.table.tableData"
               v-scrollBar:el-table
+              tooltip-effect="light"
               height="100%"
               ref="dataTable"
             >
@@ -52,10 +53,11 @@
                 v-for="(item, index) in showData.table.tableLabel"
                 v-if="item.show"
                 :key="`col-${index}`"
+                :class-name="typeof item.showOverflowTooltip != 'undefined'&& item.showOverflowTooltip == false?'cell-tooltip':''"
                 :width="item.width"
                 :label="item.label"
                 :render-header="item.renderHeader"
-                show-overflow-tooltip
+                :show-overflow-tooltip="typeof item.showOverflowTooltip != 'undefined'?item.showOverflowTooltip:true"
                 min-width="90"
               >
                 <template slot-scope="scope" :column="item">
@@ -128,9 +130,33 @@
       endLoading(){
         this.$refs.loading.endLoading();
       },
-      layoutTable:function(){
+      formatTableColumn:function(column,len=14){
-        this.$refs.dataTable.doLayout();
+        let length=this.getLength(column);
+        if(length<=15){
+          return column;
+        }else{
+          let tempStr=column.substr(0,len);
+          if(this.getLength(tempStr) <= 15){
+            return tempStr+'';
+          }else{
+            return this.formatTableColumn(tempStr,len-1)
           }
+        }
+      },
+      getLength(val) {
+        var str = new String(val);
+        var bytesCount = 0;
+        for (var i = 0 ,n = str.length; i < n; i++) {
+          var c = str.charCodeAt(i);
+          if ((c >= 0x0001 && c <= 0x007e) || (0xff60<=c && c<=0xff9f)) {
+            bytesCount += 1;
+          } else {
+            bytesCount += 2;
+          }
+        }
+        return bytesCount;
+      }
+
     },
     mounted() {
     },
@@ -154,4 +180,11 @@
   .overview-table th, .overview-table tr {
     background-color: #FCFCFC !important;
   }
+  .cell-tooltip .cell{
+    white-space: nowrap;
+    min-width: 50px;
+    word-break: break-all;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 </style>