@jiangood/springboot-admin-starter 0.0.1

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

@@ -0,0 +1,200 @@
+import React from "react";
+import {Button, Modal, Tabs} from "antd";
+import {HttpUtil, LinkButton, Page, PageLoading, ProTable} from "../../../framework";
+import InstanceInfo from "../../../components/InstanceInfo";
+
+
+export default class extends React.Component {
+
+    state = {
+        show: true
+    }
+
+    render() {
+        if (!this.state.show) {
+            return <PageLoading/>
+        }
+
+        const items = [
+            {label: '待办任务', key: '1', children: this.renderTodo()},
+            {label: '已办任务', key: '2', children: this.renderDone()},
+            {label: '我发起的', key: '3', children: this.renderMyStart()},
+        ]
+
+        return <Page padding>
+            <Tabs defaultActiveKey="1" destroyOnHidden items={items}>
+
+            </Tabs>
+        </Page>
+    }
+
+
+    renderTodo = () => <ProTable
+        showToolbarSearch={false}
+        request={(params) => HttpUtil.pageData("admin/flowable/my/todoTaskPage", params)}
+        columns={[
+
+            {
+                title: '发起人',
+                dataIndex: 'instanceStarter'
+            },
+            {
+                title: '流程名称',
+                dataIndex: 'instanceName',
+            },
+            {
+                title: '当前节点',
+                dataIndex: 'taskName',
+                width: 100,
+            },
+            {
+                title: '当前操作人',
+                dataIndex: 'assigneeInfo',
+                width: 100
+            },
+
+            {
+                title: '发起时间',
+                dataIndex: 'instanceStartTime',
+            },
+            {
+                title: '任务创建时间',
+                dataIndex: 'createTime',
+            },
+
+            {
+                title: '操作',
+                dataIndex: 'option',
+                render: (_, record) => {
+                    let path = '/flowable/task/form?taskId=' + record.id + '&instanceId=' + record.instanceId;
+                    if (record.formKey) {
+                        path += "&formKey=" + record.formKey
+                    }
+                    return (
+                        <LinkButton
+                            type='primary'
+                            path={path}
+                            label='处理任务'>处理</LinkButton>
+                    );
+                },
+            },
+        ]}
+        size='small'
+    />;
+
+    renderDone = () => <ProTable
+        showToolbarSearch={false}
+        request={(params) => HttpUtil.pageData("admin/flowable/my/doneTaskPage", params)}
+        columns={[
+            {
+                title: '流程名称',
+                dataIndex: 'instanceName',
+            },
+            {
+                title: '发起人',
+                dataIndex: 'instanceStarter'
+            },
+            {
+                title: '发起时间',
+                dataIndex: 'instanceStartTime',
+            },
+            {
+                title: '任务创建时间',
+                dataIndex: 'createTime',
+            },
+            {
+                title: '处理时间',
+                dataIndex: 'endTime',
+            },
+            {
+                title: '耗时',
+                dataIndex: 'durationInfo',
+            },
+            {
+                title: '处理节点',
+                dataIndex: 'taskName'
+            },
+            {
+                title: '操作人',
+                dataIndex: 'assigneeInfo'
+            },
+
+
+            {
+                title: '操作',
+                dataIndex: 'option',
+                render: (_, record) => (
+                    <Button size='small' onClick={() => {
+                        Modal.info({
+                            title: '流程信息',
+                            width: '800vw',
+                            content: <InstanceInfo id={record.instanceId}/>
+                        })
+                    }}> 查看 </Button>
+                ),
+            },
+        ]}
+        size='small'
+    />;
+
+    renderMyStart = () => <ProTable
+        request={(params) => HttpUtil.pageData("admin/flowable/my/myInstance", params)}
+        columns={[
+
+            {
+                title: '流程名称',
+                dataIndex: 'processDefinitionName',
+                render(_, r) {
+                    return r.name || r.processDefinitionName
+                }
+            },
+            {
+                title: '发起人',
+                dataIndex: 'startUserName',
+            },
+            {
+                title: '发起时间',
+                dataIndex: 'startTime',
+            },
+            {
+                title: '业务标识',
+                dataIndex: 'businessKey',
+
+            },
+
+
+            {
+                title: '结束时间',
+                dataIndex: 'endTime',
+            },
+
+            {
+                title: '流程状态',
+                dataIndex: 'x',
+                render(_, row) {
+                    return row.endTime == null ? '进行中' : '已结束'
+                }
+            },
+            {
+                title: '终止原因',
+                dataIndex: 'deleteReason',
+            },
+
+
+            {
+                title: '操作',
+                dataIndex: 'option',
+                render: (_, record) => (
+                    <Button size='small' onClick={() => {
+
+                        Modal.info({
+                            title: '流程信息',
+                            width: '80vw',
+                            content: <InstanceInfo id={record.id}/>
+                        })
+                    }}> 查看 </Button>
+                ),
+            },
+        ]}
+    />;
+}

package/src/pages/flowable/test/form.jsx

@@ -0,0 +1,31 @@
+import React from "react";
+import {Form, Input, Typography} from "antd";
+
+export default class extends React.Component {
+
+
+    render() {
+        console.log('测试表单', this.props)
+        return <div>
+            <Typography.Title level={3} >测试表单</Typography.Title>
+            <Form labelCol={{flex:'150px'}}>
+                <Form.Item name='days' label='请假天数'>
+                    <Input disabled/>
+                </Form.Item>
+
+                <Form.Item name='pathname' label='pathname' initialValue={this.props.location.pathname}>
+                    <Input disabled/>
+                </Form.Item>
+
+                <Form.Item name='search' label='search' initialValue={this.props.location.search}>
+                    <Input disabled/>
+                </Form.Item>
+                <Form.Item name='params' label='路由参数' initialValue={JSON.stringify(this.props.location.params)}>
+                    <Input disabled/>
+                </Form.Item>
+            </Form>
+
+
+        </div>
+    }
+}

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

@@ -0,0 +1,54 @@
+import React from "react";
+import {Button, Card, Form, Input} from "antd";
+import {HttpUtil, PageLoading, PageUtil} from "../../../framework";
+
+export default class extends React.Component {
+
+  state = {
+    model: undefined
+  }
+
+
+  componentDidMount() {
+    let params = PageUtil.currentLocationQuery()
+    const id = this.id = params.id
+
+    HttpUtil.get('admin/flowable/test/get', {id}).then(rs=>{
+        this.setState({model: rs})
+
+    })
+
+  }
+
+
+  render() {
+    if(this.state.model === undefined){
+      return <PageLoading />
+    }
+
+    return <Card title={'流程测试 / 【' + this.state.model.name + "】 / " + this.state.model.code }>
+      <Form onFinish={this.onFinish} layout='vertical' >
+        <Form.Item name='id' label='业务标识(相当于业务表的id)' rules={[{required: true}]} initialValue={1}>
+          <Input />
+        </Form.Item>
+
+        {this.state.model.conditionVariableList.map(item=><Form.Item key={item.name} name={item.name} label={item.label}>
+          <Input />
+        </Form.Item>)}
+
+
+
+        <Form.Item label='   ' colon={false}>
+          <Button htmlType="submit" type='primary'>提交</Button>
+        </Form.Item>
+      </Form>
+    </Card>
+  }
+
+  onFinish = values => {
+    values.modelCode = this.state.model.code
+    HttpUtil.post('admin/flowable/test/submit', values).then(rs=>{
+
+    })
+  };
+}

package/src/pages/index.jsx

@@ -0,0 +1,25 @@
+import React from "react";
+import {Button, Card, Space} from "antd";
+
+
+export default class extends React.Component {
+
+  state = {
+  }
+
+  render() {
+
+    return <Card>
+      欢迎使用本系统
+
+      <Space>
+        <Button onClick={()=>MsgBox.alert('你好')}>alert</Button>
+        <Button onClick={()=>MsgBox.confirm('你好')}>comfirm</Button>
+        <Button onClick={()=>MsgBox.prompt('你好')}>prompt</Button>
+
+      </Space>
+
+    </Card>
+  }
+
+}

package/src/pages/job/index.jsx

@@ -0,0 +1,239 @@
+import {AutoComplete, Button, Form, Input, message, Modal, Popconfirm, Select, Space, Switch, Tag} from 'antd'
+import React from 'react'
+import {PlusOutlined, ReloadOutlined} from "@ant-design/icons";
+import {HttpUtil, Page, PageUtil, ProTable, StrUtil, ValueType} from "../../framework";
+
+
+const cronOptions = [
+    {
+        label: '*/5 * * * * ? 每隔5秒',
+        value: '*/5 * * * * ?'
+    },
+    {
+        label: '0 */5 * * * ? 每隔5分钟',
+        value: '0 */5 * * * ?'
+    },
+    {
+        label: '0 0 22 * * ? 每天22点',
+        value: '0 0 22 * * ?'
+    },
+    {
+        label: '0 0 1 * * ? 每天1点',
+        value: '0 0 1 * * ?'
+    },
+    {
+        label: '0 0 1 1 * ? 每月1号凌晨1点',
+        value: '0 0 1 1 * ?'
+    }
+]
+
+
+export default class extends React.Component {
+
+    state = {
+        formValues: {},
+        formOpen: false,
+
+        selectedRowKeys: [],
+
+        jobClassOptions: [],
+
+        paramList: []
+    }
+
+    componentDidMount() {
+        HttpUtil.get('admin/job/jobClassOptions').then(rs => {
+            this.setState({jobClassOptions: rs})
+        })
+    }
+
+    tableRef = React.createRef()
+    formRef = React.createRef()
+
+    columns = [
+        {
+            title: '分组',
+            dataIndex: 'group',
+        },
+        {
+            title: '名称',
+            dataIndex: 'name',
+            render:(name, record)=> {
+                return <a onClick={()=>PageUtil.open('/job/logList?jobId=' + record.id, '作业日志-'+name)}>{name}</a>;
+            }
+        },
+        {
+            title: '执行类',
+            dataIndex: 'jobClass',
+
+        },
+
+        {
+            title: 'cron',
+            dataIndex: 'cron',
+        },
+
+
+        {
+            title: '参数',
+            dataIndex: 'jobData',
+            render(list) {
+                if (list)
+                    return JSON.stringify(list)
+            }
+        },
+
+        {
+            title: '运行状态',
+            dataIndex: 'executing',
+            render: (v, record) => {
+                return record.executing ? <Tag icon={<ReloadOutlined spin/>} color='green'>运行中</Tag> :
+                    <Tag>空闲</Tag>
+            },
+        },
+
+
+
+        {
+            title: '启用状态',
+            dataIndex: 'enabled',
+            render: (v, record) => {
+                return record.enabled ? <Tag color='green'>启用</Tag> : <Tag color='red'>停用</Tag>
+            },
+        },
+
+        {
+            title: '操作',
+            dataIndex: 'option',
+            fixed: 'right',
+            render: (_, record) => {
+
+                return (
+                    <Space>
+
+                        <Button size='small' onClick={() => this.handleTriggerJob(record)}>执行一次</Button>
+                        <Button size='small' onClick={() => this.handleEdit(record)}> 编辑 </Button>
+                        <Popconfirm title='是否确定删除?' onConfirm={() => this.handleDelete(record)}>
+                            <Button size='small'>删除</Button>
+                        </Popconfirm>
+                    </Space>
+                );
+            },
+        },
+
+    ]
+
+    handleAdd = () => {
+        this.setState({formOpen: true, formValues: {}, paramList: []})
+    }
+    handleEdit = (record) => {
+        this.loadJobParamFields(record.jobClass, record.jobData)
+        this.setState({formOpen: true, formValues: record,})
+    }
+
+    loadJobParamFields(className, jobData) {
+        HttpUtil.post("admin/job/getJobParamFields", jobData || {}, {className}).then(rs => {
+            this.setState({paramList: rs})
+        })
+    }
+
+    onFinish = (values) => {
+        HttpUtil.post('admin/job/save', values).then(rs => {
+            this.setState({formOpen: false})
+            this.tableRef.current.reload();
+        })
+    }
+
+    handleDelete = row => {
+        const hide = message.loading("删除作业中...")
+        HttpUtil.get('admin/job/delete', {id: row.id}).then(rs => {
+            this.tableRef.current.reload();
+        }).catch(hide)
+    }
+    handleTriggerJob = row => {
+        HttpUtil.get('admin/job/triggerJob', {id: row.id}).then(rs => {
+            this.tableRef.current.reload();
+        })
+    }
+
+
+    render() {
+        return <Page>
+            <ProTable
+                actionRef={this.tableRef}
+                toolBarRender={() => {
+                    return <Button type='primary' onClick={() => this.handleAdd()} icon={<PlusOutlined/>}>
+                        新增
+                    </Button>
+                }}
+                request={(params) => HttpUtil.pageData('admin/job/page', params)}
+                columns={this.columns}
+                bordered={true}
+            />
+
+
+            <Modal title='作业调度'
+                   open={this.state.formOpen}
+                   destroyOnHidden
+                   width={800}
+                   onOk={() => this.formRef.current.submit()}
+                   onCancel={() => this.setState({formOpen: false})}
+            >
+
+                <Form ref={this.formRef} labelCol={{flex: '100px'}}
+                      initialValues={this.state.formValues}
+                      onValuesChange={this.onValuesChange}
+                      onFinish={this.onFinish}>
+                    <Form.Item name='id' noStyle>
+                    </Form.Item>
+                    <Form.Item label='执行类' name='jobClass' rules={[{required: true}]}
+                               tooltip='org.quartz.Job接口，参考io.tmgg.job.builtin.DemoJob'>
+                        <Select options={this.state.jobClassOptions}/>
+                    </Form.Item>
+                    <Form.Item label='名称' name='name' rules={[{required: true}]}>
+                        <Input/>
+                    </Form.Item>
+
+                    <Form.Item label='cron表达式' name='cron' help='格式：秒分时日月周,留空表示手动执行' rules={[{required: true}]}>
+                        <AutoComplete placeholder='如 0 */5 * * * ?' options={cronOptions}/>
+                    </Form.Item>
+
+                    <Form.Item label='启用' name='enabled' valuePropName='checked' rules={[{required: true}]}>
+                        <Switch/>
+                    </Form.Item>
+
+                    {this.state.paramList?.map(p => (
+                        <Form.Item label={p.label}
+                                   name={['jobData', p.name]}
+                                   key={p.name}
+                                   rules={[{required: p.required}]}>
+                            {ValueType.renderField(p.componentType,p.componentProps)}
+                        </Form.Item>
+                    ))}
+                </Form>
+            </Modal>
+
+        </Page>
+    }
+
+    onValuesChange = (changed, values) => {
+        if (changed.jobClass) {
+            this.loadJobParamFields(values.jobClass)
+            const option = this.state.jobClassOptions.find(o => o.value === changed.jobClass)
+            if (option) {
+                let {label} = option;
+                if (StrUtil.contains(label, " ")) { // 取中文名部门设置为name
+                    this.formRef.current.setFieldValue("name", label.split(" ")[1])
+                }
+            }
+        }
+
+        if (changed.jobData) {
+            this.loadJobParamFields(values.jobClass, values.jobData)
+        }
+
+    };
+}
+
+
+

package/src/pages/job/logList.jsx

@@ -0,0 +1,100 @@
+import {Button} from 'antd'
+import React from 'react'
+import {HttpUtil, PageUtil, ProTable, SysUtil} from "../../framework";
+
+
+export default class extends React.Component {
+
+  state = {
+    formValues: {},
+    formOpen: false,
+
+    selectedRowKeys: [],
+
+  }
+
+  tableRef = React.createRef()
+
+  columns = [
+    {
+      title: '名称',
+      dataIndex: ['sysJob','name'],
+    },
+    {
+      title: '执行类',
+      dataIndex: ['sysJob','jobClass'],
+    },
+
+    {
+      title: '开始时间',
+      dataIndex: 'beginTime',
+    },
+    {
+      title: '结束时间',
+      dataIndex: 'endTime',
+    },
+    {
+      title: '耗时',
+      dataIndex: 'jobRunTimeLabel',
+
+    },
+    {
+      title: '是否成功',
+      dataIndex: 'success',
+      width: 200,
+      render:v=>{
+        if(v != null){
+          return v ? '成功':'异常'
+        }
+      }
+    },
+    {
+      title: '返回结果',
+      dataIndex: 'result',
+      width:300
+    },
+
+    {
+      title: '操作',
+      dataIndex: 'option',
+      fixed:'right',
+      render: (_, record) => {
+        let url = SysUtil.getServerUrl() + 'sys/log/'+ record.id;
+        return <a  href={url} target='_blank'>日志</a>;
+      },
+    },
+
+  ]
+
+  clean = (selectedRowKeys)=>{
+    HttpUtil.post('admin/job/jobLogClean', {ids:selectedRowKeys} ).then(rs=>{
+      this.tableRef.current.reload()
+    })
+  }
+
+
+
+  render() {
+    return <>
+      <ProTable
+        toolBarRender={(_,{selectedRowKeys})=><>
+          <Button disabled={selectedRowKeys.length === 0} onClick={()=>this.clean(selectedRowKeys)} type='primary' >删除{selectedRowKeys.length}条</Button>
+        </>}
+        actionRef={this.tableRef}
+        request={(params) => {
+            const jobId = PageUtil.currentParams().jobId
+          params.jobId = jobId;
+
+          return HttpUtil.pageData('admin/job/jobLog', params);
+        }}
+        columns={this.columns}
+        rowSelection={{}}
+        rowKey='id'
+      />
+
+    </>
+  }
+}
+
+
+