微调

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 })

frontend/src/views/machine/controlSource/index.vue

@@ -18,7 +18,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label='检测脚本' prop='scriptId'>
-          <el-select v-model="controlContent.scriptId" collapse-tags placeholder="请选择检测脚本">
+          <el-select v-model="controlContent.scriptId" collapse-tags placeholder="请选择检测脚本" @change="handleScriptChange">
             <el-option
                 v-for="(option, index) in scriptArray"
                 :key="index"
@@ -293,7 +293,18 @@ const handleActiveIndexChange = (newActiveIndex: number) => {
   scriptIndex.value = newActiveIndex
 }
 
+
+// 定义 handleScriptChange 方法
+const handleScriptChange = (value: string) => {
+  // 根据业务需求实现具体逻辑
+  console.log('检测脚本变更:', value);
+  router.push({
+                path: '/machine/controlSource',
+                state: { title: '新增检测脚本', row: '', mode: modeStore.currentMode }
+            })
+}
 const start = async () => {
+ 
   controlContent.value.userPageId = 'cdf'
   controlContent.value.scriptIndex = scriptIndex.value
   await checkSimulate(controlContent.value)