程控源

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

@@ -23,15 +23,17 @@
     </el-tree>
 </template>
 <script setup lang="ts">
-import { ref, reactive } from 'vue'
+import { ref, reactive, onMounted, watch } from 'vue'
 
 import { CheckData } from '@/api/check/interface'
 import { da } from 'element-plus/es/locale'
+import { on } from 'events'
 const props = defineProps({
     treeData: {
         type: Array,
         required: true
     }
+
 })
 const emit = defineEmits(['setTab'])
 const dataTree = ref<CheckData.TreeItem[]>([])
@@ -111,17 +113,44 @@ function handleCheckChange(data,isChecked) {
         const checked = [data.id]; // id为tree的node-key属性
         treeRef.value?.setCheckedKeys(checked);
         emit('setTab', {
-        activeName: data.scriptType,
-        childActiveName: data.scriptTypeCode,
-        activeIndex:data.index
-      })
+            activeName: data.scriptType,
+            childActiveName: data.scriptTypeCode,
+            activeIndex:data.index
+        })
     }
 } 
 
 
+// 递归查找第一个节点的最后一层子节点
+function findFirstLeafNode(node: any): any {
+    if (node.children && node.children.length > 0) {
+        return findFirstLeafNode(node.children[0]);
+    }
+    return node;
+}
+
+const checkTree = () => {
+  
+    if (props.treeData.length > 0 && treeRef.value) {
+        const firstNode = props.treeData[0];
+        const firstLeafNode = findFirstLeafNode(firstNode);
+        const firstLeafNodeId = firstLeafNode.id;
+        treeRef.value.setCheckedKeys([firstLeafNodeId]);
+        
+    }
+}
+
+// 确保在组件挂载后也执行一次
+onMounted(() => {
+    
+    checkTree()
+});
+
+
+
 
 // // 对外映射
-// defineExpose({ init })
+ defineExpose({ checkTree })
 </script>
 <style lang="scss" scoped>
 .custom-tree-node {