From 858624816bf93be635503a0a0acd6b6b01527506 Mon Sep 17 00:00:00 2001
From: dengqichen <dengqichen@iscmtech.com>
Date: Fri, 6 Dec 2024 13:41:14 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9A=E6=97=B6=E5=99=A8=E5=9B=9E=E6=98=BE?=
 =?UTF-8?q?=E6=9C=89=E9=97=AE=E9=A2=98=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Designer/components/NodeConfig/index.tsx  | 170 ++++++++++++------
 1 file changed, 111 insertions(+), 59 deletions(-)

diff --git a/frontend/src/pages/Workflow/Definition/Designer/components/NodeConfig/index.tsx b/frontend/src/pages/Workflow/Definition/Designer/components/NodeConfig/index.tsx
index f1e93e36..20b13291 100644
--- a/frontend/src/pages/Workflow/Definition/Designer/components/NodeConfig/index.tsx
+++ b/frontend/src/pages/Workflow/Definition/Designer/components/NodeConfig/index.tsx
@@ -86,58 +86,123 @@ const NodeConfig: React.FC<NodeConfigProps> = ({ nodeType, form, onValuesChange
         </>
     );
 
+    // 渲染网关节点配置
+    const renderGatewayConfig = () => {
+        if (!nodeType.code?.includes('GATEWAY')) return null;
+
+        return (
+            <Form.Item
+                label="网关类型"
+                name="type"
+                rules={[{ required: true, message: '请选择网关类型' }]}
+            >
+                <Select
+                    placeholder="请选择网关类型"
+                    options={[
+                        { label: '并行网关', value: 'PARALLEL' },
+                        { label: '排他网关', value: 'EXCLUSIVE' },
+                        { label: '包容网关', value: 'INCLUSIVE' }
+                    ]}
+                />
+            </Form.Item>
+        );
+    };
+
+    // 渲染定时器节点配置
+    const renderTimerConfig = () => {
+        if (!nodeType.code?.includes('TIMER')) return null;
+
+        return (
+            <Form.Item
+                label="CRON表达式"
+                name="cron"
+                tooltip="定时触发的CRON表达式"
+                rules={[
+                    { 
+                        required: true, 
+                        message: '请输入CRON表达式' 
+                    },
+                    {
+                        pattern: /^(\d+|\*|\*\/\d+|\d+\-\d+|\d+(,\d+)*) (\d+|\*|\*\/\d+|\d+\-\d+|\d+(,\d+)*) (\d+|\*|\*\/\d+|\d+\-\d+|\d+(,\d+)*) (\d+|\*|\*\/\d+|\d+\-\d+|\d+(,\d+)*) (\d+|\*|\*\/\d+|\d+\-\d+|\d+(,\d+)*) (\d+|\*|\*\/\d+|\d+\-\d+|\d+(,\d+)*)$/,
+                        message: '请输入有效的CRON表达式'
+                    }
+                ]}
+            >
+                <Input placeholder="例如: 0 0 * * * *" />
+            </Form.Item>
+        );
+    };
+
     // 渲染Shell执行器特定配置
     const renderShellExecutorConfig = () => {
-        if (selectedExecutor !== 'SHELL') return null;
+        if (!nodeType.code?.includes('SHELL')) return null;
         
         return (
             <>
                 <Form.Item
-                    label="脚本内容"
-                    name="script"
-                    rules={[{ required: true, message: '请输入脚本内容' }]}
+                    label="执行器"
+                    name="executor"
+                    rules={[{ required: true, message: '请选择执行器' }]}
                 >
-                    <Input.TextArea rows={6} placeholder="请输入脚本内容" />
-                </Form.Item>
-                <Form.Item
-                    label="工作目录"
-                    name="workingDirectory"
-                >
-                    <Input placeholder="请输入工作目录" />
-                </Form.Item>
-                <Form.Item
-                    label="超时时间"
-                    name="timeout"
-                    rules={[{ type: 'number', min: 0, message: '超时时间必须大于0' }]}
-                >
-                    <InputNumber placeholder="请输入超时时间（秒）" style={{ width: '100%' }} />
-                </Form.Item>
-                <Form.Item
-                    label="重试次数"
-                    name="retryTimes"
-                    rules={[{ type: 'number', min: 0, message: '重试次数不能为负数' }]}
-                >
-                    <InputNumber placeholder="请输入重试次数" style={{ width: '100%' }} />
-                </Form.Item>
-                <Form.Item
-                    label="重试间隔"
-                    name="retryInterval"
-                    rules={[{ type: 'number', min: 0, message: '重试间隔不能为负数' }]}
-                >
-                    <InputNumber placeholder="请输入重试间隔（秒）" style={{ width: '100%' }} />
-                </Form.Item>
-                <Form.Item
-                    label="环境变量"
-                    name="environment"
-                >
-                    <Input.TextArea placeholder="请输入环境变量" />
-                </Form.Item>
-                <Form.Item
-                    label="成功退出码"
-                    name="successExitCode"
-                >
-                    <Input placeholder="请输入成功退出码" />
+                    <Select
+                        placeholder="请选择执行器"
+                        options={nodeType.executors?.map(executor => ({
+                            label: executor.name,
+                            value: executor.code
+                        }))}
+                    />
                 </Form.Item>
+
+                {selectedExecutor === 'SHELL' && (
+                    <>
+                        <Form.Item
+                            label="脚本内容"
+                            name="script"
+                            rules={[{ required: true, message: '请输入脚本内容' }]}
+                        >
+                            <Input.TextArea rows={6} placeholder="请输入脚本内容" />
+                        </Form.Item>
+                        <Form.Item
+                            label="工作目录"
+                            name="workingDirectory"
+                        >
+                            <Input placeholder="请输入工作目录" />
+                        </Form.Item>
+                        <Form.Item
+                            label="超时时间"
+                            name="timeout"
+                            rules={[{ type: 'number', min: 0, message: '超时时间必须大于0' }]}
+                        >
+                            <InputNumber placeholder="请输入超时时间（秒）" style={{ width: '100%' }} />
+                        </Form.Item>
+                        <Form.Item
+                            label="重试次数"
+                            name="retryTimes"
+                            rules={[{ type: 'number', min: 0, message: '重试次数不能为负数' }]}
+                        >
+                            <InputNumber placeholder="请输入重试次数" style={{ width: '100%' }} />
+                        </Form.Item>
+                        <Form.Item
+                            label="重试间隔"
+                            name="retryInterval"
+                            rules={[{ type: 'number', min: 0, message: '重试间隔不能为负数' }]}
+                        >
+                            <InputNumber placeholder="请输入重试间隔（秒）" style={{ width: '100%' }} />
+                        </Form.Item>
+                        <Form.Item
+                            label="环境变量"
+                            name="environment"
+                        >
+                            <Input.TextArea placeholder="请输入环境变量" />
+                        </Form.Item>
+                        <Form.Item
+                            label="成功退出码"
+                            name="successExitCode"
+                        >
+                            <Input placeholder="请输入成功退出码" />
+                        </Form.Item>
+                    </>
+                )}
             </>
         );
     };
@@ -151,21 +216,8 @@ const NodeConfig: React.FC<NodeConfigProps> = ({ nodeType, form, onValuesChange
         >
             {renderBasicFormItems()}
             <Divider />
-            
-            <Form.Item
-                label="执行器"
-                name="executor"
-                rules={[{ required: true, message: '请选择执行器' }]}
-            >
-                <Select
-                    placeholder="请选择执行器"
-                    options={nodeType.executors?.map(executor => ({
-                        label: executor.name,
-                        value: executor.code
-                    }))}
-                />
-            </Form.Item>
-
+            {renderGatewayConfig()}
+            {renderTimerConfig()}
             {renderShellExecutorConfig()}
         </Form>
     );