1

frontend/src/pages/Workflow/NodeDesign/Design.tsx

@@ -1,7 +1,7 @@
 import React, {useState, useEffect} from 'react';
 import {PageContainer} from '@ant-design/pro-layout';
 import {Button, Card, Form, Input, InputNumber, Select, Switch, Space, Menu, Tabs, Row, Col, message, ColorPicker} from 'antd';
-import type {NodeDesignData} from './types';
+import type {NodeDesignDataResponse} from './types';
 import * as service from './service';
 
 // Tab 配置
@@ -223,21 +223,22 @@ const FormRenderer: React.FC<{
 };
 
 const NodeDesignForm: React.FC = () => {
-    const [nodeDefinitionsDefined, setNodeDefinitionsDefined] = useState<NodeDesignData[]>([]);
+    const [nodeDefinitionsDefined, setNodeDefinitionsDefined] = useState<NodeDesignDataResponse[]>([]);
     const [loading, setLoading] = useState(false);
-    const [selectedNode, setSelectedNode] = useState<NodeDesignData | null>(null);
+    const [selectedNode, setSelectedNode] = useState<NodeDesignDataResponse | null>(null);
     const [activeTab, setActiveTab] = useState<string>('panel');
     const [form] = Form.useForm();
 
     // 加载节点定义数据
     useEffect(() => {
-        const loadNodeDefinitionsDefined = async () => {
+        const loadNodeDefinitions = async () => {
             try {
                 setLoading(true);
                 const data = await service.getNodeDefinitionsDefined();
                 setNodeDefinitionsDefined(data);
-                if (data.length > 0) {
-                    setSelectedNode(data[0]);
+                // 自动选中第一个节点
+                if (data && data.length > 0) {
+                    handleNodeSelect(data[0]);
                 }
             } catch (error) {
                 console.error('加载节点定义失败:', error);
@@ -247,20 +248,20 @@ const NodeDesignForm: React.FC = () => {
             }
         };
 
-        loadNodeDefinitionsDefined();
+        loadNodeDefinitions();
     }, []);
 
     // 获取当前节点可用的 Tab 列表
-    const getAvailableTabs = (node: NodeDesignData | null) => {
+    const getAvailableTabs = (node: NodeDesignDataResponse | null) => {
         if (!node) return [];
         return TAB_CONFIG.filter(tab => {
-            const value = node[tab.schemaKey as keyof NodeDesignData];
+            const value = node[tab.schemaKey as keyof NodeDesignDataResponse];
             return value !== null && value !== undefined;
         });
     };
 
     // 处理节点选择
-    const handleNodeSelect = (node: NodeDesignData) => {
+    const handleNodeSelect = (node: NodeDesignDataResponse) => {
         setSelectedNode(node);
         // 更新表单数据
         form.setFieldsValue({
@@ -340,7 +341,7 @@ const NodeDesignForm: React.FC = () => {
         if (!selectedNode) return null;
         const currentTab = TAB_CONFIG.find(tab => tab.key === activeTab);
         if (!currentTab) return null;
-        return selectedNode[currentTab.schemaKey as keyof NodeDesignData];
+        return selectedNode[currentTab.schemaKey as keyof NodeDesignDataResponse];
     };
 
     return (

frontend/src/pages/Workflow/NodeDesign/index.tsx

@@ -4,7 +4,7 @@ import type { ProColumns } from '@ant-design/pro-components';
 import { Tag, Space, Button, Modal } from 'antd';
 import { PlusOutlined } from '@ant-design/icons';
 import { useNavigate } from 'react-router-dom';
-import { NodeTypeEnum, type NodeDesignData } from './types';
+import { NodeTypeEnum, type NodeDesignDataResponse } from './types';
 import * as service from './service';
 
 // 节点类型标签颜色映射
@@ -17,10 +17,10 @@ const nodeTypeColors = {
 const NodeDesignList: React.FC = () => {
     const navigate = useNavigate();
     const [detailVisible, setDetailVisible] = useState(false);
-    const [currentNode, setCurrentNode] = useState<NodeDesignData>();
+    const [currentNode, setCurrentNode] = useState<NodeDesignDataResponse>();
 
     // 表格列定义
-    const columns: ProColumns<NodeDesignData>[] = [
+    const columns: ProColumns<NodeDesignDataResponse>[] = [
         {
             title: '节点编码',
             dataIndex: 'nodeCode',
@@ -92,11 +92,11 @@ const NodeDesignList: React.FC = () => {
 
     return (
         <>
-            <ProTable<NodeDesignData>
+            <ProTable<NodeDesignDataResponse>
                 columns={columns}
                 request={async (params) => {
                     const { current, pageSize, ...rest } = params;
-                    const response = await service.getNodeDesigns({
+                    const response = await service.getNodeDefinitions({
                         current,
                         pageSize,
                         ...rest,

frontend/src/pages/Workflow/NodeDesign/service.ts

@@ -1,26 +1,23 @@
 // 节点设计相关服务
 
 import request from '@/utils/request';
-import type { NodeDesignQuery, NodeDesignResponse, NodeDesignData, NodeDefinitionData } from './types';
+import type { NodeDesignQuery, NodeDefinitionResponse, NodeDesignDataResponse } from './types';
 
 const BASE_URL = '/api/v1/workflow/node-definition';
 
 // 获取节点设计列表
-export const getNodeDesigns = (params: NodeDesignQuery) => 
-    request.get<NodeDesignResponse>(`${BASE_URL}/page`, { params });
+export const getNodeDefinitions = (params: NodeDesignQuery) =>
+    request.get<NodeDefinitionResponse>(`${BASE_URL}/page`, { params });
 
 // 获取节点设计详情
-export const getNodeDesign = (nodeCode: string) =>
-    request.get<NodeDesignData>(`${BASE_URL}/${nodeCode}`);
+export const getNodeDefinition = (id: string) =>
+    request.get<NodeDefinitionResponse>(`${BASE_URL}/${id}`);
 
-// 更新节点UI配置
-export const updateNodeUIConfig = (nodeCode: string, uiVariables: any) =>
-    request.put(`${BASE_URL}/${nodeCode}/ui`, uiVariables);
 
 // 获取已定义的节点类型配置
 export const getNodeDefinitionsDefined = () =>
-    request.get<NodeDefinitionData[]>(`${BASE_URL}/defined`);
+    request.get<NodeDesignDataResponse[]>(`${BASE_URL}/defined`);
 
 // 保存节点定义
-export const saveNodeDefinition = (data: NodeDefinitionData) =>
+export const saveNodeDefinition = (data: NodeDesignDataResponse) =>
     request.post<void>(`${BASE_URL}`, data);

frontend/src/pages/Workflow/NodeDesign/types.ts

@@ -71,7 +71,7 @@ export interface UIVariables extends BaseSchema {
 }
 
 // 节点设计数据
-export interface NodeDesignData {
+export interface NodeDesignDataResponse extends BaseResponse{
     nodeCode: string;
     nodeName: string;
     category: string;
@@ -89,12 +89,18 @@ export enum NodeTypeEnum {
 }
 
 // 查询参数接口
-export interface NodeDesignQuery extends BaseQuery{
+export interface NodeDesignQuery extends BaseQuery {
     nodeCode?: string;
     nodeName?: string;
 }
 
 // 分页响应接口
-export interface NodeDesignResponse extends BaseResponse{
-
+export interface NodeDefinitionResponse extends BaseResponse {
+    nodeCode: string;
+    nodeName: string;
+    nodeType: NodeTypeEnum;
+    panelVariablesSchema: NodeVariablesSchema | null;
+    uiVariables: UIVariables | null;
+    localVariablesSchema: NodeVariablesSchema | null;
+    formVariablesSchema: NodeVariablesSchema | null;
 }