联调检测脚本页面

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

@@ -1,9 +1,9 @@
 <template>
-    <el-tree node-key="id" default-expand-all :data="dataTree" :props="defaultProps" style="width: 100%">
+    <el-tree node-key="id" default-expand-all :data="props.treeData" :props="defaultProps" style="width: 100%">
         <template #default="{ node, data }">
-            <el-tooltip effect="dark" :content="data.scriptTypeName" placement="top" :hide-after="0">
+            <el-tooltip effect="dark" :content="data.scriptTypeName || data.sourceDesc" placement="top" :hide-after="0">
                 <div class="custom-tree-node">
-                    {{ data.scriptTypeName }}
+                    {{ data.scriptTypeName || data.sourceDesc }}
                 </div>
             </el-tooltip>
         </template>
@@ -11,11 +11,11 @@
 </template>
 <script setup lang="ts">
 import { ref, reactive } from 'vue'
-import { getTreeData } from '@/api/check/test'
+
 import { CheckData } from '@/api/check/interface'
 const props = defineProps({
-    formContent: {
-        type: Object,
+    treeData: {
+        type: Array,
         required: true
     }
 })
@@ -25,16 +25,10 @@ const defaultProps = {
     label: 'scriptTypeName',
     pid: 'pid'
 }
-const open = () => {
-    getTreeData({
-        scriptId: props.formContent.id
-    }).then(res => {
-        dataTree.value = res.data
-    })
-}
-onMounted(() => {
-    open()
-})
+
+onMounted(() => {})
+// // 对外映射
+// defineExpose({ init })
 </script>
 <style lang="scss" scoped>
 .custom-tree-node {