竖着排序去掉handles。

src/hooks/useLayout.js

@@ -30,6 +30,9 @@ export function useLayout() {
       // if you need width+height of nodes for your layout, you can use the dimensions property of the internal node (`GraphNode` type)
       const graphNode = findNode(node.id);
 
+      if (node?.data?.handles) {
+        node.data.handles = [];
+      }
       dagreGraph.setNode(node.id, {
         width: graphNode.dimensions.width || 150,
         height: graphNode.dimensions.height || 50,

src/views/base/craftManagement/route/bindProcess.vue

@@ -343,8 +343,9 @@ const { onDragOver, onDrop, onDragLeave, isDragOver, onDragStart } =
   useDragAndDrop();
 // onConnect(addEdges);
 const onConnectMethod = (edge) => {
-  edge.type = "custom";
+  edge.type = "smoothstep";
   edge.markerEnd = "arrowclosed";
+  edge.style = { strokeWidth: "2" };
   addEdges(edge);
 };
 

src/views/base/craftManagement/route/components/CustomNode/index.vue

@@ -58,18 +58,6 @@ console.log(props.data);
       {{ data.lineTag ? data.label + "(" + data.lineTag + ")" : data.label }}
     </div>
 
-    <!--    <div v-if="props.sourcePosition && props.targetPosition">-->
-    <!--      <Handle-->
-    <!--        class="handle-style"-->
-    <!--        type="source"-->
-    <!--        :position="props.sourcePosition"-->
-    <!--      />-->
-    <!--      <Handle-->
-    <!--        class="handle-style"-->
-    <!--        type="target"-->
-    <!--        :position="props.targetPosition"-->
-    <!--      />-->
-    <!--    </div>-->
     <div v-if="data.handles && data.handles.length">
       <Handle
         class="handle-style"