微调

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

@@ -1,6 +1,6 @@
 <template>
     <el-tree
-        node-key="id"
+        node-key="scriptName"
         default-expand-all
         :data="props.treeData"
         :props="defaultProps"
@@ -8,8 +8,10 @@
         :expand-on-click-node="false"
         :highlight-current="true"
         @node-click="handleNodeClick"
-       show-checkbox
+        show-checkbox
+        :check-strictly="true"
         @check-change="handleCheckChange"
+        ref="treeRef"
     >
         <template #default="{ node, data }">
             <el-tooltip effect="dark" :content="data.sourceDesc || data.scriptTypeName" placement="top" :hide-after="0">
@@ -40,6 +42,7 @@ const defaultProps = {
 const activeName = ref('')
 const childActiveName = ref('')
 const activeIndex = ref()
+const treeRef = ref()
 const handleNodeClick = (data, node) => {
     console.log('handleNodeClick', props.treeData)
   if(data.index!= null){
@@ -99,16 +102,12 @@ function findTargetCodes(data: any[], targetCodes: string[]) {
     // return result
 }
 
-function handleCheckChange(data, checked) {
-  if (checked) {
-    // Uncheck all other nodes
-    console.log('handleCheckChange', data.id)
-    props.treeData.forEach((node) => {
-      if (node.id !== data.id) {
-        node.checked = false;
-      }
-    });
-  }
+function handleCheckChange(data,isChecked) {
+    console.log('handleCheckChange', data,isChecked)
+    if(isChecked){
+            const checked = [data.scriptName]; // id为tree的node-key属性
+            treeRef.value?.setCheckedKeys(checked);
+          }
 }
 // // 对外映射
 // defineExpose({ init })