From f41ff69cc7fa4ead0d7709372a558ba7f0bd80da Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Tue, 4 Nov 2025 16:19:17 +0800
Subject: [PATCH] =?UTF-8?q?feat(orchestration):=20=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E5=85=A8=E5=B1=80=E5=8F=98=E9=87=8F=E7=B1=BB=E5=9E=8B=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E5=B9=B6=E4=BC=98=E5=8C=96=E5=8F=82=E6=95=B0=E8=A1=A8?=
 =?UTF-8?q?=E9=BB=98=E8=AE=A4=E5=80=BC=E9=80=89=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../nodeEditors/components/ParamsTable.tsx    | 97 ++++++++++++++-----
 .../orchestration/globalVar/addModal.tsx      | 12 +--
 2 files changed, 75 insertions(+), 34 deletions(-)

diff --git a/src/components/FlowEditor/nodeEditors/components/ParamsTable.tsx b/src/components/FlowEditor/nodeEditors/components/ParamsTable.tsx
index 41fa18a..683748e 100644
--- a/src/components/FlowEditor/nodeEditors/components/ParamsTable.tsx
+++ b/src/components/FlowEditor/nodeEditors/components/ParamsTable.tsx
@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { Input, Select, Table, Button } from '@arco-design/web-react';
 import { IconDelete } from '@arco-design/web-react/icon';
+import { useSelector } from 'react-redux';
 
 interface TableDataItem {
   key: number | string;
@@ -23,6 +24,7 @@ const ParamsTable: React.FC<ParamsTableProps> = ({
                                                    onUpdateData
                                                  }) => {
   const [data, setData] = useState<TableDataItem[]>([]);
+  const { gloBalVarList } = useSelector((state: any) => state.ideContainer);
 
   useEffect(() => {
     // 为现有数据添加key属性（如果不存在）
@@ -40,23 +42,30 @@ const ParamsTable: React.FC<ParamsTableProps> = ({
     { label: 'ARRAY', value: 'ARRAY' },
     { label: 'OBJECT', value: 'OBJECT' },
     { label: 'JSON', value: 'JSON' },
-    { label: 'DOUBLE', value: 'DOUBLE' },
-    { label: 'DATE', value: 'DATE' },
-    { label: 'DATETIME', value: 'DATETIME' },
-    { label: 'TIMESTAMP', value: 'TIMESTAMP' },
-    { label: 'DATABASE', value: 'DATABASE' }
+    { label: 'DOUBLE', value: 'DOUBLE' }
   ];
 
   const arrayTypeOptions = [
     { label: 'STRING', value: 'STRING' },
     { label: 'INTEGER', value: 'INTEGER' },
-    // { label: 'DOUBLE', value: 'DOUBLE' },
-    { label: 'BOOLEAN', value: 'BOOLEAN' }
-    // { label: 'DATE', value: 'DATE' },
-    // { label: 'DATETIME', value: 'DATETIME' },
-    // { label: 'TIMESTAMP', value: 'TIMESTAMP' }
+    { label: 'DOUBLE', value: 'DOUBLE' },
+    { label: 'BOOLEAN', value: 'BOOLEAN' },
+    { label: 'JSON', value: 'JSON' },
+    { label: 'OBJECT', value: 'OBJECT' }
   ];
 
+  // 根据数据类型获取对应的选项列表
+  const getOptionsByDataType = (dataType: string) => {
+    // 这里可以根据数据类型从gloBalVarList中筛选出对应的选项
+    if (gloBalVarList[dataType]) {
+      return gloBalVarList[dataType].map((item: any) => ({
+        label: item.name,
+        value: item.id
+      }));
+    }
+    return [];
+  };
+
   const columns = [
     {
       title: '标识',
@@ -123,22 +132,58 @@ const ParamsTable: React.FC<ParamsTableProps> = ({
     {
       title: '默认值',
       dataIndex: 'defaultValue',
-      render: (_: any, record: TableDataItem) => (
-        record.id === 'maxTime' ? (
-          <Input
-            type="number"
-            min="1"
-            step="1"
-            value={record.defaultValue}
-            onChange={(value) => handleSave({ ...record, defaultValue: value })}
-          />
-        ) : (
-          <Input
-            value={record.defaultValue}
-            onChange={(value) => handleSave({ ...record, defaultValue: value })}
-          />
-        )
-      )
+      render: (_: any, record: TableDataItem) => {
+        // 获取当前数据类型对应的选项
+        const options = getOptionsByDataType(record.dataType);
+
+        // 如果有选项则显示下拉选择框，否则显示输入框
+        if (options.length > 0) {
+          return (
+            <>
+              <Select
+                value={record.refValue}
+                onChange={(value) => {
+                  const refValue = options.find((option) => option.value === value)?.label || null;
+                  handleSave({ ...record, refId: value, refValue });
+                }}
+                placeholder="请选择默认值"
+                // showSearch
+                allowClear
+                options={options}
+                style={{ width: '100%', minWidth: 100 }}
+              />
+              <Input
+                style={{ width: '100%', minWidth: 100, marginTop: 10 }}
+                value={record.defaultValue}
+                onChange={(value) => handleSave({ ...record, defaultValue: value })}
+                placeholder="请输入默认值"
+              />
+            </>
+          );
+        }
+        else {
+          // 特殊处理maxTime的情况
+          if (record.id === 'maxTime') {
+            return (
+              <Input
+                type="number"
+                min="1"
+                step="1"
+                value={record.defaultValue}
+                onChange={(value) => handleSave({ ...record, defaultValue: value })}
+              />
+            );
+          }
+
+          return (
+            <Input
+              value={record.defaultValue}
+              onChange={(value) => handleSave({ ...record, defaultValue: value })}
+              placeholder="请输入默认值"
+            />
+          );
+        }
+      }
     },
     {
       title: '操作',
diff --git a/src/pages/orchestration/globalVar/addModal.tsx b/src/pages/orchestration/globalVar/addModal.tsx
index 7665862..f4c8735 100644
--- a/src/pages/orchestration/globalVar/addModal.tsx
+++ b/src/pages/orchestration/globalVar/addModal.tsx
@@ -12,11 +12,7 @@ const dataTypeEnum = [
   'BOOLEAN',
   'INTEGER',
   'DOUBLE',
-  'STRING',
-  'DATE',
-  'DATETIME',
-  'TIMESTAMP',
-  'DATABASE'
+  'STRING'
 ];
 
 // 定义数组元素类型枚举
@@ -25,9 +21,9 @@ const arrayElementTypeEnum = [
   'INTEGER',
   'DOUBLE',
   'BOOLEAN',
-  'DATE',
-  'DATETIME',
-  'TIMESTAMP'
+  'ARRAY',
+  'JSON',
+  'OBJECT'
 ];
 
 // 默认值类型校验方法