From 61e07866bd27e735f37ccf6d3c5f5f4a2826e344 Mon Sep 17 00:00:00 2001
From: zhanghao <774378400@qq.com>
Date: Wed, 5 Aug 2026 09:53:23 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../flow/components/FormItemRecursive.vue     |  1 +
 src/views/flow/index.vue                      | 38 ++++++++-----------
 2 files changed, 16 insertions(+), 23 deletions(-)

diff --git a/src/views/flow/components/FormItemRecursive.vue b/src/views/flow/components/FormItemRecursive.vue
index c24d7d8..46acd1e 100644
--- a/src/views/flow/components/FormItemRecursive.vue
+++ b/src/views/flow/components/FormItemRecursive.vue
@@ -13,6 +13,7 @@
           <el-input
             class="param-name"
             v-model="item.name"
+            :disabled="item.disabled || false"
             placeholder="请输入"
             clearable
           />
diff --git a/src/views/flow/index.vue b/src/views/flow/index.vue
index 8891303..a283993 100644
--- a/src/views/flow/index.vue
+++ b/src/views/flow/index.vue
@@ -155,7 +155,7 @@
     />
   </div>
 
-  <el-dialog v-model="visible" width="640" class="single-node-dialog" append-to-body>
+  <el-dialog v-model="visible" width="500" class="single-node-dialog" append-to-body>
     <template #header="{ close, titleId, titleClass }">
       <div class="my-header">
         <h4 :id="titleId" :class="titleClass">执行{{ nodeName }}节点</h4>
@@ -568,6 +568,9 @@ const initFlowData = {
       properties: {
         name: "Start",
         action: "start",
+        nodeParams: [
+          { name: "robotId", type: "input", input: "", disabled: true }
+        ],
       },
     },
     {
@@ -1219,12 +1222,13 @@ onUnmounted(() => {
 });
 </script>
 <style lang="scss" scoped>
-$flow-canvas-cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%3E%3Cpath%20d=%27M4%202.5v16l4.2-4%203.1%207.1%203.4-1.5-3.1-7.1h5.8z%27%20fill=%27%23fff%27%20stroke=%27%231f2937%27%20stroke-width=%271.8%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") 4 3, default;
 
 .single-node-param-row {
-  display: grid;
-  grid-template-columns: 190px minmax(0, 1fr);
-  gap: 16px;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 24px;
   align-items: start;
 }
 
@@ -1238,7 +1242,7 @@ $flow-canvas-cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org
   :deep(.el-input),
   :deep(.el-input-number),
   :deep(.el-select) {
-    width: 100%;
+    width: 220px;
   }
 }
 
@@ -1432,12 +1436,12 @@ $flow-canvas-cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org
     .flow__container {
       width: 100%;
       height: 100%;
-      cursor: $flow-canvas-cursor;
+      cursor: pointer;
 
       :deep(.vue-flow__node) {
         border: 0;
         background: transparent;
-        cursor: $flow-canvas-cursor;
+        cursor: pointer;
       }
 
       :deep(.vue-flow__node .flow-node-shell),
@@ -1446,7 +1450,7 @@ $flow-canvas-cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org
       :deep(.vue-flow__node .right),
       :deep(.vue-flow__node .editIcon),
       :deep(.vue-flow__node .resultText) {
-        cursor: $flow-canvas-cursor;
+        cursor: pointer;
       }
 
       :deep(.vue-flow__edge-path),
@@ -1456,11 +1460,11 @@ $flow-canvas-cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org
       }
 
       :deep(.vue-flow__pane) {
-        cursor: $flow-canvas-cursor;
+        cursor: pointer;
       }
 
       :deep(.vue-flow__pane.dragging) {
-        cursor: $flow-canvas-cursor;
+        cursor: pointer;
       }
 
       :deep(.vue-flow__handle) {
@@ -1515,17 +1519,5 @@ $flow-canvas-cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org
   }
 }
 
-.el-dialog {
-  .el-input {
-    width: 200px;
-  }
 
-  .el-select {
-    width: 200px;
-  }
-
-  .el-textarea {
-    width: 200px;
-  }
-}
 </style>