故障诊断中的npm的展开的卡片中标题文本超出悬浮提示

@@ -69,7 +69,12 @@
         </div>
         <div v-else  v-for="item in cardData" style="width: 340px;">
             <div style="width: 340px;min-height: 184px;background: url('../src/style/img/fault/npm/npmCard.png') no-repeat;background-size: 100% 100%;padding-top: 20px;margin-bottom: 26px;box-sizing: border-box;">
-                <div class="text-overflow" style="width: 220px;margin-left: 40px;font-size: 16px">{{item.streamName}}</div>
+                <div class="text-overflow" style="width: 220px;margin-left: 40px;font-size: 16px">
+<!--                    {{item.streamName}}-->
+                    <el-tooltip ref="tlp" :content="item.streamName" placement="bottom"  :disabled="item.isShowTooltip == undefined || item.isShowTooltip == false">
+                        <span  @mouseenter="visibilityChange($event,item)"> {{item.streamName}}</span>
+                    </el-tooltip>
+                </div>
                 <div style="margin-top: 35px;">
                     <p style="width: 85%;text-align: left;padding-left: 50px;">业务量
                         <h class="text-link" style="margin-left: 6px;">{{item.busNum}}</h>

@@ -117,7 +117,19 @@ export default {
         const openDiagnosticItem = (type) => {
             service.sendEventNormalDialog(emit, proxy.$global, props.faultNo, props.targetType.toLocaleLowerCase(), '',type);
         }
-
+        const visibilityChange = (e, item) => {
+            const ev = e.target;
+            var ev_width = $(ev).scroll().width();//文本实际宽度
+            const content_width=proxy.$refs.tlp.$el.parentNode.clientWidth;//文本容器宽度
+            // 超过1行，显示悬浮
+            if (ev_width > content_width) {
+                // 文本实际宽度 > 文本容器宽度  文字溢出
+                item.isShowTooltip = true;
+            } else {
+                // 否则为不溢出
+                item.isShowTooltip = false;
+            }
+        }
         // 挂载完
         Vue.onMounted(() => {
             getNpmList();
@@ -137,7 +149,8 @@ export default {
             openBusScenarios,
             openKpiList,
             openResPonse,
-            openDiagnosticItem
+            openDiagnosticItem,
+            visibilityChange
         }
     }
 }