增加工具栏提示。

This commit is contained in:
dengqichen 2024-12-13 17:36:40 +08:00
parent 82e613d237
commit 539cd7a9d8
3 changed files with 29 additions and 10 deletions

View File

@ -1,6 +1,6 @@
import React, { useEffect, useState, useRef } from 'react'; import React, { useEffect, useState, useRef } from 'react';
import { useParams, useNavigate } from 'react-router-dom'; import { useParams, useNavigate } from 'react-router-dom';
import { Button, Space, Card, Row, Col, message } from 'antd'; import { Button, Space, Card, Row, Col, message, Modal } from 'antd';
import { ArrowLeftOutlined, SaveOutlined, PlayCircleOutlined } from '@ant-design/icons'; import { ArrowLeftOutlined, SaveOutlined, PlayCircleOutlined } from '@ant-design/icons';
import { Graph, Cell } from '@antv/x6'; import { Graph, Cell } from '@antv/x6';
import { getDefinitionDetail, saveDefinition } from '../service'; import { getDefinitionDetail, saveDefinition } from '../service';
@ -257,7 +257,24 @@ const WorkflowDesign: React.FC = () => {
// 调用保存接口 // 调用保存接口
await saveDefinition(saveData); await saveDefinition(saveData);
message.success('流程保存成功');
// 使用 Modal.confirm 显示操作选择
Modal.confirm({
title: '保存成功',
content: '流程设计已保存成功,请选择下一步操作',
okText: '继续设计',
cancelText: '返回列表',
onOk: () => {
// 重新加载设计数据
if (id) {
loadDefinitionDetail(graph, id);
}
},
onCancel: () => {
// 返回列表页
navigate('/workflow/definition');
}
});
} catch (error) { } catch (error) {
console.error('保存流程失败:', error); console.error('保存流程失败:', error);
message.error('保存流程失败'); message.error('保存流程失败');
@ -277,12 +294,6 @@ const WorkflowDesign: React.FC = () => {
> >
</Button> </Button>
<Button
icon={<PlayCircleOutlined />}
onClick={() => console.log('Deploy workflow')}
>
</Button>
<Button <Button
icon={<ArrowLeftOutlined />} icon={<ArrowLeftOutlined />}
onClick={() => navigate('/workflow/definition')} onClick={() => navigate('/workflow/definition')}

View File

@ -124,7 +124,7 @@ const WorkflowDefinitionList: React.FC = () => {
content: '确定要发布该流程定义吗?发布后将不能修改。', content: '确定要发布该流程定义吗?发布后将不能修改。',
onOk: async () => { onOk: async () => {
try { try {
await service.deployDefinition(id); await service.publishDefinition(id);
message.success('发布成功'); message.success('发布成功');
loadData(query); loadData(query);
} catch (error) { } catch (error) {

View File

@ -21,3 +21,11 @@ export const saveDefinition = (data: WorkflowDefinition) =>
export const updateDefinition = (id: number, data: WorkflowDefinition) => export const updateDefinition = (id: number, data: WorkflowDefinition) =>
request.put<WorkflowDefinition>(`${DEFINITION_URL}/${id}`, data); request.put<WorkflowDefinition>(`${DEFINITION_URL}/${id}`, data);
/**
*
* @param id ID
* @returns Promise<void>
*/
export const publishDefinition = (id: number) =>
request.post<void>(`${DEFINITION_URL}/${id}/published`);