From 2898cb7e196c0e8a27080c8982a3434c1dc03f1b Mon Sep 17 00:00:00 2001
From: Odboy <tianjun@odboy.cn>
Date: Sat, 7 Mar 2026 10:45:23 +0800
Subject: [PATCH] =?UTF-8?q?feat(devops):=20=E4=BC=98=E5=8C=96=E6=B5=81?=
 =?UTF-8?q?=E6=B0=B4=E7=BA=BF=E4=BB=BB=E5=8A=A1=E6=9E=84=E5=BB=BA=E5=99=A8?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加按钮组条件渲染，仅在可交互时显示
- 调整按钮类型和请求类型列的宽度以改善布局
- 新增添加按钮功能，支持动态添加按钮配置
- 修复节点参数表格作用域变量命名冲突问题
- 新增添加参数功能，支持动态添加节点参数配置
---
 .../devops/pipeline/PipeTaskBuilder.vue       | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/cutejava-front/src/views/components/devops/pipeline/PipeTaskBuilder.vue b/cutejava-front/src/views/components/devops/pipeline/PipeTaskBuilder.vue
index c87e914f..6e3c47ec 100644
--- a/cutejava-front/src/views/components/devops/pipeline/PipeTaskBuilder.vue
+++ b/cutejava-front/src/views/components/devops/pipeline/PipeTaskBuilder.vue
@@ -105,14 +105,14 @@
           <el-form-item label="是否可交互(运行态)">
             <el-switch v-model="hasButtonList" />
           </el-form-item>
-          <el-form-item label="按钮组">
+          <el-form-item v-if="hasButtonList" label="按钮组">
             <el-table :data="buttonList">
               <el-table-column prop="text" label="按钮名称" width="180">
                 <template v-slot="scope">
                   <el-input v-model="scope.row.text" />
                 </template>
               </el-table-column>
-              <el-table-column prop="type" label="按钮类型" width="150">
+              <el-table-column prop="type" label="按钮类型" width="160">
                 <template v-slot="scope">
                   <el-select
                     v-model="scope.row.type"
@@ -139,7 +139,7 @@
                     </el-table-column>
                   </el-table>
                   <el-table v-if="scope.row.type === 'execute'" :data="buttonList">
-                    <el-table-column prop="method" label="请求类型" width="120">
+                    <el-table-column prop="method" label="请求类型" width="160">
                       <template v-slot="innerScope">
                         <el-select
                           v-model="innerScope.row.method"
@@ -160,21 +160,22 @@
                 </template>
               </el-table-column>
             </el-table>
+            <el-button style="width: 100%" type="primary" plain @click="buttonList.push({})">添加按钮</el-button>
           </el-form-item>
           <el-form-item label="节点参数">
             <el-table :data="parameterList">
               <el-table-column prop="name" label="参数名称">
-                <template v-slot="scope">
-                  <el-input v-model="scope.row.name" />
+                <template v-slot="nodeParamScope">
+                  <el-input v-model="nodeParamScope.row.name" />
                 </template>
               </el-table-column>
               <el-table-column prop="code" label="参数编码">
-                <template v-slot="scope">
-                  <el-input v-model="scope.row.code" />
+                <template v-slot="nodeParamScope">
+                  <el-input v-model="nodeParamScope.row.code" />
                 </template>
               </el-table-column>
               <el-table-column prop="dataSource" label="参数可选项">
-                <template v-slot="scope">
+                <template v-slot="nodeParamScope">
                   <el-select
                     placeholder="请输入参数可选项"
                     clearable
@@ -182,7 +183,7 @@
                     allow-create
                   >
                     <el-option
-                      v-for="(item, index) in scope.row.dataSource"
+                      v-for="(item, index) in nodeParamScope.row.dataSource"
                       :key="index"
                       :label="item.label"
                       :value="item.value"
@@ -191,6 +192,7 @@
                 </template>
               </el-table-column>
             </el-table>
+            <el-button style="width: 100%" type="primary" plain @click="parameterList.push({})">添加参数</el-button>
           </el-form-item>
         </el-form>
       </CutePage>