处理文本超长

src/views/systemManage/departManage.vue

@@ -16,7 +16,10 @@
         >
           <template #default="{ node, data }">
             <div class="custom-tree-node">
-              <span class="node-name">{{ node.label }}</span>
+              <el-tooltip :content="node.label" placement="right">
+                <span class="node-name">{{ node.label }}</span>
+              </el-tooltip>
+
               <el-dropdown>
                 <span class="el-dropdown-link">
                   <i class="iconfont icon-gengduo"></i>
@@ -322,7 +325,7 @@ onMounted(() => {
     padding: 20px;
     margin-right: 20px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-    width: 270px;
+    width: 333px;
     display: flex;
     flex-direction: column;
   }