H5活动

src/pages/activity/drainage/DrainageList.jsx

 import React, { useState, useEffect } from 'react';
-import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, DatePicker } from 'antd';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, DatePicker, Radio } from 'antd';
 import router from 'umi/router';
 import { FormattedMessage } from 'umi-plugin-react/locale';
 import styles from '../../style/GoodsList.less';
 import XForm, { FieldTypes } from '../../../components/XForm';
 import moment from 'moment';
 import AuthButton from '../../../components/AuthButton';
+import ImageUploader from '../../../components/XForm/ImageUpload';
 
 const toEditList = (row) => () => {
   router.push({
       key: 'drainageId',
       align: 'center',
     },
+    {
+      title: '是否投放小程序',
+      dataIndex: 'isMiniapp',
+      key: 'isMiniapp',
+      align: 'cenxter',
+      render: (isMiniapp) => <span>{ isMiniapp ? '是' : '否'  }</span>, 
+    },
     {
       title: 'H5项目名称',
       dataIndex: 'name',
     },
   ];
   const Forms = props => {
-
-    console.log(date, '---------------')
-    console.log(formsdate.name, '---------------')
-    console.log(formsdate, '22222222')
-
-
     const { formsDate } = props
     useEffect(() => {
       if (formsDate) {
-        props.form.setFieldsValue({ name: formsdate.name, endDate: formsdate.endDate ? moment(formsdate.endDate, 'YYYY-MM-DD HH:mm') : null })
+        props.form.setFieldsValue({ ...formsDate, endDate: formsdate.endDate ? moment(formsdate.endDate, 'YYYY-MM-DD HH:mm') : null })
       }
     }, [formsDate])
 
-
+    const [hiddenStatus, setHiddenStatus] = useState(formsdate.isMiniapp)
+    
     const handleSubmit = e => {
       e.preventDefault();
       props.form.validateFields((err, values) => {
       },
     };
 
+    const changeMiniapp = e => {
+      if(e.target.value == 1){
+        setHiddenStatus(true)
+      }else{
+        setHiddenStatus(false)
+      }
+    }
+
     const { getFieldDecorator } = props.form;
     {/* <XForm onSubmit={handleSubmit} onCancel={handleCancel} fields={fields} ></XForm> */ }
 
     return <Form {...formItemLayout} onSubmit={handleSubmit}>
 
-
+      <Form.Item label="是否投放小程序端">
+        {getFieldDecorator('isMiniapp')(
+          <Radio.Group onChange={changeMiniapp}>
+            <Radio value={1}>是</Radio>
+            <Radio value={0}>否</Radio>
+          </Radio.Group>
+        )}
+      </Form.Item>
       <Form.Item label="H5项目名称">
         {getFieldDecorator('name')(
           <Input
           />,
         )}
       </Form.Item>
+      {hiddenStatus && (<Form.Item label="活动链接地址">
+        {getFieldDecorator('h5Address')(
+          <Input
+            placeholder="请输入H5活动链接地址"
+          />,
+        )}
+      </Form.Item>)}
+      {hiddenStatus && (<Form.Item label="分享设置" help="建议图片尺寸：750*600px，比例5:4,格式：jpg">
+          {getFieldDecorator('shareImg')(<ImageUploader />)}
+      </Form.Item>)}
+      {hiddenStatus && (<Form.Item label="活动分享标题">
+        {getFieldDecorator('shareTitle')(
+          <Input
+            placeholder="H5活动分享标题，不超过30字符"
+            maxLength="30"
+          />,
+        )}
+      </Form.Item>)}
       <Form.Item {...tailFormItemLayout}>
         <AuthButton name="admin.taDrainage.id.put" noRight={null}>
           <Button type="primary" htmlType="submit" className={styles.searchBtn} onClick>
   function addshowModal (datas) {
 
     // alert(datas.drainageId)
-    console.log(datas, '22222222')
-    setFormsDate({
-      drainageId: datas.drainageId,
-      name: datas.name,
-      endDate: datas.endDate,
-    })
-    console.log(formsdate, '22222222')
+    setFormsDate(datas)
     setDate({
       visible: true,
       title: "修改H5项目"
     });
-
-
-    console.log('form :', props.form)
-
-
   };
+
   function showModal () {
     setFormsDate({
       drainageId: '',
               />,
             )}
           </Form.Item>
+          <Form.Item>
+          {getFieldDecorator('isMiniapp')(
+            <Select style={{ width: '180px' }} placeholder="是否投放小程序">
+              <Option value="1">是</Option>
+              <Option value="0">否</Option>
+            </Select>,
+          )}
+        </Form.Item>
           <Form.Item >
             <Button type="primary" htmlType="submit" className={styles.searchBtn} onClick>
               搜索