From c8d315934a3189afda4260e50568164f6b9916e0 Mon Sep 17 00:00:00 2001
From: guoyue <guoyue2@hisense.com>
Date: Thu, 3 Nov 2022 17:58:46 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9F=BA=E7=A1=80=E8=AE=BE=E6=96=BD=EF=BC=8C?=
 =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E6=A0=91=E5=A2=9E=E5=8A=A0tips=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/infrastructure-tree.vue        | 25 +++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/back/src/views/modules/ability/assignedScene/components/infrastructure-tree.vue b/back/src/views/modules/ability/assignedScene/components/infrastructure-tree.vue
index a4ccdd1b..082ac4d5 100644
--- a/back/src/views/modules/ability/assignedScene/components/infrastructure-tree.vue
+++ b/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>