JournalDetailModal.jsx 1.93 KB
import React from 'react';
import { Modal, Form, Input, Select } from 'antd'

const { Option } = Select;
const { TextArea } = Input

const JournalDetailModal = (props) => {
    const {
        visible,
        setVisible,
    } = props
    const formItemLayout = {
        labelCol: {
            span: 6
        },
        wrapperCol: {
            span: 18
        }
    }
    return <Modal
        title="详情"
        visible={visible}
        onCancel={() => setVisible(false)}
        footer={null}
    >
        <Form>
            <Form.Item label="日志编号" {...formItemLayout} name="id">
                <Input placeholder="请输入" disabled />
            </Form.Item>
            <Form.Item label="任务名称" {...formItemLayout} name="jobName">
                <Input placeholder="请输入" disabled />
            </Form.Item>
            <Form.Item label="任务分组" {...formItemLayout} name="jobGroup">
                <Select disabled>
                    <Option>1</Option>
                </Select>
            </Form.Item>
            <Form.Item label="调用字符串" {...formItemLayout} name="beanClass">
                <Input placeholder="请输入" disabled />
            </Form.Item>
            <Form.Item label="cron表达式" {...formItemLayout} name="cronExpression">
                <Input placeholder="请输入" disabled />
            </Form.Item>
            <Form.Item label="创建时间" {...formItemLayout} name="createTime">
                <Input placeholder="请输入" disabled />
            </Form.Item>
            <Form.Item label="执行状态" {...formItemLayout} name="state">
                <Input placeholder="请输入" disabled />
            </Form.Item>
            <Form.Item label="日志信息" {...formItemLayout} name="description">
                <TextArea placeholder="请输入" disabled rows={4} />
            </Form.Item>
        </Form>
    </Modal>
}

export default JournalDetailModal;