新需求

config/routes.js

@@ -684,6 +684,12 @@ export default [
                 name: '业务配置',
                 component: './eContract/businessConfig/list',
               },
+              {
+                path: '/eContract/businessConfig/detail',
+                name: '业务配置详情',
+                hideInMenu: true,
+                component: './eContract/businessConfig/detail',
+              },
               {
                 path: '/eContract/manage/list',
                 name: '合同管理',

src/pages/eContract/businessConfig/components/SelectCompany.jsx

@@ -0,0 +1,127 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Select, Modal, Button, Table, Divider, Tag, Input,Row,Col } from 'antd';
+import { apis, fetch } from '../../../../utils/request';
+
+const { Column, ColumnGroup } = Table;
+const getH5List = fetch(apis.h5Activity.EffectiveList)
+const { Search } = Input;
+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.drainageId == val)[0] || {}).name || '请选择'
+  }
+  const updateGroup = val => setGroup({ groupId: val, groupName: getGroupTitle(val) })
+
+  const buildingId = props.buildingId
+
+  useEffect(() => {
+    getH5List({
+      params: {
+        pageNum: 1,
+        pageSize: 999,
+        isMiniapp: 1,
+        status: 1,
+        buildingId,
+      },
+    }).then(data => {
+      setList(data.records || [])
+
+      updateGroup(buildingId ? undefined : value);
+    })
+  }, [buildingId]);
+  const searchH5 = (e) => {
+    getH5List({
+      params: {
+        pageNum: 1,
+        pageSize: 999,
+        isMiniapp: 1,
+        status: 1,
+        name: e
+      },
+    }).then(data => {
+      setList(data.records || [])
+
+      updateGroup(value ? undefined : value);
+    })
+  }
+
+  if (value !== group.groupId) {
+    updateGroup(value);
+  }
+
+  const handleChange = val => {
+    onChange(val)
+  }
+
+  const setData = val => {
+    updateGroup(val)
+    onChange(val)
+    setVisible(false)
+    props.onSuccess(val);
+  }
+
+  const clearVal = val => {
+    onChange(val)
+    setVisible(false)
+  }
+
+  const columns = [
+    {
+      title: '标题',
+      dataIndex: 'name',
+      key: 'drainageId',
+      align: 'center',
+      ellipsis: true,
+      render: text => <a>{text}</a>,
+    },
+    {
+      title: '操作',
+      align: 'center',
+      width: '20%',
+      render: (text, record) => (
+        <span>
+          <a onClick={() => setData(record.drainageId)} style={{ color: 'blue' }}>选择</a>
+        </span>
+      ),
+    },
+  ];
+
+  return (
+    <div>
+      <div>{group.groupName}<a style={{marginLeft:'30px', color: 'blue' }} onClick={() => setVisible(true)}>选择关联企业</a></div>
+      <Modal
+        title="请选择"
+        visible={visible}
+        onCancel={() => setVisible(false)}
+        footer={[]}
+      >
+        <Row>
+          <Col span={18}>
+            <Search
+              placeholder="请输入标题"
+              enterButton="搜索"
+              size="default"
+              allowClear="true"
+              onSearch={value => searchH5(value)}
+              style={{ marginBottom: '16px' }}
+            />
+          </Col>
+          <Col span={4} offset={1}>
+            <Button type="primary" onClick={()=>clearVal('')}>重置</Button>
+          </Col>
+        </Row>
+
+        <Table rowKey={list => list.drainageId} columns={columns} dataSource={list} />
+
+      </Modal>
+    </div>
+  )
+}

src/pages/eContract/businessConfig/components/SelectContractTemp.jsx

@@ -0,0 +1,127 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Select, Modal, Button, Table, Divider, Tag, Input,Row,Col } from 'antd';
+import { apis, fetch } from '../../../../utils/request';
+
+const { Column, ColumnGroup } = Table;
+const getH5List = fetch(apis.h5Activity.EffectiveList)
+const { Search } = Input;
+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.drainageId == val)[0] || {}).name || '请选择'
+  }
+  const updateGroup = val => setGroup({ groupId: val, groupName: getGroupTitle(val) })
+
+  const buildingId = props.buildingId
+
+  useEffect(() => {
+    getH5List({
+      params: {
+        pageNum: 1,
+        pageSize: 999,
+        isMiniapp: 1,
+        status: 1,
+        buildingId,
+      },
+    }).then(data => {
+      setList(data.records || [])
+
+      updateGroup(buildingId ? undefined : value);
+    })
+  }, [buildingId]);
+  const searchH5 = (e) => {
+    getH5List({
+      params: {
+        pageNum: 1,
+        pageSize: 999,
+        isMiniapp: 1,
+        status: 1,
+        name: e
+      },
+    }).then(data => {
+      setList(data.records || [])
+
+      updateGroup(value ? undefined : value);
+    })
+  }
+
+  if (value !== group.groupId) {
+    updateGroup(value);
+  }
+
+  const handleChange = val => {
+    onChange(val)
+  }
+
+  const setData = val => {
+    updateGroup(val)
+    onChange(val)
+    setVisible(false)
+    props.onSuccess(val);
+  }
+
+  const clearVal = val => {
+    onChange(val)
+    setVisible(false)
+  }
+
+  const columns = [
+    {
+      title: '标题',
+      dataIndex: 'name',
+      key: 'drainageId',
+      align: 'center',
+      ellipsis: true,
+      render: text => <a>{text}</a>,
+    },
+    {
+      title: '操作',
+      align: 'center',
+      width: '20%',
+      render: (text, record) => (
+        <span>
+          <a onClick={() => setData(record.drainageId)} style={{ color: 'blue' }}>选择</a>
+        </span>
+      ),
+    },
+  ];
+
+  return (
+    <div>
+      <div>{group.groupName}<a style={{marginLeft:'30px', color: 'blue' }} onClick={() => setVisible(true)}>选择合同模板</a></div>
+      <Modal
+        title="请选择"
+        visible={visible}
+        onCancel={() => setVisible(false)}
+        footer={[]}
+      >
+        <Row>
+          <Col span={18}>
+            <Search
+              placeholder="请输入标题"
+              enterButton="搜索"
+              size="default"
+              allowClear="true"
+              onSearch={value => searchH5(value)}
+              style={{ marginBottom: '16px' }}
+            />
+          </Col>
+          <Col span={4} offset={1}>
+            <Button type="primary" onClick={()=>clearVal('')}>重置</Button>
+          </Col>
+        </Row>
+
+        <Table rowKey={list => list.drainageId} columns={columns} dataSource={list} />
+
+      </Modal>
+    </div>
+  )
+}

src/pages/eContract/businessConfig/components/SelectRaise.jsx

@@ -0,0 +1,127 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Select, Modal, Button, Table, Divider, Tag, Input,Row,Col } from 'antd';
+import { apis, fetch } from '../../../../utils/request';
+
+const { Column, ColumnGroup } = Table;
+const getH5List = fetch(apis.h5Activity.EffectiveList)
+const { Search } = Input;
+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.drainageId == val)[0] || {}).name || '请选择'
+  }
+  const updateGroup = val => setGroup({ groupId: val, groupName: getGroupTitle(val) })
+
+  const buildingId = props.buildingId
+
+  useEffect(() => {
+    getH5List({
+      params: {
+        pageNum: 1,
+        pageSize: 999,
+        isMiniapp: 1,
+        status: 1,
+        buildingId,
+      },
+    }).then(data => {
+      setList(data.records || [])
+
+      updateGroup(buildingId ? undefined : value);
+    })
+  }, [buildingId]);
+  const searchH5 = (e) => {
+    getH5List({
+      params: {
+        pageNum: 1,
+        pageSize: 999,
+        isMiniapp: 1,
+        status: 1,
+        name: e
+      },
+    }).then(data => {
+      setList(data.records || [])
+
+      updateGroup(value ? undefined : value);
+    })
+  }
+
+  if (value !== group.groupId) {
+    updateGroup(value);
+  }
+
+  const handleChange = val => {
+    onChange(val)
+  }
+
+  const setData = val => {
+    updateGroup(val)
+    onChange(val)
+    setVisible(false)
+    props.onSuccess(val);
+  }
+
+  const clearVal = val => {
+    onChange(val)
+    setVisible(false)
+  }
+
+  const columns = [
+    {
+      title: '标题',
+      dataIndex: 'name',
+      key: 'drainageId',
+      align: 'center',
+      ellipsis: true,
+      render: text => <a>{text}</a>,
+    },
+    {
+      title: '操作',
+      align: 'center',
+      width: '20%',
+      render: (text, record) => (
+        <span>
+          <a onClick={() => setData(record.drainageId)} style={{ color: 'blue' }}>选择</a>
+        </span>
+      ),
+    },
+  ];
+
+  return (
+    <div>
+      <div>{group.groupName}<a style={{marginLeft:'30px', color: 'blue' }} onClick={() => setVisible(true)}>选择关联业务</a></div>
+      <Modal
+        title="请选择"
+        visible={visible}
+        onCancel={() => setVisible(false)}
+        footer={[]}
+      >
+        <Row>
+          <Col span={18}>
+            <Search
+              placeholder="请输入标题"
+              enterButton="搜索"
+              size="default"
+              allowClear="true"
+              onSearch={value => searchH5(value)}
+              style={{ marginBottom: '16px' }}
+            />
+          </Col>
+          <Col span={4} offset={1}>
+            <Button type="primary" onClick={()=>clearVal('')}>重置</Button>
+          </Col>
+        </Row>
+
+        <Table rowKey={list => list.drainageId} columns={columns} dataSource={list} />
+
+      </Modal>
+    </div>
+  )
+}

src/pages/eContract/businessConfig/components/SelectSeal.jsx

@@ -0,0 +1,127 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Select, Modal, Button, Table, Divider, Tag, Input,Row,Col } from 'antd';
+import { apis, fetch } from '../../../../utils/request';
+
+const { Column, ColumnGroup } = Table;
+const getH5List = fetch(apis.h5Activity.EffectiveList)
+const { Search } = Input;
+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.drainageId == val)[0] || {}).name || '请选择'
+  }
+  const updateGroup = val => setGroup({ groupId: val, groupName: getGroupTitle(val) })
+
+  const buildingId = props.buildingId
+
+  useEffect(() => {
+    getH5List({
+      params: {
+        pageNum: 1,
+        pageSize: 999,
+        isMiniapp: 1,
+        status: 1,
+        buildingId,
+      },
+    }).then(data => {
+      setList(data.records || [])
+
+      updateGroup(buildingId ? undefined : value);
+    })
+  }, [buildingId]);
+  const searchH5 = (e) => {
+    getH5List({
+      params: {
+        pageNum: 1,
+        pageSize: 999,
+        isMiniapp: 1,
+        status: 1,
+        name: e
+      },
+    }).then(data => {
+      setList(data.records || [])
+
+      updateGroup(value ? undefined : value);
+    })
+  }
+
+  if (value !== group.groupId) {
+    updateGroup(value);
+  }
+
+  const handleChange = val => {
+    onChange(val)
+  }
+
+  const setData = val => {
+    updateGroup(val)
+    onChange(val)
+    setVisible(false)
+    props.onSuccess(val);
+  }
+
+  const clearVal = val => {
+    onChange(val)
+    setVisible(false)
+  }
+
+  const columns = [
+    {
+      title: '标题',
+      dataIndex: 'name',
+      key: 'drainageId',
+      align: 'center',
+      ellipsis: true,
+      render: text => <a>{text}</a>,
+    },
+    {
+      title: '操作',
+      align: 'center',
+      width: '20%',
+      render: (text, record) => (
+        <span>
+          <a onClick={() => setData(record.drainageId)} style={{ color: 'blue' }}>选择</a>
+        </span>
+      ),
+    },
+  ];
+
+  return (
+    <div>
+      <div>{group.groupName}<a style={{marginLeft:'30px', color: 'blue' }} onClick={() => setVisible(true)}>选择企业印章</a></div>
+      <Modal
+        title="请选择"
+        visible={visible}
+        onCancel={() => setVisible(false)}
+        footer={[]}
+      >
+        <Row>
+          <Col span={18}>
+            <Search
+              placeholder="请输入标题"
+              enterButton="搜索"
+              size="default"
+              allowClear="true"
+              onSearch={value => searchH5(value)}
+              style={{ marginBottom: '16px' }}
+            />
+          </Col>
+          <Col span={4} offset={1}>
+            <Button type="primary" onClick={()=>clearVal('')}>重置</Button>
+          </Col>
+        </Row>
+
+        <Table rowKey={list => list.drainageId} columns={columns} dataSource={list} />
+
+      </Modal>
+    </div>
+  )
+}

src/pages/eContract/businessConfig/detail.jsx

@@ -0,0 +1,243 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, DatePicker, Radio, Upload, InputNumber } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import router from 'umi/router';
+import moment from 'moment';
+import SelectCity from '../../../components/SelectButton/CitySelect'
+import BuildSelect2 from '../../../components/SelectButton/BuildSelect2'
+import LivePlatSelect from '../../../components/SelectButton/LivePlatSelect'
+import CitySelect3 from '../../../components/SelectButton/CitySelect3'
+import ImageUpload from '../../../components/XForm/ImageUpload'
+import Wangedit from '../../../components/Wangedit/Wangedit'
+import apis from '../../../services/apis';
+import request from '../../../utils/request';
+import AuthButton from '@/components/AuthButton';
+import SelectContractTemp from './components/SelectContractTemp';
+import SelectRaise from './components/SelectRaise';
+import SelectCompany from './components/SelectCompany';
+import SelectSeal from './components/SelectSeal';
+
+const { Option } = Select;
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+
+let cityId = ''
+
+const header = props => {
+  const { salesBatchId } = props.location.query
+  console.log(salesBatchId)
+  const [ saleBatchData, setSaleBatchData ] = useState({})
+  const [showHelp, setShowHelp] = useState(false)
+
+  const cancelPage = () =>{
+    router.push({
+      pathname: '/activity/liveActivity/list',
+    });
+  }
+
+   //打开新页面
+   const openIndexImg = () => {
+    const newWin=window.open('about:blank');
+    newWin.location.href="http://njcj.oss-cn-shanghai.aliyuncs.com/%E6%95%99%E7%A8%8B.png"
+  }
+
+  function highlightsTypeChange(e) {
+    setTypeState(e.target.value)
+  }
+
+  function disabledDate(current) {
+    // Can not select days before today and today
+    return current && current < moment().endOf('day');
+  }
+
+  function onSuccess(e){
+    console.log(e)
+  }
+
+  function handleSubmit (e) {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err){
+        let {liveTime, ...submitValue} = values
+        submitValue.liveStartDate = moment(submitValue.liveStartDate._d).format('YYYY-MM-DD HH:mm:ss')
+        submitValue.liveEndDate = moment(submitValue.liveEndDate._d).format('YYYY-MM-DD HH:mm:ss')
+        
+        if (values.liveStartDate > values.liveEndDate){
+          message.info("直播结束时间大于开始时间")
+          return;
+        }
+
+        request({ ...apis.taliveActivity.addTaLiveActivity, data: { ...submitValue },}).then((data) => {
+          message.info("保存成功")
+          router.push({
+            pathname: '/activity/liveActivity/list/index',
+          });
+        }).catch((err) => {
+          message.info(err.msg || err.message)
+        })
+      }
+    });
+  }
+
+  const { getFieldDecorator } = props.form;
+
+  return (
+    <>
+      <Form labelCol={{ span: 7 }} wrapperCol={{ span: 12 }} onSubmit={handleSubmit}>
+        <Form.Item label="合同标题">
+          {getFieldDecorator('contractName', {
+            rules: [{ required: true, message: ' 请选择合同模板' }],
+          })(<SelectContractTemp buildingId={'91073c66168459ca0121697c20c54b82'} onSuccess={e => onSuccess(e)}/>)}
+        </Form.Item>
+        <Form.Item label="合同文件">
+          {getFieldDecorator('contractTemplateId', {
+            rules: [{ required: true, message: '' }],
+          })}<Button type="danger" style={{marginRight:'20px'}} onClick={openIndexImg}>查看文件</Button>
+        </Form.Item>
+        <Form.Item label="关联业务类型"> 
+          {getFieldDecorator('targetType', {
+              rules: [{ required: true, message: '请选择发布状态' }],
+            })(<Select placeholder="关联业务类型" style={{ width: '400px' }}>
+            <Option value="raise">房源认筹</Option>
+          </Select>)}
+        </Form.Item>
+        <Form.Item label="关联业务">
+          {getFieldDecorator('targetId', {
+            rules: [{ required: true, message: ' 请选择关联业务' }],
+          })(<SelectRaise onSuccess={e => onSuccess(e)}/>)}
+        </Form.Item>
+        <Form.Item label="甲方" help="系统会在业务需要时自动签所选企业印章，比如用户在签署认筹合同前系统会自动签署企业印章。">
+          {getFieldDecorator('companyId', {
+            rules: [{ required: true, message: ' 请选择关联企业' }],
+          })(<SelectCompany onSuccess={e => onSuccess(e)}/>)}
+        </Form.Item>
+        <Form.Item label="甲方印章" >
+          {getFieldDecorator('sealId', {
+            rules: [{ required: true, message: ' 请选择企业印章' }],
+          })(<SelectSeal onSuccess={e => onSuccess(e)}/>)}
+        </Form.Item>
+        <Form.Item label="甲方签章定位关键字" help="关键字为合同文件中的文字内容（能被ctrl+f 查找功能检索到）。法大大按此关键字进行签章位置的定位，将电子章盖在这个关键字上面。凡出现关键字的地方均可能会盖上指定用户的电子章，建议关键字在合同中保持唯一。">
+          {getFieldDecorator('signatoryKeywords', {
+            rules: [{ required: true, message: '请输入甲方签章定位关键字' }],
+          })(<Input maxLength={20} style={{width:'400px'}}/>)}
+        </Form.Item>
+        <Form.Item label="甲方关键字签章策略"> 
+          {getFieldDecorator('signatoryStrategy', {
+              rules: [{ required: true, message: '请选择甲方关键字签章策略' }],
+            })(<Select placeholder="甲方关键字签章策略" style={{ width: '400px' }}>
+            <Option value="last">最后一个关键字签章</Option>
+            <Option value="all">所有关键字签章</Option>
+            <Option value="first">第一给关键字签章</Option>
+          </Select>)}
+        </Form.Item>
+        <Form.Item label="乙方签章定位关键字" help="关键字为合同文件中的文字内容（能被ctrl+f 查找功能检索到）。法大大按此关键字进行签章位置的定位，将电子章盖在这个关键字上面。凡出现关键字的地方均可能会盖上指定用户的电子章，建议关键字在合同中保持唯一。">
+          {getFieldDecorator('customerKeywords', {
+            rules: [{ required: true, message: '请输入乙方签章定位关键字' }],
+          })(<Input maxLength={20} style={{width:'400px'}}/>)}
+        </Form.Item>
+        <Form.Item label="乙方关键字签章策略"> 
+          {getFieldDecorator('customerStrategy', {
+              rules: [{ required: true, message: '请选择乙方关键字签章策略' }],
+            })(<Select placeholder="乙方关键字签章策略" style={{ width: '400px' }}>
+            <Option value="last">最后一个关键字签章</Option>
+            <Option value="all">所有关键字签章</Option>
+            <Option value="first">第一给关键字签章</Option>
+          </Select>)}
+        </Form.Item>
+        <Form.Item label="发布状态"> 
+          {getFieldDecorator('status', {
+              rules: [{ required: true, message: '请选择发布状态' }],
+            })(<Select placeholder="发布状态" style={{ width: '400px' }}>
+            <Option value="0">否</Option>
+            <Option value="1">是</Option>
+          </Select>)}
+        </Form.Item>
+        {/* <Form.Item label="所属楼盘">
+          {getFieldDecorator('buildingId')(<BuildSelect2 cityId={props.form.getFieldValue('cityId')}/>)}
+        </Form.Item>
+         <Form.Item label="直播活动标题">
+          {getFieldDecorator('liveActivityTitle', {
+            rules: [{ required: true, message: '请输入直播活动标题' }],
+          })(<Input maxLength={20} placeholder="给直播活动起个名字" />)}
+        </Form.Item>
+        <Form.Item label="直播开始时间">
+          {getFieldDecorator('liveStartDate', {
+                rules: [
+                  {
+                    required: true,
+                    message: '请选择直播开始时间',
+                  },
+                ],
+              })(<DatePicker placeholder="预计开始时间"style={{ width: '500px' }}format="YYYY-MM-DD HH:mm:ss" showTime={{ format: 'HH:mm:ss' }}/>)}
+        </Form.Item>
+        <Form.Item label="直播结束时间">
+          {getFieldDecorator('liveEndDate', {
+                rules: [
+                  {
+                    required: true,
+                    message: '请选择直播结束时间',
+                  },
+                ],
+              })(<DatePicker placeholder="预计结束时间" disabledDate={disabledDate} style={{ width: '500px' }}format="YYYY-MM-DD HH:mm:ss" showTime={{ format: 'HH:mm:ss' }}/>)}
+        </Form.Item>
+        <Form.Item label="直播小程序">
+          {getFieldDecorator('liveApp', {
+              rules: [{ required: true, message: '请选择直播小程序' }],
+            })((<LivePlatSelect />))}
+        </Form.Item>
+        <Form.Item label="房间参数">
+          {getFieldDecorator('liveRoomParam', {
+            rules: [{ required: true, message: '请输入房间参数' }],
+          })(<Input maxLength={1000} placeholder="点击右侧按钮查看如何获取房间参数" style={{width:'680px'}}/>)}<a onClick={openIndexImg} style={{ color: 'blue' }}> 不知道怎么填？查看说明</a>
+        </Form.Item>
+        <Form.Item label="封面图1" help="建议尺寸：750px*420px，比例16:9，格式：jpg，用于：活动列表">
+              {getFieldDecorator('listImg', {
+                  rules: [{ required: true, message: '请上传封面图1' }],
+              })(
+                <ImageUpload />,
+              )}
+        </Form.Item>  
+        <Form.Item label="封面图2" help="建议尺寸：750*250px，比例3:1，格式：jpg，用于：项目详情页">
+              {getFieldDecorator('detailImg', {
+                  rules: [{ required: true, message: '请上传封面图2' }],
+              })(
+                <ImageUpload />,
+              )}
+        </Form.Item>  
+        <Form.Item label="详情图" help="格式：jpg，用于：直播活动详情页，点击可跳转到直播间">
+              {getFieldDecorator('detailTypeImg', {
+                  rules: [{ required: true, message: '请上传详情图' }],
+              })(
+                <ImageUpload />,
+              )}
+        </Form.Item>      
+        <Form.Item label="权重">
+              {getFieldDecorator('weight', {
+                  rules: [{ required: true, message: '请设置权重' }],
+              })(
+                <InputNumber placeholder="权重越大越靠前" style={{width:'150px'}}/>
+              )}
+        </Form.Item>
+        <Form.Item label="发布状态"> 
+          {getFieldDecorator('status', {
+              rules: [{ required: true, message: '请选择发布状态' }],
+            })(<Select placeholder="发布状态" style={{ width: '300px' }}>
+            <Option value="0">否</Option>
+            <Option value="1">是</Option>
+          </Select>)}
+        </Form.Item>*/}
+        <Form.Item wrapperCol={{ span: 15, offset: 7 }}>
+          <Button type="primary" htmlType="submit"style={{marginRight:'20px'}}>
+            确定
+          </Button>
+          <Button onClick={() => router.go(-1)}>
+            取消
+          </Button>
+        </Form.Item>
+      </Form>
+    </>
+  )
+}
+
+const WrappedHeader = Form.create({ name: 'header' })(header);
+
+export default WrappedHeader

src/pages/eContract/businessConfig/list.jsx

@@ -0,0 +1,236 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, DatePicker } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import styles from '../../style/GoodsList.less';
+import router from 'umi/router';
+import moment from 'moment';
+import SelectCity from '../../../components/SelectButton/CitySelect'
+import BuildSelect from '../../../components/SelectButton/BuildSelect'
+import apis from '../../../services/apis';
+import request from '../../../utils/request';
+import AuthButton from '@/components/AuthButton';
+
+const { Option } = Select;
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+
+const header = props => {
+  const sampleId  = props.location.query.id;
+  const sampleName = props.location.query.sampleName;
+  const [data, setData] = useState({})
+  const [demend, setDemend] = useState({})
+  const [demandIds, setDemandIds] = useState([])
+  const [batchDel, setBatchDel] = useState({visable:false,demandIds:''})
+  const [addDemand, setAddDemand] = useState({visable:false})
+
+  useEffect(() => {
+    if(sampleId){
+      getList({ pageNum: 1, pageSize: 10, sampleId: sampleId });
+    }else{
+      getList({ pageNum: 1, pageSize: 10});
+    }
+    
+  }, [])
+
+  // 查询列表
+  const getList = (params) => {
+    console.log(params);
+    request({ ...apis.taH5SampleManager.taH5Demand, params: { ...params } }).then((data) => {
+      console.log(data)
+      setData(data)
+    })
+  }
+
+  // 跳转到编辑
+  const toDetail = rowData => () => {
+    if(rowData) {
+      router.push({
+      pathname: '/eContract/businessConfig/detail',
+      query: {
+        id: rowData.demandId,
+      },
+    });
+      return
+    }
+  }
+
+  /**
+   *
+   *
+   * @param {*} props
+   * @returns
+   */
+
+  const columns = [
+    {
+      title: '样例名',
+      dataIndex: 'sampleName',
+      key: 'sampleName',
+      align: 'center',
+    },
+    {
+      title: '下单人',
+      dataIndex: 'orderer',
+      key: 'orderer',
+      align: 'center',
+      
+    },
+    {
+      title: '联系方式',
+      dataIndex: 'phone',
+      key: 'phone',
+      align: 'center',
+    },
+    {
+      title: '下单时间',
+      dataIndex: 'createDate',
+      key: 'createDate',
+      align: 'center',
+      render: (x, row) => <><span>{`${moment(row.createDate).format('YYYY-MM-DD HH:mm:ss')}`}</span></>
+    },
+    {
+      title: '需求单状态',
+      dataIndex: 'demandStatus',
+      key: 'demandStatus',
+      align: 'center',
+      render: (text, records) => {
+        if (records.demandStatus === 1) { return '已提交' }
+        if (records.demandStatus === 2) { return '处理中' }
+        if (records.demandStatus === 3) { return '已交付' }
+        if (records.demandStatus === 4) { return '作废' }
+      },
+    },
+    {
+      title: '操作',
+      dataIndex: 'handle',
+      key: 'handle',
+      align: 'center',
+      render: (text, record) => (
+        <AuthButton name="admin.h5Demand.detail.get" noRight={null}>
+          <a style={{ color: '#66B3FF' }} onClick={toDetail(record)} >查看详情</a>
+        </AuthButton>
+      ),
+    },
+  ];
+  
+  const rowSelection = {
+    onChange: (selectedRowKeys, selectedRows) => {
+      console.log('selectedRowKeys:', selectedRowKeys, 'selectedRows: ', selectedRows);
+      setDemandIds(selectedRows)
+    },
+  };
+
+  const changePageNum = pageNumber => {
+    getList({ pageNum: pageNumber, pageSize: 10, ...props.form.getFieldsValue() })
+  }
+
+  // 提交事件
+  const handleSubmit = (e, props) => {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        
+        if (values.startCreateDate != null){
+          values.startCreateDate = moment(values.startCreateDate).format('YYYY-MM-DD HH:mm:ss')
+        }
+        if (values.endCreateDate != null){
+          values.endCreateDate = moment(values.endCreateDate).format('YYYY-MM-DD HH:mm:ss')
+        }
+        getList({ pageNum: 1, pageSize: 10, ...values })
+      }
+    });
+  }
+
+  //重置搜索
+  function handleReset () {
+    props.form.resetFields();
+    getList({ pageNum: 1, pageSize: 10 })
+  }
+
+  function showBatchDel(e){
+  
+    if (demandIds.length <= 0){
+      message.info("请选择数据");
+      return;
+    }
+    setBatchDel(e);
+    if(!e.visable){
+      getList()
+    }
+  }
+
+  function addDemandInfo(e){
+    setAddDemand(e);
+  }
+
+  const { getFieldDecorator } = props.form
+  return (
+
+    <>
+      <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+        <Form.Item>
+          {getFieldDecorator('orderer')(
+            <Input
+            prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+            placeholder="下单人"
+          />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('phone')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="联系方式"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('startCreateDate')(
+            <DatePicker showTime={{ format: 'HH:mm:ss' }} placeholder="下单时间开始时间"/>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('endCreateDate')(
+            <DatePicker showTime={{ format: 'HH:mm:ss' }} placeholder="下单时间结束时间"/>,
+          )}
+        </Form.Item>  
+        <Form.Item>
+          {getFieldDecorator('demandStatus')(
+            <Select style={{ width: '180px' }} placeholder="需求单状态">
+                <option value="">全部</option>
+                <option value="1">已提交</option>
+                <option value="2">处理中</option>
+                <option value="3">已交付</option>
+                <option value="4">作废</option>
+            </Select>
+          )}
+        </Form.Item>
+        <Form.Item>
+            <AuthButton name="admin.taShareActivity.search" noRight={null}>
+                <Button type="primary" htmlType="submit" className={styles.searchBtn}>
+                    搜索
+                </Button>
+            </AuthButton>
+            <AuthButton name="admin.taShareActivity.search" noRight={null}>
+                <Button style={{ marginLeft: 8 }} onClick={handleReset}>
+                        重置
+                </Button>
+            </AuthButton>
+        </Form.Item>
+      </Form>
+      <AuthButton name="admin.h5Demand.add.post" noRight={null}>
+        <Button type="danger" onClick={() => addDemandInfo({visable:true})} className={styles.addBtn}>新增</Button>
+      </AuthButton>
+      <AuthButton name="admin.h5Demand.del" noRight={null}>
+        <Button type="primary" onClick={() => showBatchDel({visable:true, demandIds: demandIds})} className={styles.addBtn} style={{marginLeft:'30px'}}>删除</Button>
+      </AuthButton>
+      <Table rowSelection={rowSelection}
+        style={{marginTop:'30px'}} dataSource={data.records} columns={columns} pagination={false} rowKey="activityList" />
+      <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
+        <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={changePageNum} current={data.current} />
+      </div>
+    </>
+  )
+}
+const WrappedHeader = Form.create({ name: 'header' })(header);
+
+export default WrappedHeader