基础设施，左侧树增加tips显示

back/src/views/modules/ability/assignedScene/components/infrastructure-tree.vue

@@ -19,7 +19,11 @@
                                     <path d="M512 624a112 112 0 1 0 0-224 112 112 0 0 0 0 224z" p-id="2157"
                                         fill="#0058e1"></path>
                                 </svg>
-                                <span class="name">{{ val.name }}({{ val.channelCount }})</span>
+                                <el-tooltip  effect="dark"  placement="top-start">
+                                    <div class="tooltip-name" slot="content">{{val.name}}</div>
+                                    <span class="name">{{ val.name }}</span>
+                                </el-tooltip>
+                                <span class="num">({{ val.channelCount }})</span>
                             </div>
                             <span v-if="item.children.length < 0">{{ val.total }}</span>
                             <span v-else>
@@ -54,7 +58,7 @@
 <script>
 export default {
     data() {
-        return {
+      return {
             selectedKeys: [],
             checkedKeys: [],
             showKey: 0,
@@ -311,4 +315,21 @@ export default {
         }
     }
 }
+
+.name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    word-break: break-all;
+    width: 190px;
+    text-align: left;
+}
+
+.num {
+    width: 40px;
+    text-align: right;
+}
+.tooltip-name {
+    max-width: 300px;
+}
 </style>