修复bug

src/components/Wangedit/Wangedit.jsx

@@ -33,6 +33,7 @@ class Wangedit extends React.Component {
       }
     }
     this.editor.customConfig.zIndex = 100
+    this.editor.customConfig.uploadImgShowBase64 = true   
     this.editor.create()
     this.editor.customConfig.uploadImgShowBase64 = true
     this.editor.txt.html(this.props.value)

src/pages/activity/editActivity.jsx

@@ -20,29 +20,193 @@ import xiaochengxu from '../../assets/xiaochengxu.png'
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
 const { TextArea } = Input;
 
+const formItemLayout = {
+  labelCol: { span: 6 },
+  wrapperCol: { span: 14 },
+};
+
+const BasicForm = props => {
+  const [isEnlist, setIsEnlist] = useState(1)
+
+  const radioOnChange = e => {
+    // console.log(e.target.value)
+    setIsEnlist(e.target.value)
+  }
+
+  const { dynamicId } = props
+
+  // 查询详情
+  const getDynamicData = dynamicId => {
+    request({ ...apis.activity.details, params: { dynamicId } }).then((data) => {
+      console.log(data)
+      data.activityTime = [moment(data.startDate), moment(data.endDate)]
+      data.signupTime = [moment(data.enlistStart), moment(data.enlistEnd)]
+
+      setIsEnlist(data.isEnlist)
+      props.form.setFieldsValue(data)
+    })
+  }
+
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(() => {
+      props.form.setFieldsValue({ isEnlist })
+      if (dynamicId) {
+        getDynamicData(dynamicId);
+      }
+    }, [])
+ 
+  const handleSubmit = e => {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        console.log('Received values of form: ', values);
+        const { activityTime, signupTime } = values
+        const [startDate, endDate] = activityTime
+        values.startDate = moment(startDate).format('YYYY-MM-DD HH:mm');
+        values.endDate = moment(endDate).format('YYYY-MM-DD HH:mm');
+        if (signupTime) {
+          const [enlistStart, enlistEnd] = signupTime
+          values.enlistStart = moment(enlistStart).format('YYYY-MM-DD HH:mm');
+          values.enlistEnd = moment(enlistEnd).format('YYYY-MM-DD HH:mm');
+        }
+        
+        console.log('submit data --->', values)
+        if (dynamicId) {
+          values.dynamicId = dynamicId
+          request({ ...apis.activity.update, data: values }).then(data => {
+            message.info('保存成功')
+            router.go(-1)
+          }).catch((err) => {
+            message.info(err.msg || err.message)
+          })
+        } else {
+          request({ ...apis.activity.add, data: { ...values } }).then((data) => {
+            message.info('保存成功')
+            router.go(-1)
+          }).catch((err) => {
+            message.info(err.msg || err.message)
+          })
+        }
+      }
+    });
+  }
+
+  const { getFieldDecorator } = props.form;
+  return (
+    <>
+      <Form {...formItemLayout} onSubmit={handleSubmit}>
+        <Form.Item label="所属项目">
+        {getFieldDecorator('buildingId', {
+          rules: [
+            {
+              required: true,
+              message: '请选择所属项目',
+            },
+          ],
+        })(<BuildSelect />)}
+        </Form.Item>
+        <Form.Item label="主图">
+          {getFieldDecorator('imgUrl')(<ImageUploader />)}
+          <span>建议图片尺寸：750px*560px</span>
+        </Form.Item>
+        <Form.Item label="活动标题">
+        {getFieldDecorator('title', {
+          rules: [
+            {
+              required: true,
+              message: '请输入活动标题',
+            },
+          ],
+        })(<Input />)}
+        </Form.Item>
+        <Form.Item label="活动时间">
+        {getFieldDecorator('activityTime', {
+          rules: [
+            {
+              required: true,
+              message: '请选择活动时间',
+            },
+          ],
+        })(<RangePicker format="YYYY-MM-DD HH:mm" />)}
+        </Form.Item>
+        <Form.Item label="活动地点">
+        {getFieldDecorator('address', {
+          rules: [
+            {
+              required: true,
+              message: '请输入活动地点',
+            },
+          ],
+        })(<Input />)}
+        </Form.Item>
+        <Form.Item label="活动人数">
+        {getFieldDecorator('personNum', {
+          rules: [
+            {
+              required: true,
+              message: '请输入活动人数',
+            },
+          ],
+        })(<Input type="number" />)}
+        </Form.Item>
+        <Form.Item label="最大报名人数">
+        {getFieldDecorator('maxEnlistByPerson', {
+          rules: [
+            {
+              required: true,
+              message: '请输入最大报名人数',
+            },
+          ],
+        })(<Input type="number" />)}
+        </Form.Item>
+        <Form.Item label="活动详情">
+        {getFieldDecorator('desc')(<Wangedit />)}
+        </Form.Item>
+        <Form.Item label="是否需要报名">
+        {getFieldDecorator('isEnlist')(
+          <Radio.Group onChange={(e) => radioOnChange(e)}>
+            <Radio value={1}>是</Radio>
+            <Radio value={0}>否</Radio>
+          </Radio.Group>,
+        )}
+        </Form.Item>
+        {
+          isEnlist === 1 && (<Form.Item label="报名时间">
+          {getFieldDecorator('signupTime', {
+            rules: [
+              {
+                required: true,
+                message: '请选择报名时间',
+              },
+            ],
+          })(<RangePicker format="YYYY-MM-DD HH:mm" />)}
+          </Form.Item>)
+        }
+        <Form.Item wrapperCol={{ span: 12, offset: 8 }}>
+          <Button type="primary" htmlType="submit">
+            确认
+          </Button>
+          &nbsp;&nbsp;&nbsp;&nbsp;
+          <Button onClick={() => router.go(-1)}>
+            取消
+          </Button>
+        </Form.Item>
+      </Form>
+    </>
+  )
+}
+
+const Basic = Form.create({ name: 'BasicForm' })(BasicForm);
+
 /**
  *
  *
  * @param {*} props
  * @returns
  */
-const Edit = (props) => {
+const Edit = props => {
   const [tab, changeTab] = useState('basic')
-  const dynamicId = props.location.query.dynamicId
-  const [dynamicData, setDynamicData] = useState({ isEnlist: 1 })
-  if (dynamicId) {
-    useEffect(() => {
-      getDynamicData(dynamicId);
-    }, [])
-
-    // 查询列表
-    const getDynamicData = (dynamicId) => {
-      request({ ...apis.activity.details, params: { dynamicId } }).then((data) => {
-        console.log(data)
-        setDynamicData(data)
-      })
-    }
-  }
+  const { dynamicId } = props.location.query
 
   const cancelPage = () => {
     router.push({
@@ -50,6 +214,7 @@ const Edit = (props) => {
     });
   }
 
+<<<<<<< HEAD
   const radioOnChange = e => {
     console.log(e.target.value)
     setDynamicData({ ...dynamicData, isEnlist: e.target.value })
@@ -178,6 +343,8 @@ const Edit = (props) => {
     return <XForm onSubmit={handleSubmit} onCancel={cancelPage} fields={fields}></XForm>
   }
 
+=======
+>>>>>>> master
   const Poster = (props) => {
     const [inputValue, changeInput] = useState('')
     const [textAreaValue, changeTextArea] = useState('')
@@ -245,8 +412,13 @@ const Edit = (props) => {
               <span style={{ color: '#999', margin: '25px 0 0 60px', fontSize: '17px' }}>2019.09.21</span>
             </div>
             <p style={{
-              margin: '10px 20px', fontSize: '20px', color: '#222', fontWeight: '600',
-              display: '-webkit-box', lineClamp: '3', height: '60px',
+              margin: '10px 20px',
+fontSize: '20px',
+color: '#222',
+fontWeight: '600',
+              display: '-webkit-box',
+lineClamp: '3',
+height: '60px',
               WebkitLineClamp: '2',
               WebkitBoxOrient: 'vertical',
               overflow: 'hidden',
@@ -255,8 +427,12 @@ const Edit = (props) => {
 
             <img src={yinhao} style={{ width: '30px', marginLeft: '20px' }} alt="" />
             <p style={{
-              margin: '16px 20px 28px 20px', fontSize: '17px', color: '#999',
-              display: '-webkit-box', lineClamp: '3', height: '72px',
+              margin: '16px 20px 28px 20px',
+fontSize: '17px',
+color: '#999',
+              display: '-webkit-box',
+lineClamp: '3',
+height: '72px',
               WebkitLineClamp: '3',
               WebkitBoxOrient: 'vertical',
               overflow: 'hidden',
@@ -327,7 +503,7 @@ const Edit = (props) => {
           request({ ...apis.activity.addShareContent, data: { targetId: dynamicId, shareContentType: 'activity', shareContentImg: imgValue, shareContentTitle: inputValue }, }).then((data) => {
             setShareContentId(data.shareContentId)
             message.info("保存成功")
-          }).catch((err) => {
+          }).catch(err => {
             message.info(err.msg || err.message)
           })
         }
@@ -368,7 +544,7 @@ const Edit = (props) => {
         </Radio.Group>
       </div>
       <div>
-        {tab === 'basic' && <Basic />}
+        {tab === 'basic' && <Basic dynamicId={dynamicId} />}
         {tab === 'poster' && <Poster />}
         {tab === 'share' && <Share />}
       </div>
@@ -376,6 +552,4 @@ const Edit = (props) => {
   );
 }
 
-
-
 export default Edit