|
@@ -1,27 +1,27 @@
|
1
|
1
|
import React, { useState, useEffect } from 'react';
|
2
|
|
-import { Form, Input, Button, Icon, Select, Tabs, Radio, DatePicker, message, Upload } from 'antd';
|
3
|
|
-import { FormattedMessage } from 'umi-plugin-react/locale';
|
4
|
|
-import apis from '../../../services/apis';
|
|
2
|
+import { Form, Button } from 'antd';
|
|
3
|
+// import { FormattedMessage } from 'umi-plugin-react/locale';
|
5
|
4
|
import moment from 'moment';
|
6
|
5
|
import router from 'umi/router';
|
7
|
|
-import request from '../../../utils/request'
|
8
|
|
-import AuthButton from '@/components/AuthButton';
|
|
6
|
+// import AuthButton from '@/components/AuthButton';
|
|
7
|
+import request from '../../../utils/request';
|
|
8
|
+import apis from '../../../services/apis';
|
9
|
9
|
|
10
|
10
|
const cancelPage = () => {
|
11
|
|
- router.go(-1)
|
12
|
|
-}
|
|
11
|
+ router.go(-1);
|
|
12
|
+};
|
13
|
13
|
|
14
|
14
|
const BasicForm = props => {
|
15
|
|
- const { drainageId } = props.location.query
|
16
|
|
- const [data, setData] = useState({})
|
|
15
|
+ const { drainageId } = props.location.query;
|
|
16
|
+ const [data, setData] = useState({});
|
17
|
17
|
|
18
|
18
|
useEffect(() => {
|
19
|
|
- request({...apis.activity.detailDrainage,urlData: { id: drainageId }}).then((data) => {
|
|
19
|
+ request({ ...apis.activity.detailDrainage, urlData: { id: drainageId } }).then(data => {
|
20
|
20
|
setData(data);
|
21
|
|
- })
|
22
|
|
- }, [])
|
|
21
|
+ });
|
|
22
|
+ }, []);
|
|
23
|
+
|
23
|
24
|
|
24
|
|
- const Basic = Form.create({ name: 'BasicForm' })(BasicForm);
|
25
|
25
|
const formItemLayout = {
|
26
|
26
|
labelCol: {
|
27
|
27
|
xs: { span: 24 },
|
|
@@ -34,54 +34,60 @@ const BasicForm = props => {
|
34
|
34
|
};
|
35
|
35
|
return (
|
36
|
36
|
<>
|
37
|
|
- <Form {...formItemLayout}>
|
|
37
|
+ <Form {...formItemLayout}>
|
38
|
38
|
<Form.Item label="H5活动编号:">
|
39
|
39
|
<span>{data.drainageId}</span>
|
40
|
40
|
</Form.Item>
|
41
|
41
|
<Form.Item label="是否投放小程序:">
|
42
|
|
- <span>{data.isMiniapp ? "是" : "否"}</span>
|
|
42
|
+ <span>{data.isMiniapp ? '是' : '否'}</span>
|
43
|
43
|
</Form.Item>
|
44
|
44
|
<Form.Item label="H5活动名称:">
|
45
|
|
- <span>{data.name}</span>
|
|
45
|
+ <span>{data.name}</span>
|
46
|
46
|
</Form.Item>
|
47
|
|
- {data.isMiniapp && <Form.Item label="链接地址:">
|
48
|
|
- <span>{data.h5Address}</span>
|
49
|
|
- </Form.Item>}
|
|
47
|
+ {data.isMiniapp && (
|
|
48
|
+ <Form.Item label="链接地址:">
|
|
49
|
+ <span>{data.h5Address}</span>
|
|
50
|
+ </Form.Item>
|
|
51
|
+ )}
|
50
|
52
|
<Form.Item label="上架状态:">
|
51
|
|
- <span>{data.status === 1 ? "已上架" : "未上架"}</span>
|
|
53
|
+ <span>{data.status === 1 ? '已上架' : '未上架'}</span>
|
52
|
54
|
</Form.Item>
|
53
|
55
|
<Form.Item label="新建时间:">
|
54
|
|
- <span>{moment(data.createDate).format('YYYY-MM-DD HH:mm:ss')}</span>
|
|
56
|
+ <span>{moment(data.createDate).format('YYYY-MM-DD HH:mm:ss')}</span>
|
55
|
57
|
</Form.Item>
|
56
|
58
|
<Form.Item label="自动下架时间:">
|
57
|
|
- <span>{moment(data.endDate).format('YYYY-MM-DD HH:mm:ss')}</span>
|
|
59
|
+ <span>{moment(data.endDate).format('YYYY-MM-DD HH:mm:ss')}</span>
|
58
|
60
|
</Form.Item>
|
59
|
61
|
<Form.Item label="appid:">
|
60
|
|
- <span>{data.appid}</span>
|
|
62
|
+ <span>{data.appid}</span>
|
61
|
63
|
</Form.Item>
|
62
|
64
|
<Form.Item label="secret:">
|
63
|
|
- <span>{data.appSecret}</span>
|
|
65
|
+ <span>{data.appSecret}</span>
|
64
|
66
|
</Form.Item>
|
65
|
67
|
<Form.Item label="参与人数:">
|
66
|
|
- <span>{data.enlistNum}</span>
|
|
68
|
+ <span>{data.enlistNum}</span>
|
67
|
69
|
</Form.Item>
|
68
|
|
- {data.isMiniapp && <Form.Item label="分享语:">
|
69
|
|
- <span>{data.shareTitle}</span>
|
70
|
|
- </Form.Item>}
|
71
|
|
- {data.isMiniapp && <Form.Item label="分享图:">
|
72
|
|
- <img src={data.shareImg} width="75px" height="60px" alt="" />
|
73
|
|
- </Form.Item>}
|
74
|
|
- {data.isMiniapp && <Form.Item label="中间页飞机图:">
|
75
|
|
- <img src={data.middleImg} width="75px" height="166.7px" alt="" />
|
76
|
|
- </Form.Item>}
|
|
70
|
+ {data.isMiniapp && (
|
|
71
|
+ <Form.Item label="分享语:">
|
|
72
|
+ <span>{data.shareTitle}</span>
|
|
73
|
+ </Form.Item>
|
|
74
|
+ )}
|
|
75
|
+ {data.isMiniapp && (
|
|
76
|
+ <Form.Item label="分享图:">
|
|
77
|
+ <img src={data.shareImg} width="75px" height="60px" alt="" />
|
|
78
|
+ </Form.Item>
|
|
79
|
+ )}
|
|
80
|
+ {data.isMiniapp && (
|
|
81
|
+ <Form.Item label="中间页飞机图:">
|
|
82
|
+ <img src={data.middleImg} width="75px" height="166.7px" alt="" />
|
|
83
|
+ </Form.Item>
|
|
84
|
+ )}
|
77
|
85
|
<Form.Item wrapperCol={{ span: 12, offset: 8 }}>
|
78
|
|
- <Button onClick={() => cancelPage()}>
|
79
|
|
- 取消
|
80
|
|
- </Button>
|
|
86
|
+ <Button onClick={() => cancelPage()}>取消</Button>
|
81
|
87
|
</Form.Item>
|
82
|
88
|
</Form>
|
83
|
89
|
</>
|
84
|
90
|
);
|
85
|
|
-}
|
|
91
|
+};
|
86
|
92
|
|
87
|
|
-export default BasicForm
|
|
93
|
+export default BasicForm;
|