@jiangood/open-admin-flowable 2.2.1 → 2.2.3

package/package.json

@@ -34,5 +34,5 @@
   "scripts": {
     "dev": "umi dev"
   },
-  "version": "2.2.1"
+  "version": "2.2.3"
 }

package/src/pages/flowable/design/index.jsx

@@ -10,8 +10,6 @@ import customTranslate from "./customTranslate/customTranslate";
 import contextPad from "./contextPad";
 import {CloudUploadOutlined, DownloadOutlined, SaveOutlined, UploadOutlined} from "@ant-design/icons";
 import {HttpUtils, PageLoading, PageUtils, ProTable} from "@jiangood/open-admin";
-import {MODEL_DETAIL, MODEL_SAVE_CONTENT, MODEL_DEPLOY, MODEL_GET_DEFINITION_CONTENT, MODEL_DEFINITION_PAGE} from "@/constants/api";
-import {ROUTE_SIMULATE} from "@/constants/routes";
 import 'bpmn-js/dist/assets/bpmn-js.css';
 import flowableJson from './descriptors/flowable';
 import PropertiesPanel from './PropertiesPanel';
@@ -32,7 +30,7 @@ export default class extends React.Component {
 
     async componentDidMount() {
         const params = PageUtils.currentParams()
-        const rs = await HttpUtils.get(MODEL_DETAIL, {id: params.id})
+        const rs = await HttpUtils.get('admin/flowable/model/detail', {id: params.id})
         this.setState({model: rs, id: params.id}, this.initBpmn)
     }
 
@@ -91,7 +89,7 @@ export default class extends React.Component {
         const hide = message.loading('正在保存...', 0)
         try {
             const res = await this.bpmnModeler.saveXML();
-            await HttpUtils.post(MODEL_SAVE_CONTENT, {id, content: res.xml});
+            await HttpUtils.post('admin/flowable/model/saveContent', {id, content: res.xml});
         } finally {
             hide()
         }
@@ -102,7 +100,7 @@ export default class extends React.Component {
         const hide = message.loading('正在部署...', 0)
         try {
             const res = await this.bpmnModeler.saveXML();
-            await HttpUtils.post(MODEL_DEPLOY, {id, content: res.xml});
+            await HttpUtils.post('admin/flowable/model/deploy', {id, content: res.xml});
         } finally {
             hide()
         }
@@ -115,13 +113,13 @@ export default class extends React.Component {
         }
         return <Card title={'流程设计  ' + this.state.model?.name}
                      extra={<Space>
-                         <Button type='primary' icon={<SaveOutlined/>} onClick={this.handleSave}>暂存</Button>
+                         <Button type='primary' icon={<SaveOutlined/>} onClick={this.handleSave}>保存</Button>
                          <Button type='primary' danger icon={<CloudUploadOutlined/>}
                                  onClick={this.handleDeploy}>部署</Button>
                          <Button icon={<DownloadOutlined/>} onClick={this.handleExportXML}>导出XML</Button>
                          <Button icon={<UploadOutlined/>} onClick={this.handleImportXML}>导入XML</Button>
                          <Button
-                             onClick={() => PageUtils.open(ROUTE_SIMULATE + '?id=' + this.state.id, "流程仿真")}> 仿真 </Button>
+                             onClick={() => PageUtils.open('/flowable/simulate' + '?id=' + this.state.id, "流程仿真")}> 仿真 </Button>
 
                          <Button title='查看已部署的历史版本' onClick={() => {
                              this.setState({deployedModal: true})
@@ -164,7 +162,7 @@ export default class extends React.Component {
                             dataIndex:'id',
                             render:(_, record)=> {
                                 return <Button type='primary' onClick={()=>{
-                                    HttpUtils.get(MODEL_GET_DEFINITION_CONTENT,{id: record.id}).then(xml=>{
+                                    HttpUtils.get('admin/flowable/model/getDefinitionContent',{id: record.id}).then(xml=>{
                                         this.bpmnModeler.importXML(xml)
                                         this.setState({deployedModal:false})
                                     })
@@ -174,7 +172,7 @@ export default class extends React.Component {
                     ]}
                     request={params => {
                         params.key = this.state.model.key
-                        return HttpUtils.get(MODEL_DEFINITION_PAGE, params)
+                        return HttpUtils.get('admin/flowable/model/definitionPage', params)
                     }}>
 
                 </ProTable>

package/src/pages/flowable/design/provider/properties/AssignmentSection.jsx

@@ -1,7 +1,6 @@
 import {Form, Radio} from "antd";
 import {FieldRemoteSelect, FieldRemoteSelectMultipleInline, StringUtils} from "@jiangood/open-admin";
 import React from "react";
-import {MODEL_ASSIGNEE_OPTIONS, MODEL_CANDIDATE_GROUPS_OPTIONS, MODEL_CANDIDATE_USERS_OPTIONS} from "@/constants/api";
 
 export default function AssignmentSection(props) {
     const {element, modeling} = props
@@ -57,17 +56,17 @@ export default function AssignmentSection(props) {
               }}>
             {mode === 'assignee' && (
                 <Form.Item label="办理人" name='assignee'>
-                    <FieldRemoteSelect url={MODEL_ASSIGNEE_OPTIONS}/>
+                    <FieldRemoteSelect url='admin/flowable/model/assigneeOptions'/>
                 </Form.Item>
             )}
             {mode === 'candidateGroups' && (
                 <Form.Item label="候选组" name='candidateGroups'>
-                    <FieldRemoteSelect url={MODEL_CANDIDATE_GROUPS_OPTIONS}/>
+                    <FieldRemoteSelect url='admin/flowable/model/candidateGroupsOptions'/>
                 </Form.Item>
             )}
             {mode === 'candidateUsers' && (
                 <Form.Item label="候选人" name='candidateUsers'>
-                    <FieldRemoteSelectMultipleInline url={MODEL_CANDIDATE_USERS_OPTIONS}/>
+                    <FieldRemoteSelectMultipleInline url='admin/flowable/model/candidateUsersOptions'/>
                 </Form.Item>
             )}
         </Form>

package/src/pages/flowable/design/provider/properties/ConditionDesign.jsx

@@ -1,7 +1,6 @@
 import {Button, Input, InputNumber, Modal, Select} from "antd";
 import {Component} from "react";
 import {FieldBoolean, FieldTable, HttpUtils, ObjectUtils, StringUtils, ThemeUtils} from "@jiangood/open-admin";
-import {MODEL_VAR_LIST} from "@/constants/api";
 import {ConditionExpressionUtils} from "./ConditionExpressionUtils";
 
 
@@ -133,7 +132,7 @@ export class ConditionDesignButton extends Component {
 
     componentDidMount() {
         const {processId} = this.props;
-        HttpUtils.get(MODEL_VAR_LIST, {code: processId}).then(rs => {
+        HttpUtils.get('admin/flowable/model/varList', {code: processId}).then(rs => {
             const options = rs.map(r => {
                 return {
                     label: r.label,

package/src/pages/flowable/design/provider/properties/DelegateExpressionProps.jsx

@@ -1,13 +1,12 @@
 import {Select} from 'antd';
 import {useEffect, useState} from 'react';
 import {HttpUtils} from "@jiangood/open-admin";
-import {MODEL_JAVA_DELEGATE_OPTIONS} from "@/constants/api";
 
 export default function DelegateExpressionField({element, modeling}) {
     const [options, setOptions] = useState([]);
 
     useEffect(() => {
-        HttpUtils.get(MODEL_JAVA_DELEGATE_OPTIONS).then(rs => {
+        HttpUtils.get('admin/flowable/model/javaDelegateOptions').then(rs => {
             setOptions((rs || []).map(o => typeof o === 'string' ? {label: o, value: o} : o));
         });
     }, []);

package/src/pages/flowable/design/provider/properties/FormProps.jsx

@@ -1,13 +1,12 @@
 import {Select} from 'antd';
 import {useEffect, useState} from 'react';
 import {HttpUtils} from "@jiangood/open-admin";
-import {MODEL_FORM_OPTIONS} from "@/constants/api";
 
 export default function FormField({element, modeling, processId}) {
     const [options, setOptions] = useState([]);
 
     useEffect(() => {
-        HttpUtils.get(MODEL_FORM_OPTIONS, {code: processId}).then(rs => {
+        HttpUtils.get('admin/flowable/model/formOptions', {code: processId}).then(rs => {
             setOptions((rs || []).map(o => typeof o === 'string' ? {label: o, value: o} : o));
         });
     }, [processId]);

package/src/pages/flowable/index.jsx

@@ -1,14 +1,98 @@
-import {Button, Popconfirm, Space} from 'antd';
+import {Button, Card, Empty, Form, message, Modal, Popconfirm, Skeleton, Space, Table} from 'antd';
 import React from 'react';
-import {ButtonList, HttpUtils, Page, PageUtils, ProTable} from "@jiangood/open-admin";
-import {MODEL_PAGE, MODEL_DELETE} from "@/constants/api";
-import {ROUTE_DESIGN, ROUTE_MONITOR_TASK, ROUTE_MONITOR_INSTANCE, ROUTE_MONITOR_DEFINITION} from "@/constants/routes";
+import {ButtonList, FieldUserSelect, Gap, HttpUtils, Page, PageUtils, ProTable} from "@jiangood/open-admin";
 
-export default class extends React.Component {
+class InstanceViewModal extends React.Component {
+    state = {
+        commentList: [],
+        id: null,
+        img: null,
+        loading: true,
+        errorMsg: null,
+    }
+
+    componentDidMount() {
+        const {id, businessKey} = this.props;
+        const reqParams = {id};
+        if (businessKey) reqParams.businessKey = businessKey;
+        HttpUtils.get('admin/flowable/user-task/getInstanceInfo', reqParams).then(rs => {
+            this.setState({
+                ...rs,
+                commentList: rs.commentList,
+                img: rs.img,
+                id: rs.id,
+            })
+        }).catch(e => {
+            this.setState({errorMsg: e})
+        }).finally(() => {
+            this.setState({loading: false})
+        })
+    }
+
+    getCommentColumns() {
+        return [
+            {dataIndex: 'content', title: '操作'},
+            {dataIndex: 'user', title: '处理人'},
+            {dataIndex: 'time', title: '处理时间'},
+        ];
+    }
+
+    render() {
+        if (this.state.errorMsg) {
+            return <Empty description={this.state.errorMsg}/>
+        }
+
+        const {commentList, img, loading, id} = this.state
+        if (loading) {
+            return <Skeleton/>
+        }
+
+        return <>
+            <Card title='流程图'>
+                <img src={img} style={{maxWidth: '100%'}}/>
+            </Card>
+            <Gap/>
+            <Card title='审批记录'>
+                <Table dataSource={commentList}
+                       size='small'
+                       pagination={false}
+                       rowKey='id'
+                       columns={this.getCommentColumns()}
+                />
+            </Card>
+            <Gap/>
+            {this.props.showVariables && (
+                <Card title='流程变量'>
+                    <ProTable columns={[
+                        {dataIndex: 'key', title: '变量名'},
+                        {dataIndex: 'value', title: '变量值'},
+                    ]}
+                              rowKey='key'
+                              request={() => HttpUtils.get('admin/flowable/monitor/instance/vars', {id})}
+                    />
+                </Card>
+            )}
+        </>;
+    }
+}
 
+export default class extends React.Component {
 
     actionRef = React.createRef();
+    taskTableRef = React.createRef();
+    instanceTableRef = React.createRef();
+    definitionTableRef = React.createRef();
+    assigneeFormRef = React.createRef();
 
+    state = {
+        taskModalOpen: false,
+        instanceModalOpen: false,
+        definitionModalOpen: false,
+        viewModalOpen: false,
+        viewInstanceId: null,
+        assigneeFormOpen: false,
+        assigneeFormValues: {},
+    }
 
     columns = [
         {
@@ -19,8 +103,6 @@ export default class extends React.Component {
             title: '代码',
             dataIndex: 'key'
         },
-
-
         {
             title: '版本',
             dataIndex: 'version',
@@ -29,15 +111,13 @@ export default class extends React.Component {
             title: '更新时间',
             dataIndex: 'lastUpdateTime',
         },
-
-
         {
             title: '操作',
             dataIndex: 'option',
             render: (_, record) => (
                 <Space>
                     <Button size='small' type='primary'
-                            onClick={() => PageUtils.open(ROUTE_DESIGN + '?id=' + record.id, '流程设计' + record.name)}> 设计 </Button>
+                            onClick={() => PageUtils.open('/flowable/design' + '?id=' + record.id, '流程设计' + record.name)}> 设计 </Button>
                     <Popconfirm perm='flowable/model:delete' title={'是否确定删除流程模型'}
                                 onConfirm={() => this.handleDelete(record)}>
                         <Button size='small' danger>删除</Button>
@@ -47,42 +127,288 @@ export default class extends React.Component {
         },
     ];
 
-
     handleDelete = row => {
-        HttpUtils.post(MODEL_DELETE, {id: row.id}).then(rs => {
+        HttpUtils.post('admin/flowable/model/delete', {id: row.id}).then(rs => {
             this.actionRef.current.reload();
         })
     }
 
+    onClickSetAssignee = id => {
+        this.setState({assigneeFormOpen: true, assigneeFormValues: {taskId: id}})
+    };
 
-    render() {
+    submitSetAssignee = values => {
+        HttpUtils.post('admin/flowable/monitor/setAssignee', values).then(() => {
+            this.setState({assigneeFormOpen: false})
+            this.taskTableRef.current.reload()
+        }).catch(e => {
+            message.error(e?.message || '指定处理人失败');
+        })
+    };
+
+    instanceColumns = [
+        {
+            title: 'ID',
+            dataIndex: 'id',
+            key: 'id',
+        },
+        {
+            title: '名称',
+            dataIndex: 'name',
+            key: 'name',
+        },
+        {
+            title: '流程定义名称',
+            dataIndex: 'processDefinitionName',
+            key: 'processDefinitionName',
+        },
+        {
+            title: '流程定义键',
+            dataIndex: 'processDefinitionKey',
+            key: 'processDefinitionKey',
+        },
+        {
+            title: '版本',
+            dataIndex: 'processDefinitionVersion',
+            key: 'processDefinitionVersion',
+        },
+        {
+            title: '业务键',
+            dataIndex: 'businessKey',
+            key: 'businessKey',
+        },
+        {
+            title: '状态',
+            dataIndex: 'suspended',
+            key: 'suspended',
+            render: (value) => value ? '已挂起' : '运行中',
+        },
+        {
+            title: '开始时间',
+            dataIndex: 'startTime',
+            key: 'startTime',
+        },
+        {
+            dataIndex: 'options',
+            title: '操作',
+            fixed: 'right',
+            render: (_, r) => {
+                return <Space>
+                    <Button size='small' onClick={() => this.setState({viewModalOpen: true, viewInstanceId: r.id})}>查看</Button>
+                    <Popconfirm title={'关闭流程'}
+                                onConfirm={() => this.closeInstance(r.id)}>
+                        <Button size='small'>终止</Button>
+                    </Popconfirm>
+                </Space>
+            }
+        }
+    ]
+
+    closeInstance = (id) => {
+        HttpUtils.get('admin/flowable/monitor/processInstance/close', {id}).then((rs) => {
+            this.instanceTableRef.current.reload()
+        }).catch(e => {
+            message.error(e?.message || '关闭流程失败');
+        })
+    }
 
+    definitionColumns = [
+        {
+            title: 'ID',
+            dataIndex: 'id',
+        },
+        {
+            title: '分类',
+            dataIndex: 'category',
+        },
+        {
+            title: '名称',
+            dataIndex: 'name',
+        },
+        {
+            title: '键',
+            dataIndex: 'key',
+        },
+        {
+            title: '描述',
+            dataIndex: 'description',
+        },
+        {
+            title: '版本',
+            dataIndex: 'version',
+        },
+        {
+            title: '资源名称',
+            dataIndex: 'resourceName',
+        },
+        {
+            title: '部署ID',
+            dataIndex: 'deploymentId',
+        },
+        {
+            title: '图表资源名称',
+            dataIndex: 'diagramResourceName',
+        },
+        {
+            title: '是否有开始表单键',
+            dataIndex: 'hasStartFormKey',
+            render: (value) => value ? '是' : '否',
+        },
+        {
+            title: '是否有图形符号',
+            dataIndex: 'hasGraphicalNotation',
+            render: (value) => value ? '是' : '否',
+        },
+        {
+            title: '是否挂起',
+            dataIndex: 'suspended',
+            render: (value) => value ? '是' : '否',
+        },
+        {
+            title: '租户ID',
+            dataIndex: 'tenantId',
+        },
+        {
+            title: '派生自',
+            dataIndex: 'derivedFrom',
+        },
+        {
+            title: '根派生来源',
+            dataIndex: 'derivedFromRoot',
+        },
+        {
+            title: '派生版本',
+            dataIndex: 'derivedVersion',
+        },
+    ]
+
+    render() {
         return <Page padding>
             <ProTable
                 actionRef={this.actionRef}
-                request={(params) => HttpUtils.get(MODEL_PAGE, params)}
+                request={(params) => HttpUtils.get('admin/flowable/model/page', params)}
                 columns={this.columns}
                 showToolbarSearch={true}
                 toolBarRender={() => {
                     return <ButtonList>
-                        <Button onClick={() => PageUtils.open(ROUTE_MONITOR_TASK, "运行中的任务")}>
+                        <Button onClick={() => this.setState({taskModalOpen: true})}>
                             运行中的任务
                         </Button>
-                        <Button onClick={() => PageUtils.open(ROUTE_MONITOR_INSTANCE, "运行中的流程实例")}>
+                        <Button onClick={() => this.setState({instanceModalOpen: true})}>
                             运行中的流程实例
                         </Button>
-                        <Button onClick={() => PageUtils.open(ROUTE_MONITOR_DEFINITION, "已部署的流程定义")}>
+                        <Button onClick={() => this.setState({definitionModalOpen: true})}>
                             已部署的流程定义
                         </Button>
                     </ButtonList>
                 }}
             />
 
+            <Modal title='运行中的任务' width={1200}
+                   open={this.state.taskModalOpen}
+                   onCancel={() => this.setState({taskModalOpen: false})}
+                   footer={null} destroyOnClose
+            >
+                <ProTable
+                    actionRef={this.taskTableRef}
+                    columns={[
+                        {
+                            dataIndex: 'processInstanceName',
+                            title: '实例名称'
+                        },
+                        {
+                            dataIndex: 'name',
+                            title: '任务名称',
+                        },
+                        {
+                            dataIndex: 'assigneeLabel',
+                            title: '处理人'
+                        },
+                        {
+                            dataIndex: 'id',
+                            title: '任务标识',
+                        },
+                        {
+                            dataIndex: 'processDefinitionId',
+                            title: '定义'
+                        },
+                        {
+                            dataIndex: 'processInstanceId',
+                            title: '实例'
+                        },
+                        {
+                            dataIndex: 'startTime',
+                            title: '开始时间'
+                        },
+                        {
+                            dataIndex: 'tenantId',
+                            title: '租户'
+                        },
+                        {
+                            dataIndex: 'id',
+                            render: (id) => {
+                                return <Button size='small' onClick={() => this.onClickSetAssignee(id)}>指定处理人</Button>
+                            }
+                        }
+                    ]}
+                    request={(params) => HttpUtils.get('admin/flowable/monitor/task', params)}
+                >
+                    <Form.Item label='受理人' name='assignee'>
+                        <FieldUserSelect/>
+                    </Form.Item>
+                </ProTable>
+            </Modal>
 
-        </Page>
-    }
+            <Modal title='指定处理人'
+                   open={this.state.assigneeFormOpen}
+                   onOk={() => this.assigneeFormRef.current.submit()}
+                   onCancel={() => this.setState({assigneeFormOpen: false})}
+                   destroyOnClose
+            >
+                <Form ref={this.assigneeFormRef} onFinish={this.submitSetAssignee}
+                      initialValues={this.state.assigneeFormValues}>
+                    <Form.Item name='taskId' noStyle>
+                    </Form.Item>
+                    <Form.Item name='assignee' label='用户'>
+                        <FieldUserSelect/>
+                    </Form.Item>
+                </Form>
+            </Modal>
 
+            <Modal title='运行中的流程实例' width={1200}
+                   open={this.state.instanceModalOpen}
+                   onCancel={() => this.setState({instanceModalOpen: false})}
+                   footer={null} destroyOnClose
+            >
+                <ProTable
+                    actionRef={this.instanceTableRef}
+                    columns={this.instanceColumns}
+                    request={(params) => HttpUtils.get('admin/flowable/monitor/instancePage', params)}
+                />
+            </Modal>
 
-}
-
+            <Modal title='实例详情' width={1000}
+                   open={this.state.viewModalOpen}
+                   onCancel={() => this.setState({viewModalOpen: false})}
+                   footer={null} destroyOnClose
+            >
+                {this.state.viewInstanceId && (
+                    <InstanceViewModal id={this.state.viewInstanceId} showVariables/>
+                )}
+            </Modal>
 
+            <Modal title='已部署的流程定义' width={1200}
+                   open={this.state.definitionModalOpen}
+                   onCancel={() => this.setState({definitionModalOpen: false})}
+                   footer={null} destroyOnClose
+            >
+                <ProTable
+                    actionRef={this.definitionTableRef}
+                    search={false}
+                    columns={this.definitionColumns}
+                    request={(params) => HttpUtils.get('admin/flowable/monitor/definitionPage', params)}
+                />
+            </Modal>
+        </Page>
+    }
+}

package/src/pages/flowable/simulate/InitPhase.jsx

@@ -2,7 +2,7 @@ import React from "react";
 import {Button, Form, Input, Select, Splitter} from "antd";
 import {StringUtils} from "@jiangood/open-admin";
 import {PlayCircleOutlined} from "@ant-design/icons";
-import HistoryListPanel from "@/components/flowable/HistoryListPanel";
+import HistoryListPanel from "../../../components/flowable/HistoryListPanel";
 
 export default class InitPhase extends React.Component {
     render() {

package/src/pages/flowable/simulate/RunningPhase.jsx

@@ -1,7 +1,7 @@
 import React from "react";
 import {Button, Card, Empty, Input, Select, Space, Splitter, Table, Tag, Typography} from "antd";
 import {CheckCircleOutlined, CloseCircleOutlined} from "@ant-design/icons";
-import ProcessImageViewer from "@/components/ProcessImageViewer";
+import ProcessImageViewer from "../../../components/ProcessImageViewer";
 
 export default class RunningPhase extends React.Component {
     render() {

package/src/pages/flowable/simulate/index.jsx

@@ -4,7 +4,6 @@ import {HttpUtils, PageLoading, PageUtils} from "@jiangood/open-admin";
 import InitPhase from "./InitPhase";
 import RunningPhase from "./RunningPhase";
 import FinishedPhase from "./FinishedPhase";
-import {SIMULATE_GET, SIMULATE_USERS, SIMULATE_LIST, SIMULATE_START, SIMULATE_STATUS, SIMULATE_TASK_HANDLE, SIMULATE_DELETE} from "@/constants/api";
 
 const PHASE_INIT = 'init';
 const PHASE_RUNNING = 'running';
@@ -32,7 +31,7 @@ export default class extends React.Component {
     const params = PageUtils.currentParams();
     const id = this.id = params.id;
 
-    HttpUtils.get(SIMULATE_GET, {id}).then(rs => {
+    HttpUtils.get('admin/flowable/simulate/get', {id}).then(rs => {
       this.setState({model: rs}, this.loadHistory);
     });
 
@@ -40,7 +39,7 @@ export default class extends React.Component {
   }
 
   loadUsers = (searchText) => {
-    HttpUtils.get(SIMULATE_USERS, {searchText}).then(rs => {
+    HttpUtils.get('admin/flowable/simulate/users', {searchText}).then(rs => {
       this.setState({users: rs || []});
     });
   }
@@ -49,7 +48,7 @@ export default class extends React.Component {
     const {model} = this.state;
     if (!model?.key) return;
     this.setState({historyLoading: true});
-    HttpUtils.get(SIMULATE_LIST, {key: model.key}).then(rs => {
+    HttpUtils.get('admin/flowable/simulate/list', {key: model.key}).then(rs => {
       this.setState({historyList: rs || [], historyLoading: false});
     }).catch(e => {
       message.error(e?.message || '加载历史记录失败');
@@ -59,7 +58,7 @@ export default class extends React.Component {
 
   handleStart = values => {
     this.setState({submitting: true});
-    HttpUtils.post(SIMULATE_START, values).then(rs => {
+    HttpUtils.post('admin/flowable/simulate/start', values).then(rs => {
       message.success('仿真流程已启动');
       this.loadStatus(rs.instanceId);
     }).catch(e => {
@@ -70,7 +69,7 @@ export default class extends React.Component {
 
   loadStatus = (instanceId) => {
     this.setState({loading: true, instanceId, phase: PHASE_RUNNING, taskFormValues: {}});
-    HttpUtils.get(SIMULATE_STATUS, {instanceId}).then(rs => {
+    HttpUtils.get('admin/flowable/simulate/status', {instanceId}).then(rs => {
       const phase = rs.finished ? PHASE_FINISHED : PHASE_RUNNING;
       this.setState({status: rs, phase, loading: false, submitting: false});
     }).catch(e => {
@@ -109,7 +108,7 @@ export default class extends React.Component {
     }
 
     this.setState({submitting: true});
-    HttpUtils.post(SIMULATE_TASK_HANDLE, {
+    HttpUtils.post('admin/flowable/simulate/task/handle', {
       taskId,
       action,
       comment: formValue.comment || '',
@@ -146,7 +145,7 @@ export default class extends React.Component {
       okType: 'danger',
       cancelText: '取消',
       onOk: () => {
-        HttpUtils.post(SIMULATE_DELETE, {instanceId}).then(() => {
+        HttpUtils.post('admin/flowable/simulate/delete', {instanceId}).then(() => {
           message.success('仿真记录已删除');
           this.loadHistory();
         });