合并

src/pages/activity/editActivity.jsx

@@ -277,17 +277,17 @@ const Edit = props => {
             <div style={{ display: 'flex', alignItems: 'center', marginTop: '-24px' }}>
               <img style={{ width: '70px', height: '70px', border: '4px solid #fff', borderRadius: '35px', marginLeft: '16px' }} src={touxiang} alt="" />
               <span style={{ color: '#222', fontWeight: '600', margin: '24px 10px 0 14px', fontSize: '17px' }}>喵喵</span>
-              <span style={{ color: '#999', marginTop: '25px', fontSize: '17px' }}>邀您阅读</span>
+              <span style={{ color: '#999', marginTop: '25px', fontSize: '17px' }}>邀您参与</span>
               <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',
+              fontSize: '20px',
+              color: '#222',
+              fontWeight: '600',
               display: '-webkit-box',
-lineClamp: '3',
-height: '60px',
+              lineClamp: '3',
+              height: '60px',
               WebkitLineClamp: '2',
               WebkitBoxOrient: 'vertical',
               overflow: 'hidden',
@@ -297,11 +297,11 @@ height: '60px',
             <img src={yinhao} style={{ width: '30px', marginLeft: '20px' }} alt="" />
             <p style={{
               margin: '16px 20px 28px 20px',
-fontSize: '17px',
-color: '#999',
+              fontSize: '17px',
+              color: '#999',
               display: '-webkit-box',
-lineClamp: '3',
-height: '72px',
+              lineClamp: '3',
+              height: '72px',
               WebkitLineClamp: '3',
               WebkitBoxOrient: 'vertical',
               overflow: 'hidden',

src/pages/activity/groupActivity/editGroupActivity.jsx

@@ -140,7 +140,7 @@ const Edit = props => {
       submitValue.endTime = moment(endTime).format('YYYY-MM-DD HH:mm');
       console.log('submit data --->', submitValue)
       if (groupActivityId) {
-        submitValue.groupActicityId = groupActivityId
+        submitValue.groupActivityId = groupActivityId
         request({ ...apis.groupActivity.update, data: submitValue }).then((data) => {
           message.info("保存成功")
           cancelPage()
@@ -222,7 +222,7 @@ const Edit = props => {
             <div style={{ display: 'flex', alignItems: 'center', marginTop: '-24px' }}>
               <img style={{ width: '70px', height: '70px', border: '4px solid #fff', borderRadius: '35px', marginLeft: '16px' }} src={touxiang} alt="" />
               <span style={{ color: '#222', fontWeight: '600', margin: '24px 10px 0 14px', fontSize: '17px' }}>喵喵</span>
-              <span style={{ color: '#999', marginTop: '25px', fontSize: '17px' }}>邀您阅读</span>
+              <span style={{ color: '#999', marginTop: '25px', fontSize: '17px' }}>邀您参与</span>
               <span style={{ color: '#999', margin: '25px 0 0 60px', fontSize: '17px' }}>2019.09.21</span>
             </div>
             <p style={{
@@ -254,15 +254,15 @@ const Edit = props => {
 
         <div >
           <div style={{ display: 'flex', width: '100%', margin: '60px 0' }}>
-            <p style={{ minWidth: '200px', color: '#222', textAlign: 'right', margin: '0 30px 0 0' }}>海报图片1</p>
+            <p style={{ minWidth: '200px', color: '#222', textAlign: 'right', margin: '0 30px 0 0' }}>海报图片</p>
             <ImageUploader value={imgValue} onChange={e => changeImg(e)} />
           </div>
           <div style={{ display: 'flex', alignItems: 'center', width: '100%', marginBottom: '60px' }}>
-            <p style={{ minWidth: '200px', color: '#222', textAlign: 'right', margin: '0 30px 0 0' }}>海报标题1</p>
+            <p style={{ minWidth: '200px', color: '#222', textAlign: 'right', margin: '0 30px 0 0' }}>海报标题</p>
             <Input style={{ width: '20vw' }} value={inputValue} placeholder="请输入海报标题" onChange={e => changeInput(e.target.value)} />
           </div>
           <div style={{ display: 'flex', margin: '10px 0 40px 0', width: '100%' }}>
-            <p style={{ minWidth: '200px', color: '#222', textAlign: 'right', margin: '0 30px 0 0' }}>海报描述1</p>
+            <p style={{ minWidth: '200px', color: '#222', textAlign: 'right', margin: '0 30px 0 0' }}>海报描述</p>
             <TextArea rows={5} value={textAreaValue} onChange={e => changeTextArea(e.target.value)} />
           </div>
 
@@ -319,7 +319,7 @@ const Edit = props => {
 
     return <div style={{ padding: '20px' }}>
       <div style={{ display: 'flex', margin: '10px 0 40px 0', width: '100%' }}>
-        <p style={{ minWidth: '200px', color: '#222', textAlign: 'right', margin: '0 30px 0 0' }}>分享模板1</p>
+        <p style={{ minWidth: '200px', color: '#222', textAlign: 'right', margin: '0 30px 0 0' }}>分享模板</p>
         <div>
           <p style={{ display: 'flex', alignItems: 'center', fontSize: '14px', color: '#999', margin: '0', lineHeight: '0' }}><img src={logo} style={{ width: '22px', marginRight: '10px' }} />知与行互动</p>
           <p style={{ fontSize: '16px', color: '#222', fontWeight: '600', margin: '0' }}>{inputValue ? inputValue : '置业V客厅 精准获客平台'}</p>
@@ -327,11 +327,11 @@ const Edit = props => {
         </div>
       </div>
       <div style={{ display: 'flex', alignItems: 'center', width: '100%' }}>
-        <p style={{ minWidth: '200px', color: '#222', textAlign: 'right', margin: '0 30px 0 0' }}>分享标题1</p>
+        <p style={{ minWidth: '200px', color: '#222', textAlign: 'right', margin: '0 30px 0 0' }}>分享标题</p>
         <Input placeholder="请输入分享标题" value={inputValue} onChange={e => changeInput(e.target.value)} />
       </div>
       <div style={{ display: 'flex', width: '100%', marginTop: '40px' }}>
-        <p style={{ minWidth: '200px', color: '#222', textAlign: 'right', margin: '0 30px 0 0' }}>分享图片1</p>
+        <p style={{ minWidth: '200px', color: '#222', textAlign: 'right', margin: '0 30px 0 0' }}>分享图片</p>
         <ImageUploader value={imgValue} onChange={e => changeImg(e)} />
       </div>
       <Button type="primary" htmlType="submit" onClick={submitShare} style={{ margin: '40px 40px 40px 220px' }}> 确定</Button>

src/pages/activity/groupActivity/helpRecord.jsx

@@ -32,7 +32,6 @@ class InviteTable extends React.Component {
 
   componentDidUpdate (preProps, preState) {
     const { groupActivityId } = this.props.visibleData
-    console.log("groupActivityId",this.props.visibleData);
     if (this.props.visibleData.visible !== preState.visibleData.visible) {
       this.getList({ ...this.props.visibleData, pageNumber: 1, pageSize: 5 })
       this.setState({ visibleData: this.props.visibleData });

src/pages/activity/groupActivity/list.jsx

@@ -101,7 +101,7 @@ const toEditActivity = (groupActivityId) => () => {
           {row.activityStatus === 0 &&
           <AuthButton name="admin.SignList.get" noRight={null}>
         
-            <span style={{ color: '#1990FF', cursor: 'pointer' }} onClick={ getSignList.bind(this, row.groupActicityId)}>拼团记录<Icon type="snippets" className={styles.shoppingCart} /></span>
+            <span style={{ color: '#1990FF', cursor: 'pointer' }} onClick={ getSignList.bind(this, row.groupActivityId)}>拼团记录<Icon type="snippets" className={styles.shoppingCart} /></span>
             <span style={{ color: '#1990FF', cursor: 'pointer' }} onClick={endGroupActivity(row)}>结束活动<Icon type="poweroff" className={styles.edit} /></span>
             <span style={{ color: '#1990FF', marginRight: '20px', cursor: 'pointer' }} onClick={topGroupActivity(row, row.weight)}>{ row.weight === 1 ? '取消置顶' : '置顶' }<Icon type="vertical-align-top" className={styles.edit} /></span>
             <span style={{ color: '#1990FF', marginRight: '20px', cursor: 'pointer' }} onClick={recommendGroupActivity(row)}>{ row.sort === true ? '取消推荐首页' : '推荐首页' }<Icon type="vertical-align-top" className={styles.edit} /></span>
@@ -109,7 +109,7 @@ const toEditActivity = (groupActivityId) => () => {
 
           {row.activityStatus === 1 &&
            <AuthButton name="admin.buildingDynamic.finish.put" noRight={null}>
-                      <span style={{ color: '#FF925C', cursor: 'pointer' }} onClick={toEditActivity(row.groupActicityId)}>编辑<Icon type="form" className={styles.edit} /></span>
+                      <span style={{ color: '#FF925C', cursor: 'pointer' }} onClick={toEditActivity(row.groupActivityId)}>编辑<Icon type="form" className={styles.edit} /></span>
                       <span style={{ color: '#1990FF', cursor: 'pointer' }} onClick={endGroupActivity(row)}>结束活动<Icon type="poweroff" className={styles.edit} /></span>
                       <span style={{ color: '#1990FF', marginRight: '20px', cursor: 'pointer' }} onClick={topGroupActivity(row, row.weight)}>{ row.weight === 1 ? '取消置顶' : '置顶' }<Icon type="vertical-align-top" className={styles.edit} /></span>
             <span style={{ color: '#1990FF', marginRight: '20px', cursor: 'pointer' }} onClick={recommendGroupActivity(row)}>{ row.sort === true ? '取消推荐首页' : '推荐首页' }<Icon type="vertical-align-top" className={styles.edit} /></span>
@@ -118,7 +118,7 @@ const toEditActivity = (groupActivityId) => () => {
 
           {row.activityStatus === 2 &&
         <AuthButton name="admin.buildingDynamic.finish.put" noRight={null}>
-           <span style={{ color: '#1990FF', cursor: 'pointer' }} onClick={ getSignList.bind(this, row.groupActicityId)}>拼团记录<Icon type="snippets" className={styles.shoppingCart} /></span>
+           <span style={{ color: '#1990FF', cursor: 'pointer' }} onClick={ getSignList.bind(this, row.groupActivityId)}>拼团记录<Icon type="snippets" className={styles.shoppingCart} /></span>
            <span style={{ color: '#1990FF', marginRight: '20px', cursor: 'pointer' }} onClick={topGroupActivity(row, row.weight)}>{ row.weight === 1 ? '取消置顶' : '置顶' }<Icon type="vertical-align-top" className={styles.edit} /></span>
             <span style={{ color: '#1990FF', marginRight: '20px', cursor: 'pointer' }} onClick={recommendGroupActivity(row)}>{ row.sort === true ? '取消推荐首页' : '推荐首页' }<Icon type="vertical-align-top" className={styles.edit} /></span>
         </AuthButton>
@@ -156,7 +156,7 @@ const toEditActivity = (groupActivityId) => () => {
   
   //结束活动
   const endGroupActivity = (row) => () => {
-      request({ ...apis.groupActivity.finish, urlData: { id: row.groupActicityId} }).then((data) => {
+      request({ ...apis.groupActivity.finish, urlData: { id: row.groupActivityId} }).then((data) => {
           console.log(data)
           message.info('操作成功！')
           getList({ pageNum: 1, pageSize: 10 })
@@ -168,7 +168,7 @@ const toEditActivity = (groupActivityId) => () => {
 
   //置顶
   const topGroupActivity = (row, weight) => () => {
-    request({ ...apis.groupActivity.top, data: { groupActicityId: row.groupActicityId, weight: weight } }).then((data) => {
+    request({ ...apis.groupActivity.top, data: { groupActivityId: row.groupActivityId, weight: weight } }).then((data) => {
         console.log(data)
         message.info('操作成功！')
         getList({ pageNum: 1, pageSize: 10 })
@@ -180,7 +180,7 @@ const toEditActivity = (groupActivityId) => () => {
 
   //首页推荐
   const recommendGroupActivity = (row, code) => () => {
-    request({ ...apis.groupActivity.top, data: { groupActicityId: row.groupActicityId, sort: row.sort } }).then((data) => {
+    request({ ...apis.groupActivity.top, data: { groupActivityId: row.groupActivityId, sort: row.sort } }).then((data) => {
         console.log(data)
         message.info('操作成功！')
         getList({ pageNum: 1, pageSize: 10 })

src/pages/activity/helpActivity/edithelpActivity.jsx

@@ -341,7 +341,7 @@ const Edit = props => {
             <div style={{ display: 'flex', alignItems: 'center', marginTop: '-24px' }}>
               <img style={{ width: '70px', height: '70px', border: '4px solid #fff', borderRadius: '35px', marginLeft: '16px' }} src={touxiang} alt="" />
               <span style={{ color: '#222', fontWeight: '600', margin: '24px 10px 0 14px', fontSize: '17px' }}>喵喵</span>
-              <span style={{ color: '#999', marginTop: '25px', fontSize: '17px' }}>邀您阅读</span>
+              <span style={{ color: '#999', marginTop: '25px', fontSize: '17px' }}>邀您参与</span>
               <span style={{ color: '#999', margin: '25px 0 0 60px', fontSize: '17px' }}>2019.09.21</span>
             </div>
             <p style={{

src/pages/carouselFigure/SelectActivity.jsx

@@ -56,7 +56,14 @@ export default (props) => {
         }}
         onCancel={() => setVisible(false)}
       >
-        <Select defaultValue={chooseVal} onChange={handleChange} style={{ width: '90%' }}>
+        <Select
+        showSearch
+        filterOption={(input, option) =>
+          option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        }
+        defaultValue={chooseVal} 
+        onChange={handleChange} 
+        style={{ width: '90%' }}>
           {
             list.map(x => (<Select.Option key={x.dynamicId} value={x.dynamicId}>{x.title}</Select.Option>))
           }

src/pages/carouselFigure/SelectGroup.jsx

@@ -0,0 +1,74 @@
+import React, { useState, useEffect } from 'react';
+import { Select, Modal } from 'antd';
+import { apis, fetch } from '../../utils/request';
+
+const getGroupList = fetch(apis.groupActivity.list)
+
+export default props => {
+  const {
+    value,
+    onChange,
+    ...rest
+  } = props;
+
+  const [list, setList] = useState([]);
+  const [visible, setVisible] = useState(false);
+  const [group, setGroup] = useState({ groupId: undefined, groupName: '请选择拼团' })
+  const getGroupTitle = val => {
+    return (list.filter(x => x.groupActicityId == val)[0] || {}).activityName || '请选择拼团'
+  }
+  const updateGroup = val => setGroup({ groupId: val, groupName: getGroupTitle(val) })
+
+  const buildingId = props.buildingId()
+
+  useEffect(() => {
+    getGroupList({
+      params: {
+        buildingId,
+        pageNum: 1,
+        pageSize: 999,
+      },
+    }).then(data => {
+      setList(data.records || [])
+
+      updateGroup(buildingId ? undefined : value);
+    })
+  }, [buildingId]);
+
+  if (value !== group.groupId) {
+    updateGroup(value);
+  }
+
+  const handleChange = val => {
+      onChange(val)
+  }
+
+  return (
+    <div>
+      <div onClick={() => setVisible(true)}>{group.groupName}</div>
+      <Modal
+        title="请选择拼团"
+        visible={visible}
+        onOk={() => {
+          updateGroup(value)
+          onChange(value)
+          setVisible(false)
+        }}
+        onCancel={() => setVisible(false)}
+      >
+        <Select
+          showSearch
+          value={value ? parseInt(value) : undefined}
+          onChange={handleChange}
+          style={{ width: '90%' }}
+          filterOption={(input, option) =>
+            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+          }>
+          {
+            list.map(x => (<Select.Option key={x.groupActicityId} value={x.groupActicityId}>{x.activityName}</Select.Option>))
+          }
+        </Select>
+      </Modal>
+    </div>
+  );
+}

src/pages/carouselFigure/SelectHelp.jsx

@@ -0,0 +1,76 @@
+import React, { useState, useEffect } from 'react';
+import { Select, Modal } from 'antd';
+import { apis, fetch } from '../../utils/request';
+
+const getHelpList = fetch(apis.helpActivity.list)
+
+export default props => {
+  const {
+    value,
+    onChange,
+    ...rest
+  } = props;
+
+  const [list, setList] = useState([]);
+  const [visible, setVisible] = useState(false);
+  const [help, setHelp] = useState({ helpId: undefined, helpName: '请选择助力' })
+  const getHelpTitle = val => {
+    return (list.filter(x => x.helpActivityId == val)[0] || {}).title || '请选择助力'
+  }
+
+  const updateHelp = val => setHelp({ helpId: val, helpName: getHelpTitle(val) })
+
+  const buildingId = props.buildingId()
+
+  useEffect(() => {
+    getHelpList({
+      params: {
+        buildingId,
+        pageNum: 1,
+        pageSize: 999,
+      },
+    }).then(data => {
+      setList(data.records || [])
+
+      updateHelp(value ? undefined : value);
+    })
+  }, [buildingId]);
+
+  if (value !== help.helpId) {
+    updateHelp(value);
+  }
+
+  const handleChange = val => {
+    onChange(val)
+  }
+
+  return (
+    <div>
+      <div onClick={() => setVisible(true)}>{help.helpName}</div>
+      <Modal
+        title="请选择助力"
+        visible={visible}
+        onOk={() => {
+          updateHelp(value)
+          onChange(value)
+          setVisible(false)
+        }}
+        onCancel={() => setVisible(false)}
+      >
+        <Select
+          placeholder="请选择助力"
+          showSearch
+          value={value ? parseInt(value) : undefined}
+          onChange={handleChange}
+          style={{ width: '90%' }}
+          filterOption={(input, option) =>
+            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+          }>
+          {
+            list.map(x => (<Select.Option key={x.helpActivityId} value={x.helpActivityId}>{x.title}</Select.Option>))
+          }
+        </Select>
+      </Modal>
+    </div>
+  );
+}

src/pages/carouselFigure/SelectNews.jsx

@@ -37,9 +37,9 @@ export default (props) => {
     updateNews(value);
   }
 
-  let chooseVal = value
-
-  const handleChange = val => chooseVal = val
+  const handleChange = val => {
+    onChange(val)
+  }
 
   return (
     <div>
@@ -48,13 +48,21 @@ export default (props) => {
         title="请选择资讯"
         visible={visible}
         onOk={() => {
-          updateNews(chooseVal)
-          onChange(chooseVal)
+          updateNews(value)
+          onChange(value)
           setVisible(false)
         }}
         onCancel={() => setVisible(false)}
       >
-        <Select defaultValue={chooseVal} onChange={handleChange} style={{ width: '90%' }}>
+        <Select
+          showSearch
+          value={value ? parseInt(value) : undefined}
+          onChange={handleChange}
+          style={{ width: '90%' }}
+          filterOption={(input, option) =>
+            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+          }
+        >
           {
             list.map(x => (<Select.Option key={x.newsId} value={x.newsId}>{x.newsName}</Select.Option>))
           }

src/pages/carouselFigure/advertisingList.jsx

@@ -53,7 +53,7 @@ const toEdit = (contentId) => () => {
       dataIndex: 'contentType',
       key: 'contentType',
       align: 'center',
-      render: (contentType) => <span>{ contentType === 'project' ? '项目' : contentType === 'activity' ? '活动' : contentType === 'news' ? '资讯' : contentType === 'other' ? '其他' : '' }</span>
+      render: (contentType) => <span>{ contentType === 'project' ? '项目' : contentType === 'activity' ? '活动' : contentType === 'news' ? '资讯' : contentType === 'other' ? '其他' : contentType === 'help' ? '助力' : contentType === 'group' ? '拼团' : '' }</span>
     },
     {
       title: '发布位置',

src/pages/carouselFigure/carouselFigureList.jsx

@@ -53,7 +53,7 @@ const toEditCarouse = (contentId) => () => {
       dataIndex: 'contentType',
       key: 'contentType',
       align: 'center',
-      render: (contentType) => <span>{ contentType === 'project' ? '项目' : contentType === 'activity' ? '活动' : contentType === 'news' ? '资讯' : contentType === 'other' ? '其他' : '' }</span>
+      render: (contentType) => <span>{ contentType === 'project' ? '项目' : contentType === 'activity' ? '活动' : contentType === 'news' ? '资讯' : contentType === 'other' ? '其他' : contentType === 'help' ? '助力' : contentType === 'group' ? '拼团' : '' }</span>
     },
     {
       title: '发布位置',

src/pages/carouselFigure/editAdvertising.jsx

@@ -11,6 +11,8 @@ import SelectActivity from './SelectActivity';
 import SelectNews from './SelectNews';
 import apis from '../../services/apis';
 import request from '../../utils/request'
+import SelectHelp from './SelectHelp';
+import SelectGroup from './SelectGroup';
 
 /**
  *
@@ -22,12 +24,17 @@ import request from '../../utils/request'
   let contentVisible = false
   let activityVisible = false
   let newsVisible = false
+  let helpVisible = false
+  let groupVisible = false
   let buildingId = ''
 
   const setExtraData = (data) => {
     contentVisible = data.contentType === 'other';
     activityVisible = data.contentType === 'activity';
     newsVisible = data.contentType === 'news';
+    helpVisible = data.contentType === 'help';
+    groupVisible = data.contentType === 'group';
+
     buildingId = data.buildingId
   }
   
@@ -101,6 +108,14 @@ import request from '../../utils/request'
         {
           label: '其他',
           value: 'other'
+        },
+        {
+          label: '拼团',
+          value: 'group'
+        },
+        {
+          label: '助力',
+          value: 'help'
         }],
         value: data.contentType,
       },
@@ -125,6 +140,20 @@ import request from '../../utils/request'
         value: data.content,
         hidden: () => !contentVisible,
       },
+      {
+        label: '发布助力',
+        name: 'targetId',
+        render: <SelectHelp buildingId={() => buildingId} />,
+        hidden: () => !helpVisible,
+        value: data.targetId,
+      },
+      {
+        label: '发布拼团',
+        name: 'targetId',
+        render: <SelectGroup buildingId={() => buildingId} />,
+        hidden: () => !groupVisible,
+        value: data.targetId,
+      },
       {
         label: '状态',
         name: 'status',

src/pages/carouselFigure/editCarousel.jsx

@@ -1,14 +1,18 @@
 import React, { useState, useEffect } from 'react';
-import { Form, Input, Button, Icon, Select, Tabs, Radio, DatePicker,message } from 'antd';
+import { Form, Input, Button, Icon, Select, Tabs, Radio, DatePicker, message } from 'antd';
 import { FormattedMessage } from 'umi-plugin-react/locale';
-import styles from '../style/GoodsList.less';
 import moment from 'moment';
 import router from 'umi/router';
+import styles from '../style/GoodsList.less';
 import BuildSelect from '../../components/SelectButton/BuildSelect'
-import XForm, { FieldTypes } from '../../components/XForm';
+import { createForm, FieldTypes } from '../../components/XForm';
 import Wangedit from '../../components/Wangedit/Wangedit'
 import apis from '../../services/apis';
 import request from '../../utils/request'
+import SelectHelp from './SelectHelp';
+import SelectGroup from './SelectGroup';
+import SelectNews from './SelectNews';
+import SelectActivity from './SelectActivity';
 
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
 /**
@@ -17,130 +21,195 @@ const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
  * @param {*} props
  * @returns
  */
- const Edit = (props) => {
-  const [ tab, changeTab ] = useState('basic')
-  const contentId = props.location.query.contentId
-  const [ data, setData ] = useState({})
-  if(contentId){
-    useEffect(() => {
-      getDetail(contentId);
-    },[])
+ const Edit = props => {
+  let contentVisible = false
+  let activityVisible = false
+  let newsVisible = false
+  let helpVisible = false
+  let groupVisible = false
+  let buildingId = ''
 
-  // 查询列表
-  const getDetail = (contentId) => {
-    request({ ...apis.carsuseFigure.getExtendContent,urlData:{id: contentId}}).then((data) => {
-        console.log(data)
-        setData(data)
-    })
-  }
+  const setExtraData = data => {
+    contentVisible = data.contentType === 'other';
+    activityVisible = data.contentType === 'activity';
+    newsVisible = data.contentType === 'news';
+    helpVisible = data.contentType === 'help';
+    groupVisible = data.contentType === 'group';
+
+    buildingId = data.buildingId
   }
 
-  const cancelPage = () =>{
-    router.push({
-      pathname: '/carouselFigure/carouselFigureList',
-    });
+    
+  const handleFormValueChange = (props, changedValues, allValues) => {
+    setExtraData(allValues)
   }
- 
-    const fields = [
-      {
-        label: '所属项目',
-        name: 'buildingId',
-        render: <BuildSelect />,
-        value: data.buildingId,
-      },
-      {
-        label: '商品图片',
-        name: 'image',
-        type: FieldTypes.ImageUploader,
-        value: data.image,
-        help: '建议图片尺寸：640px*330px',
-      },
-      {
-        label: '标题',
-        name: 'title',
-        type: FieldTypes.Text,
-        value: data.title,
-      },
-      {
-        label: '发布位置',
-        name: 'showPosition',
-        type: FieldTypes.Select,
-        dict: [{
-          label: '首页',
-          value: 'index'
+
+  const XForm = createForm({ onValuesChange: handleFormValueChange })
+
+  return (props) => {
+
+    const [tab, changeTab] = useState('basic')
+    const { contentId } = props.location.query
+    const [data, setData] = useState({})
+    if (contentId) {
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      useEffect(() => {
+        getDetail(contentId);
+      }, [])
+
+    // 查询列表
+    const getDetail = contentId => {
+      request({ ...apis.carsuseFigure.getExtendContent, urlData: { id: contentId } }).then(data => {
+          console.log(data)
+          setExtraData(data)
+          setData(data)
+      })
+    }
+    }
+
+    const cancelPage = () => {
+      router.push({
+        pathname: '/carouselFigure/carouselFigureList',
+      });
+    }
+
+      const fields = [
+        {
+          label: '所属项目',
+          name: 'buildingId',
+          render: <BuildSelect />,
+          value: data.buildingId,
         },
         {
-          label: '商城',
-          value: 'mall'
-        }],
-        value: data.showPosition,
-      },
-      {
-        label: '类型',
-        name: 'contentType',
-        type: FieldTypes.Select,
-        dict: [{
-          label: '活动',
-          value: 'activity'
+          label: '商品图片',
+          name: 'image',
+          type: FieldTypes.ImageUploader,
+          value: data.image,
+          help: '建议图片尺寸：640px*330px',
         },
         {
-          label: '项目',
-          value: 'project'
+          label: '标题',
+          name: 'title',
+          type: FieldTypes.Text,
+          value: data.title,
         },
         {
-          label: '资讯',
-          value: 'news'
+          label: '发布位置',
+          name: 'showPosition',
+          type: FieldTypes.Select,
+          dict: [{
+            label: '首页',
+            value: 'index',
+          },
+          {
+            label: '商城',
+            value: 'mall',
+          }],
+          value: data.showPosition,
         },
         {
-          label: '其他',
-          value: 'other'
-        }],
-        value: data.contentType,
-      },
-      {
-        label: '发布内容',
-        name: 'content',
-        render: <Wangedit />,
-        value: data.content,
-      },
-      {
-        label: '状态',
-        name: 'status',
-        type: FieldTypes.Select,
-        dict: [{
-          label: "启用",
-          value: 1
+          label: '类型',
+          name: 'contentType',
+          type: FieldTypes.Select,
+          dict: [{
+            label: '活动',
+            value: 'activity',
+          },
+          {
+            label: '项目',
+            value: 'project',
+          },
+          {
+            label: '资讯',
+            value: 'news',
+          },
+          {
+            label: '其他',
+            value: 'other',
+          },
+          {
+            label: '拼团',
+            value: 'group',
+          },
+          {
+            label: '助力',
+            value: 'help',
+          }],
+          value: data.contentType,
         },
         {
-          label: "停用",
-          value: 0
-        },],
-        value: data.status != null ? data.status : 1,
-      },
-    ]
-  
-    const handleSubmit = val => { 
-      val.showType = 'banner'
-      if(contentId){
-        request({ ...apis.carsuseFigure.updataExtendContent,urlData:{id: contentId}, data: val,}).then((data) => {
-          cancelPage()
-        }).catch((err) => {
-          message.info(err.msg || err.message)
-        })
-      }else{
-        request({ ...apis.carsuseFigure.addExtendContent, data: val,}).then((data) => {
-          cancelPage()
-        }).catch((err) => {
-          message.info(err.msg || err.message)
-        })
+          label: '发布活动',
+          name: 'targetId',
+          render: <SelectActivity buildingId={() => buildingId} />,
+          hidden: () => !activityVisible,
+          value: data.targetId,
+        },
+        {
+          label: '发布资讯',
+          name: 'targetId',
+          render: <SelectNews buildingId={() => buildingId} />,
+          hidden: () => !newsVisible,
+          value: data.targetId,
+        },
+        {
+          label: '发布内容',
+          name: 'content',
+          render: <Wangedit />,
+          value: data.content,
+          hidden: () => !contentVisible,
+        },
+        {
+          label: '发布助力',
+          name: 'targetId',
+          render: <SelectHelp buildingId={() => buildingId} />,
+          hidden: () => !helpVisible,
+          value: data.targetId,
+        },
+        {
+          label: '发布拼团',
+          name: 'targetId',
+          render: <SelectGroup buildingId={() => buildingId} />,
+          hidden: () => !groupVisible,
+          value: data.targetId,
+        },
+        {
+          label: '状态',
+          name: 'status',
+          type: FieldTypes.Select,
+          dict: [{
+            label: '启用',
+            value: 1,
+          },
+          {
+            label: '停用',
+            value: 0,
+          } ],
+          value: data.status != null ? data.status : 1,
+        },
+      ]
+
+      const handleSubmit = val => {
+        val.showType = 'banner'
+        if (contentId) {
+          request({ ...apis.carsuseFigure.updataExtendContent, urlData: { id: contentId }, data: val  }).then(data => {
+            cancelPage()
+          }).catch(err => {
+            message.info(err.msg || err.message)
+          })
+        } else{
+          request({ ...apis.carsuseFigure.addExtendContent, data: val  }).then(data => {
+            cancelPage()
+          }).catch(err => {
+            message.info(err.msg || err.message)
+          })
+        }
       }
-    }
 
-  return (
-    <XForm onSubmit={handleSubmit} onCancel={cancelPage} fields={fields}></XForm>
-  );
+    return (
+      <XForm onSubmit={handleSubmit} onCancel={cancelPage} fields={fields}></XForm>
+    );
+  }
  }
 
 
-
-export default Edit
+export default Edit()