修改比对式检测页面

frontend/src/views/home/components/channelPairing.vue

@@ -15,6 +15,8 @@
                 :fit-view="true"
                 :min-zoom="1"
                 :max-zoom="1"
+                :nodesConnectable="checkStore.nodesConnectable"
+     
                 :elements-selectable="false"
                 auto-connect
                 @connect="handleConnect"
@@ -67,10 +69,12 @@ const prop = defineProps({
     planIdKey: {
         type: String,
         default: ''
-    }
+    },
+
 })
 // 计算对话框高度
 const dialogHeight = ref(600)
+
 // 初始化 VueFlow，注册自定义连线类型
 const { edges, setViewport } = useVueFlow({
     edgeTypes: {
@@ -93,7 +97,7 @@ const createLabel = (text: string, type: string) => {
                 flexDirection: 'column',
                 alignItems: 'center',
                 fontSize: '15px',
-                textAlign: 'center',
+                // textAlign: 'center',
                 border: '1px solid #ccc',
                 borderRadius: '8px',
                 padding: '8px',
@@ -108,8 +112,9 @@ const createLabel = (text: string, type: string) => {
                     color: '#526ade'
                 }
             }),
-            h('div', null, '设备名称：' + text),
-            h('div', null, '设备类型：' + type)
+            h('div', { style: { textAlign: 'left' } }, ['设备名称：' + text, h('br'), '设备类型：' + type])
+            // h('div', null, '设备名称：' + text),
+            // h('div', null, '设备类型：' + type)
         ]
     ) as any
 }
@@ -357,13 +362,13 @@ const createNodes = (device: Device.ResPqDev[], standardDev: StandardDevice.ResP
     const deviceChannelGroups: { deviceId: string; centerY: number }[] = []
     const standardChannelGroups: any[] = []
 
-    const deviceWidth = 150
+    const deviceWidth = 100
     const inputChannelX = 350
     const outputChannelX = 1020
     const standardWidth = 1170
 
-    const yPosition = ref(25)
-    const yPosition2 = ref(25)
+    const yPosition = ref(75)
+    const yPosition2 = ref(75)
 
     // 添加被检通道
     Object.entries(channelCounts).forEach(([deviceId, count]) => {
@@ -375,6 +380,7 @@ const createNodes = (device: Device.ResPqDev[], standardDev: StandardDevice.ResP
                 data: { label: createLabel3(`被检通道${i}`) },
                 position: { x: inputChannelX, y: yPosition.value },
                 sourcePosition: 'right',
+
                 style: { width: '150px', border: 'none', boxShadow: 'none' }
             })
 
@@ -456,7 +462,7 @@ const createNodes = (device: Device.ResPqDev[], standardDev: StandardDevice.ResP
                 data: { label: createLabel(device.name, device.deviceType) },
                 position: { x: deviceWidth, y: centerY },
                 class: 'no-handle-node',
-                style: { width: '200px', border: 'none', boxShadow: 'none' }
+                style: { width: '250px', border: 'none', boxShadow: 'none' }
             })
         }
     })
@@ -468,9 +474,9 @@ const createNodes = (device: Device.ResPqDev[], standardDev: StandardDevice.ResP
             newNodes.push({
                 id: device.id,
                 data: { label: createLabel(device.name, device.deviceType) },
-                position: { x: standardWidth, y: centerY },
+                position: { x: standardWidth, y: centerY + 25 },
                 class: 'no-handle-node',
-                style: { width: '200px', border: 'none', boxShadow: 'none' }
+                style: { width: '250px', border: 'none', boxShadow: 'none' }
             })
         }
     })