@jiangood/open-admin-flowable 2.2.1 → 2.2.3

package/src/pages/flowable/monitor/definition/index.jsx

@@ -1,88 +0,0 @@
-import React from "react";
-import {HttpUtils, ProTable} from "@jiangood/open-admin";
-import {MONITOR_DEFINITION_PAGE} from "@/constants/api";
-
-export default class extends React.Component {
-
-    columns = [
-        {
-            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 <ProTable
-            search={false}
-            columns={this.columns}
-            request={(params) => HttpUtils.get(MONITOR_DEFINITION_PAGE, params)}
-        >
-
-        </ProTable>
-    }
-}

package/src/pages/flowable/monitor/instance/index.jsx

@@ -1,86 +0,0 @@
-import {Button, message, Popconfirm, Space} from "antd";
-import {HttpUtils, PageUtils, ProTable} from "@jiangood/open-admin";
-import React from "react";
-import {MONITOR_PROCESS_INSTANCE_CLOSE, MONITOR_INSTANCE_PAGE} from "@/constants/api";
-import {ROUTE_MONITOR_INSTANCE_VIEW} from "@/constants/routes";
-
-export default class extends React.Component {
-
-        columns = [
-        {
-            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={() => PageUtils.open(ROUTE_MONITOR_INSTANCE_VIEW + '?id=' + r.id, '查看流程')}>查看</Button>
-                    <Popconfirm title={'关闭流程'}
-                                onConfirm={() => this.close(r.id)}>
-                        <Button size='small' >终止</Button>
-                    </Popconfirm></Space>
-            }
-        }
-
-    ]
-
-    close = (id) => {
-        HttpUtils.get(MONITOR_PROCESS_INSTANCE_CLOSE, {id}).then((rs) => {
-            this.tableRef.current.reload()
-        }).catch(e => {
-            message.error(e?.message || '关闭流程失败');
-        })
-    }
-
-    tableRef = React.createRef()
-
-    render() {
-        return <ProTable
-            actionRef={this.tableRef}
-            columns={this.columns}
-            request={(params) => HttpUtils.get(MONITOR_INSTANCE_PAGE, params)}
-        >
-
-        </ProTable>
-    }
-}

package/src/pages/flowable/monitor/instance/view.jsx

@@ -1,5 +0,0 @@
-import InstanceView from "@/components/InstanceView";
-
-export default function MonitorInstanceView() {
-    return <InstanceView showVariables />;
-}

package/src/pages/flowable/monitor/task/index.jsx

@@ -1,101 +0,0 @@
-import {FieldUserSelect, HttpUtils, Page, ProTable} from "@jiangood/open-admin";
-import {Button, Form, message, Modal} from "antd";
-import React from "react";
-import {MONITOR_SET_ASSIGNEE, MONITOR_TASK} from "@/constants/api";
-
-export default class extends React.Component {
-
-
-    state = {
-        assigneeFormOpen:false,
-        assigneeFormValues:{}
-    }
-
-    assigneeFormRef = React.createRef()
-    taskTableRef = React.createRef()
-
-    onClickSetAssignee = id => {
-        this.setState({assigneeFormOpen:true,assigneeFormValues:{taskId:id}})
-    };
-
-    submitSetAssignee = values => {
-        HttpUtils.post(MONITOR_SET_ASSIGNEE,values).then(()=>{
-            this.setState({assigneeFormOpen:false})
-            this.taskTableRef.current.reload()
-        }).catch(e => {
-            message.error(e?.message || '指定处理人失败');
-        })
-    };
-    render() {
-        return <Page padding>
-            <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(MONITOR_TASK, params)}
-            >
-                <Form.Item label='受理人' name='assignee'>
-                    <FieldUserSelect />
-                </Form.Item>
-            </ProTable>
-            <Modal title='指定处理人'
-                   open={this.state.assigneeFormOpen}
-                   onOk={()=>this.assigneeFormRef.current.submit()}
-                   onCancel={()=>this.setState({assigneeFormOpen:false})}
-                   destroyOnHidden
-            >
-                <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>
-        </Page>
-    }
-
-}

package/src/pages/flowable/user-task/form.jsx

@@ -1,159 +0,0 @@
-import React from "react";
-import {Button, Card, Empty, Form, Input, message, Radio, Spin, Splitter, Table, Typography} from "antd";
-import ProcessImageViewer from "@/components/ProcessImageViewer";
-import {FormRegistryUtils, Gap, HttpUtils, Page, PageUtils} from "@jiangood/open-admin";
-import {USER_TASK_GET_INSTANCE_INFO_BY_TASK_ID, USER_TASK_HANDLE_TASK} from "@/constants/api";
-
-export default class extends React.Component {
-
-    state = {
-        submitLoading: false,
-
-
-        formData: {},
-
-
-        instanceCommentList: [],
-        vars: {},
-
-
-        data: {
-            taskId: null,
-            commentList: [],
-            img: null
-        },
-        loading: true,
-
-        errorMsg: null
-    }
-
-    componentDidMount() {
-        const {taskId} = PageUtils.currentParams()
-
-
-        HttpUtils.get(USER_TASK_GET_INSTANCE_INFO_BY_TASK_ID, {taskId}).then(rs => {
-            this.setState({data: rs})
-        }).catch(e => {
-            message.error(e?.message || '获取任务信息失败');
-            this.setState({errorMsg: e})
-        }).finally(() => {
-            this.setState({loading: false})
-        })
-
-
-    }
-
-
-    handleTask = async value => {
-        this.setState({submitLoading: true});
-        try {
-            if (value.result === 'APPROVE') {
-                value.formData = this.state.formData
-            }
-            value.taskId = this.state.data.taskId
-            await HttpUtils.post(USER_TASK_HANDLE_TASK, value)
-
-            PageUtils.closeCurrent()
-        } catch (error) {
-            message.error(error?.message || '操作失败')
-        } finally {
-            this.setState({submitLoading: false})
-        }
-
-    }
-
-    render() {
-        const {submitLoading} = this.state
-
-        const {data, loading} = this.state
-        const {commentList, img} = data
-        if (loading) {
-            return <Spin/>
-        }
-        return <Page padding>
-
-            <Splitter>
-                <Splitter.Panel>
-                    <Typography.Title level={4}>{data.name}</Typography.Title>
-                    <Typography.Text type="secondary">{data.starter} &nbsp;&nbsp; {data.startTime}</Typography.Text>
-                    <Gap></Gap>
-                    {this.renderForm()}
-                </Splitter.Panel>
-                <Splitter.Panel>
-                    <Card title='审批意见'>
-                        <Form
-                            layout='vertical'
-                            onFinish={this.handleTask}
-                            disabled={submitLoading}
-                        >
-
-                            <Form.Item label='审批结果' name='result' rules={[{required: true, message: '请选择'}]}
-                                       initialValue={'APPROVE'}>
-                                <Radio.Group>
-                                    <Radio value='APPROVE'>同意</Radio>
-                                    <Radio value='REJECT'>不同意</Radio>
-                                </Radio.Group>
-                            </Form.Item>
-                            <Form.Item label='审批意见' name='comment'
-                                       rules={[{required: true, message: '请输入审批意见'}]}>
-                                <Input.TextArea/>
-                            </Form.Item>
-                            <div>
-                                <Button type='primary' htmlType='submit' loading={submitLoading}
-                                        size={"middle"}>提交</Button>
-                            </div>
-                        </Form>
-                    </Card>
-                    <Gap></Gap>
-                    {this.renderProcess(img, commentList)}
-                </Splitter.Panel>
-
-            </Splitter>
-
-
-        </Page>
-
-
-    }
-
-    renderProcess = (img, commentList) => <Card title='处理记录'>
-        <ProcessImageViewer imageUrl={img}/>
-        <Gap></Gap>
-        <Table dataSource={commentList}
-
-               size='small'
-               pagination={false}
-               rowKey='id'
-               columns={[
-                   {
-                       dataIndex: 'content',
-                       title: '操作'
-                   },
-                   {
-                       dataIndex: 'user',
-                       title: '处理人',
-                   },
-                   {
-                       dataIndex: 'time',
-                       title: '处理时间'
-                   },
-               ]}
-        />
-    </Card>;
-
-    renderForm = () => {
-        const {data, formData} = this.state
-        const {businessKey} = data
-        const formKey = data.formKey;
-        const formName = data.formKey + 'Form'
-
-        let ExForm = FormRegistryUtils.get(formName);
-        if (!ExForm) {
-            console.error(" 表单不存在： " + formName + "，请检查表单源代码：src/forms/" + formName + ".jsx")
-            return <Empty description={"表单不存在： " + formName}></Empty>
-        }
-
-        return <ExForm id={businessKey} formKey={formKey} value={formData}
-                       onChange={v => this.setState({formData: v})}></ExForm>
-    }
-}

package/src/pages/flowable/user-task/instance/view.jsx

@@ -1,5 +0,0 @@
-import InstanceView from "@/components/InstanceView";
-
-export default function UserTaskInstanceView() {
-    return <InstanceView />;
-}