|
@@ -27,9 +27,10 @@ const formItemLayout = {
|
27
|
27
|
|
28
|
28
|
const BasicForm = props => {
|
29
|
29
|
const [isEnlist, setIsEnlist] = useState(1)
|
|
30
|
+ const [activityStatus, setActivityStatus] = useState(1)
|
|
31
|
+ const [disable, setDisable] = useState(false)
|
30
|
32
|
|
31
|
33
|
const radioOnChange = e => {
|
32
|
|
- // console.log(e.target.value)
|
33
|
34
|
setIsEnlist(e.target.value)
|
34
|
35
|
}
|
35
|
36
|
|
|
@@ -43,6 +44,8 @@ const BasicForm = props => {
|
43
|
44
|
data.signupTime = [moment(data.enlistStart), moment(data.enlistEnd)]
|
44
|
45
|
|
45
|
46
|
setIsEnlist(data.isEnlist)
|
|
47
|
+ setActivityStatus(data.activityStatus)
|
|
48
|
+ setDisable(data.activityStatus === 0 ? true : false)
|
46
|
49
|
props.form.setFieldsValue(data)
|
47
|
50
|
})
|
48
|
51
|
}
|
|
@@ -103,10 +106,28 @@ const BasicForm = props => {
|
103
|
106
|
message: '请选择所属项目',
|
104
|
107
|
},
|
105
|
108
|
],
|
106
|
|
- })(<BuildSelect />)}
|
|
109
|
+ })(<BuildSelect disabled={disable}/>)}
|
107
|
110
|
</Form.Item>
|
108
|
|
- <Form.Item label="主图">
|
109
|
|
- {getFieldDecorator('imgUrl')(<ImageUploader />)}
|
|
111
|
+ <Form.Item label="活动详情图">
|
|
112
|
+ {getFieldDecorator('detailImgUrl', {
|
|
113
|
+ rules: [
|
|
114
|
+ {
|
|
115
|
+ required: true,
|
|
116
|
+ message: '请选择活动详情图',
|
|
117
|
+ },
|
|
118
|
+ ],
|
|
119
|
+ })(<ImageUploader />)}
|
|
120
|
+ <span>建议图片尺寸:750px*560px</span>
|
|
121
|
+ </Form.Item>
|
|
122
|
+ <Form.Item label="活动列表图">
|
|
123
|
+ {getFieldDecorator('imgUrl', {
|
|
124
|
+ rules: [
|
|
125
|
+ {
|
|
126
|
+ required: true,
|
|
127
|
+ message: '请选择活动列表图',
|
|
128
|
+ },
|
|
129
|
+ ],
|
|
130
|
+ })(<ImageUploader />)}
|
110
|
131
|
<span>建议图片尺寸:750px*560px</span>
|
111
|
132
|
</Form.Item>
|
112
|
133
|
<Form.Item label="活动标题">
|
|
@@ -117,7 +138,7 @@ const BasicForm = props => {
|
117
|
138
|
message: '请输入活动标题',
|
118
|
139
|
},
|
119
|
140
|
],
|
120
|
|
- })(<Input />)}
|
|
141
|
+ })(<Input/>)}
|
121
|
142
|
</Form.Item>
|
122
|
143
|
<Form.Item label="活动时间">
|
123
|
144
|
{getFieldDecorator('activityTime', {
|
|
@@ -127,7 +148,7 @@ const BasicForm = props => {
|
127
|
148
|
message: '请选择活动时间',
|
128
|
149
|
},
|
129
|
150
|
],
|
130
|
|
- })(<RangePicker format="YYYY-MM-DD HH:mm" />)}
|
|
151
|
+ })(<RangePicker format="YYYY-MM-DD HH:mm" disabled={activityStatus===0 ? true : false}/>)}
|
131
|
152
|
</Form.Item>
|
132
|
153
|
<Form.Item label="活动地点">
|
133
|
154
|
{getFieldDecorator('address', {
|
|
@@ -137,7 +158,7 @@ const BasicForm = props => {
|
137
|
158
|
message: '请输入活动地点',
|
138
|
159
|
},
|
139
|
160
|
],
|
140
|
|
- })(<Input />)}
|
|
161
|
+ })(<Input disabled={activityStatus===0 ? true : false}/>)}
|
141
|
162
|
</Form.Item>
|
142
|
163
|
<Form.Item label="活动人数">
|
143
|
164
|
{getFieldDecorator('personNum', {
|
|
@@ -147,7 +168,7 @@ const BasicForm = props => {
|
147
|
168
|
message: '请输入活动人数',
|
148
|
169
|
},
|
149
|
170
|
],
|
150
|
|
- })(<Input type="number" />)}
|
|
171
|
+ })(<Input type="number" disabled={activityStatus===0 ? true : false}/>)}
|
151
|
172
|
</Form.Item>
|
152
|
173
|
<Form.Item label="最大报名人数">
|
153
|
174
|
{getFieldDecorator('maxEnlistByPerson', {
|
|
@@ -157,21 +178,12 @@ const BasicForm = props => {
|
157
|
178
|
message: '请输入最大报名人数',
|
158
|
179
|
},
|
159
|
180
|
],
|
160
|
|
- })(<Input type="number" />)}
|
|
181
|
+ })(<Input type="number" disabled={activityStatus===0 ? true : false}/>)}
|
161
|
182
|
</Form.Item>
|
162
|
183
|
<Form.Item label="活动详情">
|
163
|
184
|
{getFieldDecorator('desc')(<Wangedit />)}
|
164
|
185
|
</Form.Item>
|
165
|
|
- <Form.Item label="是否需要报名">
|
166
|
|
- {getFieldDecorator('isEnlist')(
|
167
|
|
- <Radio.Group onChange={(e) => radioOnChange(e)}>
|
168
|
|
- <Radio value={1}>是</Radio>
|
169
|
|
- <Radio value={0}>否</Radio>
|
170
|
|
- </Radio.Group>,
|
171
|
|
- )}
|
172
|
|
- </Form.Item>
|
173
|
|
- {
|
174
|
|
- isEnlist === 1 && (<Form.Item label="报名时间">
|
|
186
|
+ <Form.Item label="报名时间">
|
175
|
187
|
{getFieldDecorator('signupTime', {
|
176
|
188
|
rules: [
|
177
|
189
|
{
|
|
@@ -179,9 +191,18 @@ const BasicForm = props => {
|
179
|
191
|
message: '请选择报名时间',
|
180
|
192
|
},
|
181
|
193
|
],
|
182
|
|
- })(<RangePicker format="YYYY-MM-DD HH:mm" />)}
|
183
|
|
- </Form.Item>)
|
184
|
|
- }
|
|
194
|
+ })(<RangePicker format="YYYY-MM-DD HH:mm" disabled={activityStatus===0 ? true : false}/>)}
|
|
195
|
+ </Form.Item>
|
|
196
|
+ <Form.Item label="权重">
|
|
197
|
+ {getFieldDecorator('heavy', {
|
|
198
|
+ rules: [
|
|
199
|
+ {
|
|
200
|
+ required: true,
|
|
201
|
+ message: '请输入权重',
|
|
202
|
+ },
|
|
203
|
+ ],
|
|
204
|
+ })(<Input type="number" disabled={activityStatus===0 ? true : false} style={{ width: 80}}/>)}<span style={{ marginLeft: 30, color:'grey'}}>数字越大越靠前</span>
|
|
205
|
+ </Form.Item>
|
185
|
206
|
<Form.Item wrapperCol={{ span: 12, offset: 8 }}>
|
186
|
207
|
<Button type="primary" htmlType="submit">
|
187
|
208
|
确认
|