|
@@ -1,10 +1,13 @@
|
1
|
1
|
import React, { useState, useEffect } from 'react'
|
2
|
|
-import { Select, Spin, Table, Button, Form, Input, Divider, Modal,Popconfirm, notification } from 'antd'
|
|
2
|
+import { Select, Spin, Table, Button, Form, Input, Divider, Modal,Popconfirm, notification, DatePicker } from 'antd'
|
3
|
3
|
import NavLink from 'umi/navlink'
|
|
4
|
+import moment from 'moment';
|
4
|
5
|
import { fetch, apis } from '@/utils/request'
|
5
|
6
|
import Search from '../components/Search'
|
6
|
7
|
import List from '../components/List'
|
7
|
8
|
|
|
9
|
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
|
|
10
|
+
|
8
|
11
|
const listAnnouncement = fetch(apis.announcement.listAnnouncement)
|
9
|
12
|
const deleteAnnouncement = fetch(apis.announcement.deleteAnnouncement)
|
10
|
13
|
const updateannouncement = fetch(apis.announcement.updateannouncement)
|
|
@@ -39,6 +42,22 @@ const Condition = props => {
|
39
|
42
|
)
|
40
|
43
|
}
|
41
|
44
|
</Form.Item>
|
|
45
|
+ <Form.Item label="状态">
|
|
46
|
+ {
|
|
47
|
+ getFieldDecorator('status')(
|
|
48
|
+ <Select style={{minWidth: '120px'}}>
|
|
49
|
+ <Select.Option value="">全部</Select.Option>
|
|
50
|
+ <Select.Option value="0">未发布</Select.Option>
|
|
51
|
+ <Select.Option value="1">已发布</Select.Option>
|
|
52
|
+ </Select>
|
|
53
|
+ )
|
|
54
|
+ }
|
|
55
|
+ </Form.Item>
|
|
56
|
+ <Form.Item label="创建时间">
|
|
57
|
+ {getFieldDecorator('createTime')(
|
|
58
|
+ <RangePicker placeholder={['开始时间', '结束时间']} />
|
|
59
|
+ )}
|
|
60
|
+ </Form.Item>
|
42
|
61
|
</>
|
43
|
62
|
)
|
44
|
63
|
}}
|
|
@@ -59,9 +78,18 @@ export default props => {
|
59
|
78
|
const [queryParams, setQueryParams] = useState({ pageNum: 1, pageSize: 10 })
|
60
|
79
|
|
61
|
80
|
const handleSearch = vals => {
|
|
81
|
+ let { createTime, ...submitValue } = vals
|
|
82
|
+ if (null != createTime && createTime.length > 0) {
|
|
83
|
+ const [startCreateDate, endCreateDate] = createTime
|
|
84
|
+ submitValue.startCreateDate = moment(startCreateDate).format('YYYY-MM-DD');
|
|
85
|
+ submitValue.endCreateDate = moment(endCreateDate).format('YYYY-MM-DD');
|
|
86
|
+ } else {
|
|
87
|
+ submitValue.startCreateDate = null
|
|
88
|
+ submitValue.endCreateDate = null
|
|
89
|
+ }
|
62
|
90
|
setQueryParams({
|
63
|
91
|
...queryParams,
|
64
|
|
- ...vals,
|
|
92
|
+ ...submitValue,
|
65
|
93
|
pageNum: 1,
|
66
|
94
|
})
|
67
|
95
|
}
|
|
@@ -132,8 +160,10 @@ export default props => {
|
132
|
160
|
dataIndex="status"
|
133
|
161
|
key="status"
|
134
|
162
|
render={(_, row) => StatusDict[row.status]}
|
|
163
|
+ sorter={(a, b) => a.status - b.status}
|
135
|
164
|
/>
|
136
|
|
- <Table.Column title="创建时间" dataIndex="createDate" key="createDate" />
|
|
165
|
+ <Table.Column title="创建时间" dataIndex="createDate" key="createDate"
|
|
166
|
+ sorter={(a, b) => new Date(a.createDate).getTime() - new Date(b.createDate).getTime()}/>
|
137
|
167
|
{/* <Table.Column title="发布人" dataIndex="createUserName" key="createUserName" />
|
138
|
168
|
<Table.Column title="修改时间" dataIndex="updateDate" key="updateDate" />
|
139
|
169
|
<Table.Column title="修改人" dataIndex="updateDateName" key="updateDateName" /> */}
|