From b1c7bf5b5803d1a360a9f6bb1bad78cb77c97b0f Mon Sep 17 00:00:00 2001
From: HYana <g329736345@gmail.com>
Date: Mon, 21 Apr 2025 12:46:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20webUI=20=E4=BC=98=E5=8C=96=E6=B5=81?=
 =?UTF-8?q?=E6=B0=B4=E7=BA=BF=E8=A1=A8=E5=8D=95=E6=A0=B7=E5=BC=8F=201.=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=8F=90=E4=BA=A4=E6=8C=89=E9=92=AE=202.=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=8C=89=E9=92=AE=E5=92=8C=E8=A1=A8=E5=8D=95?=
 =?UTF-8?q?=E9=A1=B9=E7=9A=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pipeline-form/PipelineFormComponent.tsx   | 30 +++++++++----------
 .../pipelineFormStyle.module.css              |  2 +-
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/web_ui/src/app/home/pipeline-config/components/pipeline-form/PipelineFormComponent.tsx b/web_ui/src/app/home/pipeline-config/components/pipeline-form/PipelineFormComponent.tsx
index 9a7ae574..5eec0ebf 100644
--- a/web_ui/src/app/home/pipeline-config/components/pipeline-form/PipelineFormComponent.tsx
+++ b/web_ui/src/app/home/pipeline-config/components/pipeline-form/PipelineFormComponent.tsx
@@ -211,9 +211,7 @@ export default function PipelineFormComponent({
                 style={{ display: getNowFormLabel().name === "trigger" ? 'block' : 'none' }}
             >
                 {/* 群响应规则块 */}
-                <Form.Item>
-                    群响应规则
-                </Form.Item>
+                <div className={`${styles.formItemSubtitle}`}> 群响应规则 </div>
                 <Form.Item
                     label={"是否在消息@机器人时触发"}
                     name={["group-respond-rules", "at"]}
@@ -253,10 +251,7 @@ export default function PipelineFormComponent({
                         step={0.05}
                     />
                 </Form.Item>
-
-                <Form.Item>
-                    访问控制
-                </Form.Item>
+                <div className={`${styles.formItemSubtitle}`}> 访问控制 </div>
                 <Form.Item
                     label={"模式"}
                     name={["access-control", "mode"]}
@@ -293,10 +288,7 @@ export default function PipelineFormComponent({
                     />
                 </Form.Item>
 
-                <Form.Item
-                    label={"消息忽略规则"}
-                >
-                </Form.Item>
+                <div className={`${styles.formItemSubtitle}`}> 消息忽略规则 </div>
 
                 <Form.Item
                     label={"前缀"}
@@ -329,6 +321,7 @@ export default function PipelineFormComponent({
                 style={{ display: getNowFormLabel().name === "safety" ? 'block' : 'none' }}
             >
                 {/* 内容过滤块 content-filter */}
+                <div className={`${styles.formItemSubtitle}`}> 内容过滤 </div>
                 <Form.Item
                     label={"检查范围"}
                     name={["content-filter", "scope"]}
@@ -352,7 +345,7 @@ export default function PipelineFormComponent({
                 </Form.Item>
 
                 {/* 速率限制块 rate-limit */}
-
+                <div className={`${styles.formItemSubtitle}`}> 速率限制 </div>
                 <Form.Item
                     label={"窗口长度（秒）"}
                     name={["rate-limit", "window-length"]}
@@ -391,7 +384,7 @@ export default function PipelineFormComponent({
                 style={{ display: getNowFormLabel().name === "output" ? 'block' : 'none' }}
             >
                 {/* 长文本处理区块 */}
-                <Form.Item label="长文本处理" />
+                <div className={`${styles.formItemSubtitle}`}> 长文本处理 </div>
                 <Form.Item
                     label="阈值"
                     name={["long-text-processing", "threshold"]}
@@ -420,7 +413,7 @@ export default function PipelineFormComponent({
                 </Form.Item>
 
                 {/* 强制延迟区块 */}
-                <Form.Item label="强制延迟" />
+                <div className={`${styles.formItemSubtitle}`}> 强制延迟 </div>
                 <Form.Item
                     label="最小秒数"
                     name={["force-delay", "min"]}
@@ -437,7 +430,7 @@ export default function PipelineFormComponent({
                 </Form.Item>
 
                 {/* 杂项区块 */}
-                <Form.Item label="杂项" />
+                <div className={`${styles.formItemSubtitle}`}> 杂项 </div>
                 <Form.Item
                     label="不输出异常信息给用户"
                     name={["misc", "hide-exception"]}
@@ -490,6 +483,13 @@ export default function PipelineFormComponent({
                 >
                     {getNextFormLabel()?.label || "暂无更多"}
                 </Button>
+
+                <Button
+                    type="primary"
+                    onClick={addFormLabelIndex}
+                >
+                    提交
+                </Button>
             </div>
 
         </div>
diff --git a/web_ui/src/app/home/pipeline-config/components/pipeline-form/pipelineFormStyle.module.css b/web_ui/src/app/home/pipeline-config/components/pipeline-form/pipelineFormStyle.module.css
index b011fa39..f1b052f4 100644
--- a/web_ui/src/app/home/pipeline-config/components/pipeline-form/pipelineFormStyle.module.css
+++ b/web_ui/src/app/home/pipeline-config/components/pipeline-form/pipelineFormStyle.module.css
@@ -5,7 +5,7 @@
 }
 
 .changeFormButtonGroupContainer {
-    width: 250px;
+    width: 320px;
     display: flex;
     flex-direction: row;
     justify-content: space-between;