傅行帆 5 年前
父节点
当前提交
b195b62c48
共有 2 个文件被更改,包括 35 次插入42 次删除
  1. 32
    40
      src/pages/activity/detailActivity.jsx
  2. 3
    2
      src/pages/activity/drainage/DrainageList.jsx

+ 32
- 40
src/pages/activity/detailActivity.jsx 查看文件

@@ -58,39 +58,13 @@ const newQrcode = row => {
58 58
 }
59 59
 
60 60
 const BasicForm = props => {
61
-  const [isEnlist, setIsEnlist] = useState(1)
62
-  const [activityStatus, setActivityStatus] = useState(1)
63
-  const [disable, setDisable] = useState(false)
64
-  const [detailData, setDetailData] = useState(false)
61
+  const detailData = props.detailData || {}
65 62
 
66 63
   const radioOnChange = e => {
67
-    setIsEnlist(e.target.value)
64
+    // setIsEnlist(e.target.value)
68 65
   }
69 66
 
70 67
   const { dynamicId } = props
71
-
72
-  // 查询详情
73
-  const getDynamicData = dynamicId => {
74
-    request({ ...apis.activity.details, params: { dynamicId } }).then((data) => {
75
-      console.log(data)
76
-      data.activityTime = [moment(data.startDate), moment(data.endDate)]
77
-      data.signupTime = [moment(data.enlistStart), moment(data.enlistEnd)]
78
-
79
-      setIsEnlist(data.isEnlist)
80
-      setActivityStatus(data.activityStatus)
81
-      setDisable(data.activityStatus === 0 ? true : false)
82
-      props.form.setFieldsValue(data)
83
-      setDetailData(data)
84
-    })
85
-  }
86
-
87
-    // eslint-disable-next-line react-hooks/rules-of-hooks
88
-    useEffect(() => {
89
-      props.form.setFieldsValue({ isEnlist })
90
-      if (dynamicId) {
91
-        getDynamicData(dynamicId);
92
-      }
93
-    }, [])
94 68
  
95 69
   const handleSubmit = e => {
96 70
     e.preventDefault();
@@ -161,7 +135,7 @@ const BasicForm = props => {
161 135
           <span>{detailData.title}</span>
162 136
         </Form.Item>
163 137
         <Form.Item label="活动时间">
164
-          <span>{`${moment(detailData.startDate).format('YYYY-MM-DD')} —— ${moment(detailData.endDate).format('YYYY-MM-DD')}`}</span>
138
+          <span>{`${moment(detailData.startDate).format('YYYY-MM-DD HH:mm')} —— ${moment(detailData.endDate).format('YYYY-MM-DD HH:mm')}`}</span>
165 139
         </Form.Item>
166 140
         <Form.Item label="活动地点">
167 141
           <span>{detailData.address}</span>
@@ -185,20 +159,11 @@ const BasicForm = props => {
185 159
           <div style={{ maxHeight: '500px', overflowY: 'auto' }} dangerouslySetInnerHTML={{ __html: detailData.desc}}></div>
186 160
         </Form.Item>
187 161
         <Form.Item label="报名时间">
188
-          <span>{`${moment(detailData.enlistStart).format('YYYY-MM-DD')} —— ${moment(detailData.enlistEnd).format('YYYY-MM-DD')}`}</span>
162
+          <span>{`${moment(detailData.enlistStart).format('YYYY-MM-DD HH:mm')} —— ${moment(detailData.enlistEnd).format('YYYY-MM-DD HH:mm')}`}</span>
189 163
         </Form.Item>  
190 164
         <Form.Item label="权重">
191 165
           <span>{detailData.heavy}</span>
192 166
         </Form.Item>
193
-        <Form.Item wrapperCol={{ span: 12, offset: 8 }}>
194
-          <AuthButton name="admin.SignList.get" noRight={null}>
195
-          {(detailData.activityStatus === 0 || detailData.activityStatus === 2) && <span style={{ color: '#1990FF',marginRight: '20px', cursor: 'pointer' }} onClick={getSignList.bind(this, detailData.dynamicId)}><Button>报名记录</Button></span>}
196
-          </AuthButton>
197
-          {(detailData.activityStatus === 0 || detailData.activityStatus === 2) &&<span style={{ color: '#1990FF', marginRight: '20px', cursor: 'pointer' }} onClick={newQrcode.bind(this, detailData)}>{<Button>下载二维码</Button>}</span>}
198
-          <Button onClick={() => cancelPage()}>
199
-            取消
200
-          </Button>
201
-        </Form.Item>
202 167
       </Form>
203 168
     </>
204 169
   )
@@ -215,6 +180,24 @@ const Basic = Form.create({ name: 'BasicForm' })(BasicForm);
215 180
 const Edit = props => {
216 181
   const [tab, changeTab] = useState('basic')
217 182
   const { dynamicId } = props.location.query
183
+  const [detailData, setDetailData] = useState(false)
184
+
185
+  const getDynamicData = dynamicId => {
186
+    request({ ...apis.activity.details, params: { dynamicId } }).then((data) => {
187
+      console.log(data)
188
+      data.activityTime = [moment(data.startDate), moment(data.endDate)]
189
+      data.signupTime = [moment(data.enlistStart), moment(data.enlistEnd)]
190
+
191
+      setDetailData(data)
192
+    })
193
+  }
194
+
195
+  
196
+    useEffect(() => {
197
+      if (dynamicId) {
198
+        getDynamicData(dynamicId);
199
+      }
200
+    }, [])
218 201
 
219 202
 
220 203
   const Poster = (props) => {
@@ -421,10 +404,19 @@ const Edit = props => {
421 404
         </Radio.Group>
422 405
       </div>
423 406
       <div>
424
-        {tab === 'basic' && <Basic dynamicId={dynamicId} />}
407
+        {tab === 'basic' && <Basic dynamicId={dynamicId} detailData={detailData} />}
425 408
         {tab === 'poster' && <Poster />}
426 409
         {tab === 'share' && <Share />}
427 410
       </div>
411
+      <div style={{textAlign: 'center'}}>
412
+        <AuthButton name="admin.SignList.get" noRight={null}>
413
+          {(detailData.activityStatus === 0 || detailData.activityStatus === 2) && <span style={{ color: '#1990FF',marginRight: '20px', cursor: 'pointer' }} onClick={getSignList.bind(this, detailData.dynamicId)}><Button>报名记录</Button></span>}
414
+          </AuthButton>
415
+          {(detailData.activityStatus === 0 || detailData.activityStatus === 2) &&<span style={{ color: '#1990FF', marginRight: '20px', cursor: 'pointer' }} onClick={newQrcode.bind(this, detailData)}>{<Button>下载二维码</Button>}</span>}
416
+          <Button onClick={() => cancelPage()}>
417
+            取消
418
+          </Button>
419
+      </div>
428 420
     </div>
429 421
   );
430 422
 }

+ 3
- 2
src/pages/activity/drainage/DrainageList.jsx 查看文件

@@ -306,6 +306,7 @@ const header = (props) => {
306 306
           ]})(
307 307
           <Input
308 308
             placeholder="请输入H5活动链接地址"
309
+            disabled={formsDate.isMiniapp}
309 310
           />,
310 311
         )}
311 312
       </Form.Item>)}
@@ -321,8 +322,8 @@ const header = (props) => {
321 322
             { required: true, message: '请输入活动分享语' },
322 323
           ]})(
323 324
           <Input
324
-            placeholder="H5活动分享标题,不超过30字符"
325
-            maxLength="30"
325
+            placeholder="分享语,不超过15个字"
326
+            maxLength="15"
326 327
           />,
327 328
         )}
328 329
       </Form.Item>)}