From 178b4a32a177f75c2680888f75bbd4822a23e5f6 Mon Sep 17 00:00:00 2001
From: "xinxin.wu" <xinxin.wu@fit2cloud.com>
Date: Wed, 28 Oct 2026 10:22:42 +0800
Subject: [PATCH] style: llm node

---
 .../nodes/llm-node/component/ToolFunctionDrawer.vue  |  2 +-
 .../nodes/llm-node/component/ToolsSetting.vue        | 12 +++++++++---
 ui/src/workflow-canvas/nodes/llm-node/index.ts       | 10 +++++++++-
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/ui/src/workflow-canvas/nodes/llm-node/component/ToolFunctionDrawer.vue b/ui/src/workflow-canvas/nodes/llm-node/component/ToolFunctionDrawer.vue
index 082e89770a4..cd66c6bd431 100644
--- a/ui/src/workflow-canvas/nodes/llm-node/component/ToolFunctionDrawer.vue
+++ b/ui/src/workflow-canvas/nodes/llm-node/component/ToolFunctionDrawer.vue
@@ -194,7 +194,7 @@ defineExpose({ open, close })
           <MkIcon name="icon_add_outlined" />
         </el-button>
       </div>
-      <MkTable :data="functionForm.parameters" size="small" row-key="name" :max-height="undefined" empty-text="暂无参数">
+      <MkTable class="border" :data="functionForm.parameters" size="small" row-key="name" :max-height="undefined" empty-text="暂无参数">
         <el-table-column label="参数">
           <template #default="{ row }">
             <span class="block truncate" :title="row.name">{{ row.name }}</span>
diff --git a/ui/src/workflow-canvas/nodes/llm-node/component/ToolsSetting.vue b/ui/src/workflow-canvas/nodes/llm-node/component/ToolsSetting.vue
index a80433072f2..9003c6caef2 100644
--- a/ui/src/workflow-canvas/nodes/llm-node/component/ToolsSetting.vue
+++ b/ui/src/workflow-canvas/nodes/llm-node/component/ToolsSetting.vue
@@ -97,7 +97,13 @@ onBeforeUnmount(() => anchorGuard.reset())
           <MkIcon name="icon_add_outlined" />
         </el-button>
         <!-- 工具声明更多操作 -->
-        <MkDropdown class="ml-2" :teleported="false" trigger="click" placement="bottom-end" @visible-change="anchorGuard.setOverlayVisible('tools-more', $event)">
+        <MkDropdown
+          class="ml-2"
+          :teleported="false"
+          trigger="click"
+          placement="bottom-end"
+          @visible-change="anchorGuard.setOverlayVisible('tools-more', $event)"
+        >
           <el-button text type="primary">
             <MkIcon name="icon_more_outlined" />
           </el-button>
@@ -139,7 +145,7 @@ onBeforeUnmount(() => anchorGuard.reset())
     placeholder="请选择工具变量"
     @update:model-value="updateSetting({ reference: $event })"
   />
-  <MkTable v-else-if="setting.tools.length" :data="setting.tools" size="small" row-key="function.name" :max-height="undefined">
+  <MkTable class="border" v-else-if="setting.tools.length" :data="setting.tools" size="small" row-key="function.name" :max-height="undefined">
     <el-table-column label="工具名称">
       <template #default="{ row }">
         <span class="block truncate" :title="row.function.name">{{ row.function.name }}</span>
@@ -150,7 +156,7 @@ onBeforeUnmount(() => anchorGuard.reset())
         <span class="block truncate" :title="row.function.description || '-'">{{ row.function.description || '-' }}</span>
       </template>
     </el-table-column>
-    <el-table-column label="参数" width="55">
+    <el-table-column label="参数">
       <template #default="{ row }">{{ Object.keys(row.function.parameters?.properties ?? {}).length }}</template>
     </el-table-column>
     <el-table-column label="操作" width="80">
diff --git a/ui/src/workflow-canvas/nodes/llm-node/index.ts b/ui/src/workflow-canvas/nodes/llm-node/index.ts
index 740f821dab4..a9dafc7755b 100644
--- a/ui/src/workflow-canvas/nodes/llm-node/index.ts
+++ b/ui/src/workflow-canvas/nodes/llm-node/index.ts
@@ -9,9 +9,17 @@ class LlmNodeView extends WorkflowNodeView {
   }
 }
 
+class LlmNodeModel extends WorkflowNodeModel {
+  override setAttributes() {
+    super.setAttributes()
+    this.width = 600
+    this.properties.width = 600
+  }
+}
+
 export default {
   type: WorkflowNodeType.Llm,
-  model: WorkflowNodeModel,
+  model: LlmNodeModel,
   view: LlmNodeView,
   details: LlmNodeDetail,
 }