蛇形。

src/hooks/vueflowHooks.ts

@@ -73,7 +73,7 @@ export const useSnakeLayoutHook = (
 
   console.log("dddd", nodes, edges);
 
-  nodes = sortNodesByEdges(nodes, edges);
+  // nodes = sortNodesByEdges(nodes, edges);
 
   const snakeNodes = [];
 

src/views/base/craftManagement/route/bindConfig.ts

@@ -15,7 +15,7 @@ const switchOp = [
 export const formOption = {
   submitBtn: false,
   emptyBtn: false,
-  labelWidth: 120,
+  labelWidth: 100,
   column: [
     {
       label: "工序名称",
@@ -221,7 +221,7 @@ export const formOption = {
       type: "textarea",
     },
     {
-      label: "是否自定义名称",
+      label: "自定义名称",
       prop: "customEnable",
       span: 8,
       hide: true,

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

@@ -164,7 +164,10 @@
           </div>
           <!-- 工序信息编辑模式 -->
           <div v-else>
-            <div v-if="currentProcess.id" style="width: 310px">
+            <div
+              v-if="currentProcess.id"
+              style="width: 310px; padding-right: 20px"
+            >
               <avue-form
                 ref="formRef"
                 :option="formOption"
@@ -679,6 +682,9 @@ async function layoutGraph(direction) {
 const convertToSnakeLayout = () => {
   addHistory();
   nodes.value = useSnakeLayoutHook(nodes.value, edges.value);
+  nextTick(() => {
+    fitView();
+  });
 };
 </script>