修改 测试脚本页面

frontend/src/views/machine/testScript/components/tree.vue

@@ -1,5 +1,13 @@
 <template>
-    <el-tree node-key="id" default-expand-all :data="dataTree" :props="defaultProps" />
+    <el-tree node-key="id" default-expand-all :data="dataTree" :props="defaultProps">
+        <template #default="{ node, data }">
+            <el-tooltip effect="dark" :content="data.scriptTypeName" placement="top" :hide-after="0">
+                <div class="custom-tree-node">
+                    {{ data.scriptTypeName }}
+                </div>
+            </el-tooltip>
+        </template>
+    </el-tree>
 </template>
 <script setup lang="ts">
 import { ref, reactive } from 'vue'
@@ -22,4 +30,11 @@ onMounted(() => {
     open()
 })
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.custom-tree-node {
+    max-width: 230px;
+    overflow-x: hidden !important;
+    white-space: nowrap !important;
+    text-overflow: ellipsis !important;
+}
+</style>