增加工具栏提示。
This commit is contained in:
parent
82e613d237
commit
539cd7a9d8
@ -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')}
|
||||||
|
|||||||
@ -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) {
|
||||||
|
|||||||
@ -20,4 +20,12 @@ export const saveDefinition = (data: WorkflowDefinition) =>
|
|||||||
request.post<WorkflowDefinition>(`${DEFINITION_URL}`, data);
|
request.post<WorkflowDefinition>(`${DEFINITION_URL}`, data);
|
||||||
|
|
||||||
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`);
|
||||||
Loading…
Reference in New Issue
Block a user