|
@@ -17,23 +17,23 @@ const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
|
17
|
17
|
const header = props => {
|
18
|
18
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
19
|
19
|
const [data, setData] = useState({ list: [], total: 0 })
|
20
|
|
-// const [page, changePage] = useState({})
|
|
20
|
+ // const [page, changePage] = useState({})
|
21
|
21
|
|
22
|
|
- // 查询列表
|
23
|
|
- const getList = params => {
|
24
|
|
- request({ ...apis.activity.list, params: { ...params } }).then(data => {
|
|
22
|
+ // 查询列表
|
|
23
|
+ const getList = params => {
|
|
24
|
+ request({ ...apis.activity.list, params: { ...params } }).then(data => {
|
25
|
25
|
console.log(data)
|
26
|
26
|
setData(data)
|
27
|
|
- })
|
28
|
|
-}
|
|
27
|
+ })
|
|
28
|
+ }
|
29
|
29
|
|
30
|
30
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
31
|
31
|
useEffect(() => {
|
32
|
32
|
getList({ pageNum: 1, pageSize: 10 });
|
33
|
33
|
}, [])
|
34
|
34
|
|
35
|
|
-// 跳转到编辑商品
|
36
|
|
-const toEditGoods = dynamicId => () => {
|
|
35
|
+ // 跳转到编辑商品
|
|
36
|
+ const toEditGoods = dynamicId => () => {
|
37
|
37
|
router.push({
|
38
|
38
|
pathname: '/activity/editActivity',
|
39
|
39
|
query: {
|
|
@@ -47,7 +47,7 @@ const toEditGoods = dynamicId => () => {
|
47
|
47
|
const resourceUrl = row.qrCode
|
48
|
48
|
x.open('GET', resourceUrl, true);
|
49
|
49
|
x.responseType = 'blob';
|
50
|
|
- x.onload = function(e) {
|
|
50
|
+ x.onload = function (e) {
|
51
|
51
|
const url = window.URL.createObjectURL(x.response)
|
52
|
52
|
const a = document.createElement('a');
|
53
|
53
|
a.href = url;
|
|
@@ -59,7 +59,7 @@ const toEditGoods = dynamicId => () => {
|
59
|
59
|
}
|
60
|
60
|
|
61
|
61
|
|
62
|
|
- function download(data) {
|
|
62
|
+ function download (data) {
|
63
|
63
|
if (!data) {
|
64
|
64
|
return
|
65
|
65
|
}
|
|
@@ -136,13 +136,13 @@ const toEditGoods = dynamicId => () => {
|
136
|
136
|
<span style={{ color: '#1990FF', cursor: 'pointer' }} onClick={getSignList.bind(this, row.dynamicId)}>{row.isEnlist == '1' || row.isEnlist == '2' ? '报名记录' : ''}<Icon type="snippets" className={styles.shoppingCart} /></span>
|
137
|
137
|
</AuthButton>
|
138
|
138
|
<AuthButton name="admin.buildingDynamic.send.dynamicId.put" noRight={null}>
|
139
|
|
- <span style={{ color: '#1990FF', cursor: 'pointer' }} onClick={sendOrPublicDynamic.bind(this, row)}>{ row.status === 1 ? '取消发布' : '发布' }<Icon type="close-circle" className={styles.edit} /></span>
|
|
139
|
+ {row.activityStatus != 0 && <span style={{ color: '#1990FF', cursor: 'pointer' }} onClick={sendOrPublicDynamic.bind(this, row)}>{row.status === 1 ? '取消发布' : '发布'}<Icon type="close-circle" className={styles.edit} /></span>}
|
140
|
140
|
</AuthButton>
|
141
|
141
|
<AuthButton name="admin.buildingDynamic.finish.put" noRight={null}>
|
142
|
142
|
{row.isEnlist == 1 && <span style={{ color: '#1990FF', cursor: 'pointer' }} onClick={finishDynamic.bind(this, row)}>结束活动<Icon type="poweroff" className={styles.edit} /></span>}
|
143
|
143
|
</AuthButton>
|
144
|
144
|
<AuthButton name="admin.buildingDynamic.update.put" noRight={null}>
|
145
|
|
- <span style={{ color: '#1990FF', marginRight: '20px', cursor: 'pointer' }} onClick={topDynamic(row)}>{ row.weight === 1 ? '取消置顶' : '置顶' }<Icon type="vertical-align-top" className={styles.edit} /></span>
|
|
145
|
+ <span style={{ color: '#1990FF', marginRight: '20px', cursor: 'pointer' }} onClick={topDynamic(row)}>{row.weight === 1 ? '取消置顶' : '置顶'}<Icon type="vertical-align-top" className={styles.edit} /></span>
|
146
|
146
|
{row.isEnlist != 2 && <span style={{ color: '#FF925C', cursor: 'pointer' }} onClick={toEditGoods(row.dynamicId)}>编辑<Icon type="form" className={styles.edit} /></span>}
|
147
|
147
|
</AuthButton>
|
148
|
148
|
<span style={{ color: '#1990FF', cursor: 'pointer' }} onClick={newQrcode.bind(this, row)}>下载二维码<Icon type="qrcode" className={styles.shoppingCart} /></span>
|
|
@@ -152,81 +152,81 @@ const toEditGoods = dynamicId => () => {
|
152
|
152
|
];
|
153
|
153
|
|
154
|
154
|
const getSignList = dynamicId => {
|
155
|
|
- router.push({
|
156
|
|
- pathname: '/activity/SignList',
|
157
|
|
- query: {
|
158
|
|
- dynamicId,
|
159
|
|
- },
|
160
|
|
- });
|
|
155
|
+ router.push({
|
|
156
|
+ pathname: '/activity/SignList',
|
|
157
|
+ query: {
|
|
158
|
+ dynamicId,
|
|
159
|
+ },
|
|
160
|
+ });
|
161
|
161
|
}
|
162
|
162
|
|
163
|
163
|
const finishDynamic = row => {
|
164
|
|
- Modal.confirm({
|
165
|
|
- title: '结束以后将无法编辑, 是否继续?',
|
166
|
|
- okText: '确定',
|
167
|
|
- cancelText: '取消',
|
168
|
|
- onOk() {
|
169
|
|
- request({ ...apis.activity.finish, data: { dynamicId: row.dynamicId, top: '' } }).then(data => {
|
170
|
|
- console.log(data)
|
171
|
|
- message.info('操作成功!')
|
172
|
|
- getList({ pageNum: 1, pageSize: 10 })
|
173
|
|
- }).catch(err => {
|
174
|
|
- console.log(err)
|
175
|
|
- message.info(err.msg || err.message)
|
176
|
|
- })
|
177
|
|
- },
|
178
|
|
- });
|
179
|
|
- }
|
180
|
|
-
|
181
|
|
-// 置顶
|
182
|
|
- const topDynamic = row => () => {
|
183
|
|
- const weight = Math.abs(row.weight - 1)
|
184
|
|
- request({ ...apis.activity.weight, params: { dynamicId: row.dynamicId, weight } }).then(data => {
|
|
164
|
+ Modal.confirm({
|
|
165
|
+ title: '结束以后将无法编辑, 是否继续?',
|
|
166
|
+ okText: '确定',
|
|
167
|
+ cancelText: '取消',
|
|
168
|
+ onOk () {
|
|
169
|
+ request({ ...apis.activity.finish, data: { dynamicId: row.dynamicId, top: '' } }).then(data => {
|
185
|
170
|
console.log(data)
|
186
|
171
|
message.info('操作成功!')
|
187
|
172
|
getList({ pageNum: 1, pageSize: 10 })
|
188
|
|
- }).catch(err => {
|
|
173
|
+ }).catch(err => {
|
189
|
174
|
console.log(err)
|
190
|
175
|
message.info(err.msg || err.message)
|
191
|
|
- })
|
|
176
|
+ })
|
|
177
|
+ },
|
|
178
|
+ });
|
|
179
|
+ }
|
|
180
|
+
|
|
181
|
+ // 置顶
|
|
182
|
+ const topDynamic = row => () => {
|
|
183
|
+ const weight = Math.abs(row.weight - 1)
|
|
184
|
+ request({ ...apis.activity.weight, params: { dynamicId: row.dynamicId, weight } }).then(data => {
|
|
185
|
+ console.log(data)
|
|
186
|
+ message.info('操作成功!')
|
|
187
|
+ getList({ pageNum: 1, pageSize: 10 })
|
|
188
|
+ }).catch(err => {
|
|
189
|
+ console.log(err)
|
|
190
|
+ message.info(err.msg || err.message)
|
|
191
|
+ })
|
192
|
192
|
}
|
193
|
193
|
|
194
|
194
|
const sendOrPublicDynamic = row => {
|
195
|
|
- if (row.status === 1) {
|
196
|
|
- cancelDynamic(row)
|
197
|
|
- } else {
|
198
|
|
- sendDynamic(row)
|
199
|
|
- }
|
|
195
|
+ if (row.status === 1) {
|
|
196
|
+ cancelDynamic(row)
|
|
197
|
+ } else {
|
|
198
|
+ sendDynamic(row)
|
|
199
|
+ }
|
200
|
200
|
}
|
201
|
201
|
|
202
|
202
|
// 取消活动
|
203
|
203
|
const cancelDynamic = row => {
|
204
|
|
- request({ ...apis.activity.cancel, urlData: { id: row.dynamicId } }).then(data => {
|
205
|
|
- message.info('操作成功!')
|
206
|
|
- getList({ pageNum: 1, pageSize: 10 })
|
207
|
|
- }).catch(err => {
|
208
|
|
- console.log(err)
|
209
|
|
- message.info(err.msg || err.message)
|
210
|
|
- })
|
|
204
|
+ request({ ...apis.activity.cancel, urlData: { id: row.dynamicId } }).then(data => {
|
|
205
|
+ message.info('操作成功!')
|
|
206
|
+ getList({ pageNum: 1, pageSize: 10 })
|
|
207
|
+ }).catch(err => {
|
|
208
|
+ console.log(err)
|
|
209
|
+ message.info(err.msg || err.message)
|
|
210
|
+ })
|
211
|
211
|
}
|
212
|
212
|
|
213
|
213
|
// 发布活动
|
214
|
214
|
const sendDynamic = row => {
|
215
|
|
- request({ ...apis.activity.send, urlData: { id: row.dynamicId } }).then(data => {
|
216
|
|
- message.info('操作成功!')
|
217
|
|
- getList({ pageNum: 1, pageSize: 10 });
|
218
|
|
- }).catch(err => {
|
219
|
|
- console.log(err)
|
220
|
|
- message.info(err.msg || err.message)
|
221
|
|
- })
|
|
215
|
+ request({ ...apis.activity.send, urlData: { id: row.dynamicId } }).then(data => {
|
|
216
|
+ message.info('操作成功!')
|
|
217
|
+ getList({ pageNum: 1, pageSize: 10 });
|
|
218
|
+ }).catch(err => {
|
|
219
|
+ console.log(err)
|
|
220
|
+ message.info(err.msg || err.message)
|
|
221
|
+ })
|
222
|
222
|
}
|
223
|
223
|
|
224
|
224
|
const changePageNum = pageNumber => {
|
225
|
|
- getList({ pageNum: pageNumber, pageSize: 10 })
|
|
225
|
+ getList({ pageNum: pageNumber, pageSize: 10 })
|
226
|
226
|
}
|
227
|
227
|
|
228
|
228
|
// 提交事件
|
229
|
|
-const handleSubmit = (e, props) => {
|
|
229
|
+ const handleSubmit = (e, props) => {
|
230
|
230
|
e.preventDefault();
|
231
|
231
|
props.form.validateFields((err, values) => {
|
232
|
232
|
if (!err) {
|
|
@@ -236,8 +236,8 @@ const handleSubmit = (e, props) => {
|
236
|
236
|
});
|
237
|
237
|
}
|
238
|
238
|
|
239
|
|
- // 重置搜索
|
240
|
|
- function handleReset() {
|
|
239
|
+ // 重置搜索
|
|
240
|
+ function handleReset () {
|
241
|
241
|
props.form.resetFields();
|
242
|
242
|
}
|
243
|
243
|
|
|
@@ -285,16 +285,16 @@ const handleSubmit = (e, props) => {
|
285
|
285
|
搜索
|
286
|
286
|
</Button>
|
287
|
287
|
<Button style={{ marginLeft: 8 }} onClick={handleReset}>
|
288
|
|
- 重置
|
|
288
|
+ 重置
|
289
|
289
|
</Button>
|
290
|
290
|
</Form.Item>
|
291
|
291
|
</Form>
|
292
|
292
|
<AuthButton name="admin.buildingDynamic.add.post" noRight={null}>
|
293
|
293
|
<Button type="danger" className={styles.addBtn} onClick={toEditGoods()}>新增</Button>
|
294
|
294
|
</AuthButton>
|
295
|
|
- <Table dataSource={data.list} columns={columns} pagination={false} rowKey="activityList"/>
|
|
295
|
+ <Table dataSource={data.list} columns={columns} pagination={false} rowKey="activityList" />
|
296
|
296
|
<div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
|
297
|
|
- <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={e => changePageNum(e)} />
|
|
297
|
+ <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={e => changePageNum(e)} />
|
298
|
298
|
</div>
|
299
|
299
|
</>
|
300
|
300
|
)
|