修改显示

src/views/mes/materialBom/index.vue

@@ -18,14 +18,17 @@
             @node-click="handleNodeClick"
           >
             <template #default="{ node, data }">
-              <div>
+              <div style="width: 100%">
-                <el-tooltip :content="`${data.label}`">
+                <el-tooltip :content="`${data.label}`" style="width: 100%">
-                  <div class="custom-tree-node" style="display: inline-block;vertical-align: center">
+                  <div class="custom-tree-node"
-                    <span :style="{backgroundColor:getColor(data)?.[0],color:getColor(data)?.[1]}">{{ node.label
+                       style="display: inline-block;vertical-align: top;max-width: 80%;overflow: hidden;">
+                    <span
+                      :style="{backgroundColor:getColor(data)?.[0],color:getColor(data)?.[1],verticalAlign: 'center'}">{{ node.label
                       }}</span>
                   </div>
                 </el-tooltip>
-                <el-button type="primary" link @click="fun(data)">
+                <el-button type="primary" link @click="fun(data)"
+                           style=" vertical-align: top; ">
                   上传
                 </el-button>
               </div>
@@ -899,4 +902,8 @@ const getColor = (e) => {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="less" scoped>
+:deep(.el-tree-node__content) {
+  width: 100%;
+}
+</style>