设备录入微调

src/components/tree/select.vue

@@ -120,8 +120,69 @@ const handleNodeClick = (data: any, node: any, event: any) => {
 // 存储所有勾选的节点
 const checkedNodes = ref<any[]>([])
 const defaultCheckedKeys = ref<string[]>([])
+
 // 处理节点勾选变化
 const handleCheckChange = (data: any, checkInfo: any) => {
+    const { checkedNodes: nodes } = checkInfo
+    // 过滤出监测点层级(level=3)的节点
+    const monitoringPointNodes = nodes.filter((node: any) => {
+        return node.level === 3 
+    })
+    
+    
+    // 限制最多只能勾选5个监测点
+    if (monitoringPointNodes.length > 5) {
+        // 获取之前选中的节点
+        const previousCheckedNodes = checkedNodes.value || []
+        
+        // 计算新增的节点
+        const newNodes = monitoringPointNodes.filter(
+            (node: any) => !previousCheckedNodes.some((prev: any) => prev.id === node.id)
+        )
+        
+        // 如果是从父级勾选导致超过限制，保留前几个直到达到限制数量
+        if (newNodes.length > 0) {
+            const allowedNewCount = 5 - previousCheckedNodes.length
+            if (allowedNewCount > 0) {
+                // 允许添加allowedNewCount个新节点
+                const allowedNewNodes = newNodes.slice(0, allowedNewCount)
+                const finalNodes = [...previousCheckedNodes, ...allowedNewNodes]
+                
+                checkedNodes.value = finalNodes
+                
+                // 设置树的勾选状态为正确的节点
+                treeRef.value?.setCheckedNodes(finalNodes)
+                
+                // 将勾选的监测点节点暴露出去
+                emit('checkedNodesChange', finalNodes)
+                
+                // 更新节点的可勾选状态
+                updateNodeCheckStatus(finalNodes.length)
+                
+                // 只有在真正超过5个时才提示警告
+                if (monitoringPointNodes.length > 5) {
+                    ElMessage.warning('最多只能选择5个监测点')
+                }
+                return
+            }
+        }
+        
+        // 其他情况回滚到之前的状态
+        ElMessage.warning('最多只能选择5个监测点')
+        treeRef.value?.setCheckedNodes(checkedNodes.value)
+        return
+    }
+    
+    checkedNodes.value = monitoringPointNodes
+    
+    // 将勾选的监测点节点暴露出去
+    emit('checkedNodesChange', monitoringPointNodes)
+    
+    // 更新节点的可勾选状态
+    updateNodeCheckStatus(monitoringPointNodes.length)
+}
+// 处理节点勾选变化
+const handleCheckChange2 = (data: any, checkInfo: any) => {
     const { checkedNodes: nodes } = checkInfo
     // 过滤出监测点层级(level=3)的节点
     const monitoringPointNodes = nodes.filter((node: any) => {