1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
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;