新需求

config/routes.js

@@ -550,6 +550,30 @@ export default [
                 name: '活动统计',
                 component: './statistical/activity'
               },
+              {
+                path: '/statistical/activity/sharePersonNum',
+                name: '分享统计',
+                hideInMenu: true,
+                component: './statistical/activity/sharePersonNum',
+              },
+              {
+                path: '/statistical/activity/shareNum',
+                name: '分享统计',
+                hideInMenu: true,
+                component: './statistical/activity/shareNum',
+              },
+              {
+                path: '/statistical/activity/addRegistNum',
+                name: '分享统计',
+                hideInMenu: true,
+                component: './statistical/activity/addRegistNum',
+              },
+              {
+                path: '/statistical/activity/visitNum',
+                name: '分享统计',
+                hideInMenu: true,
+                component: './statistical/activity/visitNum',
+              },
               {
                 path: '/statistical/building',
                 name: '项目统计',

src/pages/statistical/activity/addRegistNum.jsx

@@ -0,0 +1,195 @@
+import React, { Component, useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar, Radio, Modal, Descriptions } from 'antd';
+import moment from 'moment';
+import style from './compenents/style.less';
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+import router from 'umi/router';
+import AuthButton from '@/components/AuthButton';
+import BuildingSelect from '@/components/SelectButton/BuildSelect';
+import WxDictSelect from '@/components/SelectButton/WxDictSelect';
+
+
+const { RangePicker } = DatePicker;
+const { Option } = Select
+
+const formItemLayout = {
+    labelCol: { span: 10},
+    wrapperCol: { span: 14 },
+  };
+  
+let daterange = []
+let tableTitle = ['类型']
+
+let columns = [
+  {
+    title: '姓名',
+    dataIndex: 'nickName',
+    key: 'nickName',
+  },
+  {
+    title: '电话',
+    dataIndex: 'phone',
+    key: 'phone',
+  },
+  {
+    title: '性别',
+    dataIndex: 'gender',
+    key: 'gender',
+  },
+  {
+    title: '归属地',
+    dataIndex: 'province',
+    key: 'province',
+  },
+  {
+    title: '归属地',
+    dataIndex: 'province',
+    key: 'province',
+  },
+  {
+    title: '来源渠道',
+    dataIndex: 'personFrom',
+    key: 'personFrom',
+  },
+  {
+    title: '置业顾问',
+    dataIndex: 'realtyConsultant',
+    key: 'realtyConsultant',
+  },
+  {
+    title: '置业顾问电话',
+    dataIndex: 'realtyConsultantPhone',
+    key: 'realtyConsultantPhone',
+  },
+  {
+    title: '分享者',
+    dataIndex: 'sharePersonName',
+    key: 'sharePersonName',
+  },
+  {
+    title: '分享者电话',
+    dataIndex: 'sharePersonPhone',
+    key: 'sharePersonPhone',
+  },
+]
+
+class SharePersonNum extends React.Component {
+
+  constructor(props) {
+    super(props)
+    const startDate = moment(props.location.query.queryDate).hours(0).minutes(0).seconds(0).milliseconds(0).toDate();
+    const endDate = moment(props.location.query.queryDate).hours(23).minutes(59).seconds(59).milliseconds(999).toDate();
+    console.log(startDate)
+    this.state = {
+      formData: {
+        personFrom: '',
+        pageNum:'',
+        pageSize:'',
+        startDate: startDate,
+        endDate: endDate
+      },
+      personData: [],  
+      dataSoures: [],
+      tableData: [],
+      userType: 'all',
+      buildingId: [],
+      targetType: []
+    }
+  }
+
+  componentDidMount() {
+    this.getTableList()
+  }
+
+  getTableList () {
+    const { formData } = this.state
+    console.log(formData)
+    request({ ...apis.activityDataStatis.activityAddRegist, params: formData }).then(data => {
+      console.log(data)
+      this.setState({ tableData: data.records, total: data.total})
+    }).catch()
+  }
+
+  handleSubmit = (e, props) => {
+    let startDate = null
+    let endDate = null
+    const personFrom = this.props.form.getFieldValue("personFrom");
+    const { formData } = this.state
+    this.setState({
+      formData: {
+        ...formData,
+        personFrom: personFrom,
+      }
+    }, this.getTableList)
+  }
+
+  //重置搜索
+  handleReset = e => {
+    this.props.form.resetFields()
+  }
+
+  exportActivityStats = () => {
+    const { formData } = this.state
+    request({ ...apis.activityDataStatis.activityAddRegistNumExport, params: formData }).then(data => {
+      if (!data) {
+        return
+      }
+      const url = window.URL.createObjectURL(new Blob([data]))
+        const link = document.createElement('a')
+        link.style.display = 'none'
+        link.href = url
+        link.setAttribute('download', '分享统计.xlsx')
+        document.body.append(link)
+        link.click()
+    }).catch()
+  }
+
+  //排序
+  handleTableChange = (pagination, filters, sorter) => {
+    console.log(pagination, filters, sorter)
+    const { formData } = this.state
+    this.setState({
+      formData: {
+        ...formData,
+        personFrom: formData.personFrom,
+        pageNum: pagination.current,
+        pageSize: pagination.pageSize
+      }
+    }, this.getTableList)
+  };
+
+  render() {
+    const { radioVal } = this.state
+    const { getFieldDecorator } = this.props.form;
+
+    return (
+    <>
+        <Form layout="inline" onSubmit={e => this.handleSubmit(e, this.props)}>
+        <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
+          {getFieldDecorator('personFrom')(
+            <WxDictSelect />,
+          )}
+        </Form.Item>
+          <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
+            <Button type="primary" htmlType="submit" style={{ marginLeft: '30px' }}>
+                查询
+            </Button>
+            <Button onClick={e => this.handleReset()} style={{ marginLeft: '30px' }}>重置</Button>
+          </Form.Item>
+          </Form>     
+        <div>
+        <AuthButton name="admin.customer.import" noRight={null}>
+            <Button type="primary" style={{ float: 'right', margin: '20px 0', zIndex: 1 }} onClick={this.exportActivityStats}>
+                导出
+            </Button>
+            </AuthButton>
+          <Table style={{marginTop:'20px'}} dataSource={this.state.tableData} columns={columns} pagination={{ total: this.state.total}} onChange={this.handleTableChange} scroll={{ y: 500 }}></Table>
+        </div>
+    </>
+    )
+    
+  }
+}
+const WrappedTypeForm = Form.create()(SharePersonNum);
+export default WrappedTypeForm

src/pages/statistical/activity/compenents/OverView.jsx

@@ -22,6 +22,58 @@ const formItemLayout = {
 let daterange = []
 let tableTitle = ['类型']
 
+const toSharePersonNum = rowData => () => {
+  console.log(rowData, 'rowData')
+  if(rowData) {
+    router.push({
+    pathname: '/statistical/activity/sharePersonNum',
+    query: {
+      queryDate: rowData.date,
+    },
+  });
+    return
+  }
+}
+
+const toShareNum = rowData => () => {
+  console.log(rowData, 'rowData')
+  if(rowData) {
+    router.push({
+    pathname: '/statistical/activity/shareNum',
+    query: {
+      queryDate: rowData.date,
+    },
+  });
+    return
+  }
+} 
+
+const toAddRegistNum = rowData => () => {
+  console.log(rowData, 'rowData')
+  if(rowData) {
+    router.push({
+    pathname: '/statistical/activity/addRegistNum',
+    query: {
+      queryDate: rowData.date,
+    },
+  });
+    return
+  }
+} 
+
+const toAddVisitNum = rowData => () => {
+  console.log(rowData, 'rowData')
+  if(rowData) {
+    router.push({
+    pathname: '/statistical/activity/visitNum',
+    query: {
+      queryDate: rowData.date,
+    },
+  });
+    return
+  }
+} 
+
 let columns = [
   {
     title: '日期',
@@ -34,7 +86,7 @@ let columns = [
     key: 'sharePersonNum',
     sorter: true,
     render: (text, record) => (
-    <a style={{ color: '#66B3FF' }}><span>{record.sharePersonNum}</span></a>
+    <a style={{ color: '#66B3FF' }} onClick={toSharePersonNum(record)}><span>{record.sharePersonNum}</span></a>
     ),
   },
   {
@@ -43,7 +95,7 @@ let columns = [
     key: 'shareNum',
     sorter: true,
     render: (text, record) => (
-      <a style={{ color: '#66B3FF' }}><span>{record.shareNum}</span></a>
+      <a style={{ color: '#66B3FF' }} onClick={toShareNum(record)}><span>{record.shareNum}</span></a>
       ),
   },
   {
@@ -61,7 +113,7 @@ let columns = [
     key: 'visitNum',
     sorter: true,
     render: (text, record) => (
-      <a style={{ color: '#66B3FF' }}><span>{record.visitNum}</span></a>
+      <a style={{ color: '#66B3FF' }} onClick={toAddVisitNum(record)}><span>{record.visitNum}</span></a>
       ),
   },
   {
@@ -70,7 +122,7 @@ let columns = [
     key: 'addRegistNum',
     sorter: true,
     render: (text, record) => (
-      <a style={{ color: '#66B3FF' }}><span>{record.addRegistNum}</span></a>
+      <a style={{ color: '#66B3FF' }} onClick={toAddRegistNum(record)}><span>{record.addRegistNum}</span></a>
       ),
   },
 ]

src/pages/statistical/activity/shareNum.jsx

@@ -0,0 +1,198 @@
+import React, { Component, useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar, Radio, Modal, Descriptions } from 'antd';
+import moment from 'moment';
+import style from './compenents/style.less';
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+import router from 'umi/router';
+import AuthButton from '@/components/AuthButton';
+import BuildingSelect from '@/components/SelectButton/BuildSelect';
+
+
+const { RangePicker } = DatePicker;
+const { Option } = Select
+
+const formItemLayout = {
+    labelCol: { span: 10},
+    wrapperCol: { span: 14 },
+  };
+  
+let daterange = []
+let tableTitle = ['类型']
+
+let columns = [
+  {
+    title: '分享者姓名',
+    dataIndex: 'sharePersonName',
+    key: 'sharePersonName',
+  },
+  {
+    title: '分享者类型',
+    dataIndex: 'shareType',
+    key: 'shareType',
+    render: (text, records) => {
+      if (records.sharePersonType === 'drift') { return '游客' }
+      if (records.sharePersonType === 'customer') { return '客户' }
+      if (records.sharePersonType === 'Realty Consultant') { return '置业顾问' }
+    },
+  },
+  {
+    title: '分享时间',
+    dataIndex: 'shareTime',
+    key: 'shareTime',
+    render: (x, row) => <><span>{`${moment(row.shareTime).format('YYYY-MM-DD HH:mm:ss')}`}</span></>,
+  },
+  {
+    title: '分享者电话',
+    dataIndex: 'sharePersonPhone',
+    key: 'sharePersonPhone',
+  },
+  {
+    title: '访问人数',
+    dataIndex: 'visitPersonNum',
+    key: 'visitPersonNum',
+    sorter: true,
+  },
+]
+
+class SharePersonNum extends React.Component {
+
+  constructor(props) {
+    super(props)
+    const startDate = moment(props.location.query.queryDate).hours(0).minutes(0).seconds(0).milliseconds(0).toDate();
+    const endDate = moment(props.location.query.queryDate).hours(23).minutes(59).seconds(59).milliseconds(999).toDate();
+    console.log(startDate)
+    this.state = {
+      formData: {
+        sharePhone: '',
+        sharePersonType: '',
+        pageNum:'',
+        pageSize:'',
+        shareName:'',
+        sort:null,
+        colKey:null,
+        startDate: startDate,
+        endDate: endDate
+      },
+      personData: [],  
+      dataSoures: [],
+      tableData: [],
+      userType: 'all',
+      buildingId: [],
+      targetType: []
+    }
+  }
+
+  componentDidMount() {
+    this.getTableList()
+  }
+
+  getTableList () {
+    const { formData } = this.state
+    console.log(formData)
+    request({ ...apis.activityDataStatis.activityShareNum, params: formData }).then(data => {
+      console.log(data)
+      this.setState({ tableData: data.records, total: data.total})
+    }).catch()
+  }
+
+  handleSubmit = (e, props) => {
+    let startDate = null
+    let endDate = null
+    const sharePersonType = this.props.form.getFieldValue("sharePersonType");
+    const sharePersonPhone = this.props.form.getFieldValue("sharePersonPhone");
+    const sharePersonName = this.props.form.getFieldValue("sharePersonName");
+    const { formData } = this.state
+    this.setState({
+      formData: {
+        ...formData,
+        sharePersonType: sharePersonType,
+        sharePersonPhone: sharePersonPhone,
+        sharePersonName: sharePersonName
+      }
+    }, this.getTableList)
+  }
+
+  //重置搜索
+  handleReset = e => {
+    this.props.form.resetFields()
+  }
+
+  exportActivityStats = () => {
+    const { formData } = this.state
+    request({ ...apis.activityDataStatis.activityShareNumExport, params: formData }).then(data => {
+      if (!data) {
+        return
+      }
+      const url = window.URL.createObjectURL(new Blob([data]))
+        const link = document.createElement('a')
+        link.style.display = 'none'
+        link.href = url
+        link.setAttribute('download', '分享统计.xlsx')
+        document.body.append(link)
+        link.click()
+    }).catch()
+  }
+
+  //排序
+  handleTableChange = (pagination, filters, sorter) => {
+    console.log(pagination, filters, sorter)
+    const { formData } = this.state
+    this.setState({
+      formData: {
+        ...formData,
+        sharePersonType: formData.sharePersonType,
+        sharePhone: formData.sharePhone,
+        shareName: formData.shareName,
+        pageNum: pagination.current,
+        pageSize: pagination.pageSize,
+        sort: sorter.order,
+        colKey: sorter.columnKey
+      }
+    }, this.getTableList)
+  };
+
+  render() {
+    const { radioVal } = this.state
+    const { getFieldDecorator } = this.props.form;
+
+    return (
+    <>
+        <Form layout="inline" onSubmit={e => this.handleSubmit(e, this.props)}>
+          <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
+            {getFieldDecorator('sharePersonType')(
+                <Select placeholder="分享者类型" style={{ width: 150, marginLeft:'20px'  }}>
+                <Option value="drift">游客</Option>
+                <Option value="customer">普通客户</Option>
+                <Option value="Realty Consultant">置业顾问</Option>
+            </Select>
+            )}
+          </Form.Item>
+          <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
+              {getFieldDecorator('sharePersonPhone')(<Input placeholder="分享者电话"/>)}
+          </Form.Item>
+          <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
+              {getFieldDecorator('sharePersonName')(<Input placeholder="分享者姓名"/>)}
+          </Form.Item>
+          <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
+            <Button type="primary" htmlType="submit" style={{ marginLeft: '30px' }}>
+                查询
+            </Button>
+            <Button onClick={e => this.handleReset()} style={{ marginLeft: '30px' }}>重置</Button>
+          </Form.Item>
+          </Form>     
+        <div>
+        <AuthButton name="admin.customer.import" noRight={null}>
+            <Button type="primary" style={{ float: 'right', margin: '20px 0', zIndex: 1 }} onClick={this.exportActivityStats}>
+                导出
+            </Button>
+            </AuthButton>
+          <Table style={{marginTop:'20px'}} dataSource={this.state.tableData} columns={columns} pagination={{ total: this.state.total}} onChange={this.handleTableChange} scroll={{ y: 500 }}></Table>
+        </div>
+    </>
+    )
+    
+  }
+}
+const WrappedTypeForm = Form.create()(SharePersonNum);
+export default WrappedTypeForm

src/pages/statistical/activity/sharePersonNum.jsx

@@ -1,7 +1,7 @@
 import React, { Component, useState, useEffect } from 'react';
 import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar, Radio, Modal, Descriptions } from 'antd';
 import moment from 'moment';
-import style from './componets/style.less';
+import style from './compenents/style.less';
 import request from '../../../utils/request';
 import apis from '../../../services/apis';
 import router from 'umi/router';
@@ -22,27 +22,24 @@ let tableTitle = ['类型']
 
 let columns = [
   {
-    title: '活动类型',
-    dataIndex: 'activityType',
-    key: 'activityType',
-    render: (text, records) => {
-      if (records.activityType === 'h5') { return 'H5活动' }
-      if (records.activityType === 'live') { return '直播活动' }
-      if (records.activityType === 'group') { return '拼团活动' }
-      if (records.activityType === 'help') { return '助力活动' }
-      if (records.activityType === 'activity') { return '报名活动' }
-    },
+    title: '分享者姓名',
+    dataIndex: 'sharePersonName',
+    key: 'sharePersonName',
   },
   {
-    title: '活动名称',
-    dataIndex: 'activityName',
-    key: 'activityName',
+    title: '分享者类型',
+    dataIndex: 'sharePersonType',
+    key: 'sharePersonType',
+    render: (text, records) => {
+      if (records.sharePersonType === 'drift') { return '游客' }
+      if (records.sharePersonType === 'customer') { return '客户' }
+      if (records.sharePersonType === 'Realty Consultant') { return '置业顾问' }
+    },
   },
   {
-    title: '分享人数',
-    dataIndex: 'sharePersonNum',
-    key: 'sharePersonNum',
-    sorter: true,
+    title: '分享者电话',
+    dataIndex: 'sharePersonPhone',
+    key: 'sharePersonPhone',
   },
   {
     title: '分享次数',
@@ -62,46 +59,26 @@ let columns = [
     key: 'visitNum',
     sorter: true,
   },
-  {
-    title: '新增注册用户',
-    dataIndex: 'addRegistNum',
-    key: 'addRegistNum',
-    sorter: true,
-  },
-  {
-    title: '详情',
-    align: 'center',
-    render: (text, record) => (
-        <a style={{ color: '#66B3FF' }}>查看</a>
-    ),
-  },
 ]
 
-
-function getDayBegin(dt) {
-  return moment(dt, 'day').hours(0).minutes(0).seconds(0).milliseconds(0).toDate();
-}
-
-
-function getDayEnd(dt) {
-  return moment(dt, 'day').hours(23).minutes(59).seconds(59).milliseconds(999).toDate();
-}
-
-
-class OverView extends React.Component {
+class SharePersonNum extends React.Component {
 
   constructor(props) {
     super(props)
-
+    const startDate = moment(props.location.query.queryDate).hours(0).minutes(0).seconds(0).milliseconds(0).toDate();
+    const endDate = moment(props.location.query.queryDate).hours(23).minutes(59).seconds(59).milliseconds(999).toDate();
+    console.log(startDate)
     this.state = {
       formData: {
-        buildingId: '',
-        targetType: '',
+        sharePhone: '',
+        sharePersonType: '',
         pageNum:'',
         pageSize:'',
-        activityName:'',
+        shareName:'',
         sort:null,
-        colKey:null
+        colKey:null,
+        startDate: startDate,
+        endDate: endDate
       },
       personData: [],  
       dataSoures: [],
@@ -118,39 +95,26 @@ class OverView extends React.Component {
 
   getTableList () {
     const { formData } = this.state
-    request({ ...apis.activityDataStatis.activityDetailTableData, params: formData }).then(data => {
+    console.log(formData)
+    request({ ...apis.activityDataStatis.activitySharePersonNum, params: formData }).then(data => {
       console.log(data)
       this.setState({ tableData: data.records, total: data.total})
     }).catch()
   }
 
-
-  onChangetime = (_dates, dateStrings) => {
-    daterange[1] = dateStrings[1]
-    daterange[0] = dateStrings[0]
-  }
-
   handleSubmit = (e, props) => {
     let startDate = null
     let endDate = null
-    const buildingId = this.props.form.getFieldValue("buildingId");
-    const targetType = this.props.form.getFieldValue("targetType");
-    const activityName = this.props.form.getFieldValue("activityName");
-    if (this.props.form.getFieldValue("startDate") != undefined){
-      startDate = this.props.form.getFieldValue("startDate").toDate()
-    }
-    if (this.props.form.getFieldValue("endDate") != undefined){
-      endDate = this.props.form.getFieldValue("endDate").toDate()
-    }
+    const sharePersonType = this.props.form.getFieldValue("sharePersonType");
+    const sharePersonPhone = this.props.form.getFieldValue("sharePersonPhone");
+    const sharePersonName = this.props.form.getFieldValue("sharePersonName");
     const { formData } = this.state
     this.setState({
       formData: {
         ...formData,
-        startDate: startDate,
-        endDate: endDate,
-        buildingId: buildingId,
-        targetType: targetType,
-        activityName: activityName
+        sharePersonType: sharePersonType,
+        sharePersonPhone: sharePersonPhone,
+        sharePersonName: sharePersonName
       }
     }, this.getTableList)
   }
@@ -162,7 +126,7 @@ class OverView extends React.Component {
 
   exportActivityStats = () => {
     const { formData } = this.state
-    request({ ...apis.activityDataStatis.activityDetailTableDataExport, params: formData }).then(data => {
+    request({ ...apis.activityDataStatis.activitySharePersonNumExport, params: formData }).then(data => {
       if (!data) {
         return
       }
@@ -170,7 +134,7 @@ class OverView extends React.Component {
         const link = document.createElement('a')
         link.style.display = 'none'
         link.href = url
-        link.setAttribute('download', '活动统计.xlsx')
+        link.setAttribute('download', '分享统计.xlsx')
         document.body.append(link)
         link.click()
     }).catch()
@@ -183,10 +147,9 @@ class OverView extends React.Component {
     this.setState({
       formData: {
         ...formData,
-        startDate: formData.startDate,
-        endDate: formData.endDate,
-        buildingId: formData.buildingId,
-        targetType: formData.targetType,
+        sharePersonType: formData.sharePersonType,
+        sharePhone: formData.sharePhone,
+        shareName: formData.shareName,
         pageNum: pagination.current,
         pageSize: pagination.pageSize,
         sort: sorter.order,
@@ -198,50 +161,24 @@ class OverView extends React.Component {
   render() {
     const { radioVal } = this.state
     const { getFieldDecorator } = this.props.form;
-    console.log(this.state.formData,'this.state.formData')
-    const startDate = this.state.formData.startDate
-    const endDate = this.state.formData.endDate
 
     return (
     <>
-      <div style={{
-        backgroundColor: '#fff',
-        padding: '32PX 28px',
-        boxShadow: '0px 0px 16px 2px rgba(0,0,0,0.12)',
-        borderRadius: '12px',
-        minHeight: '60vh'
-      }}>
         <Form layout="inline" onSubmit={e => this.handleSubmit(e, this.props)}>
-            <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
-            {getFieldDecorator('startDate', {initialValue: moment(startDate)
-              
-            })(
-                <DatePicker placeholder="开始日期"/>,
-            )}
-            </Form.Item>
-            <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
-            {getFieldDecorator('endDate', {initialValue: moment(endDate)
-              
-            })(
-                <DatePicker placeholder="结束日期"/>,
-            )}
-            </Form.Item>
           <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
-              {getFieldDecorator('buildingId')(<BuildingSelect />)}
-          </Form.Item>
-          <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
-            {getFieldDecorator('targetType')(
-                <Select placeholder="活动类型" style={{ width: 150, marginLeft:'20px'  }}>
-                <Option value="activity">报名活动</Option>
-                <Option value="help">助力活动</Option>
-                <Option value="group">拼团活动</Option>
-                <Option value="h5">H5活动</Option>
-                <Option value="live">直播</Option>
+            {getFieldDecorator('sharePersonType')(
+                <Select placeholder="分享者类型" style={{ width: 150, marginLeft:'20px'  }}>
+                <Option value="drift">游客</Option>
+                <Option value="customer">普通客户</Option>
+                <Option value="Realty Consultant">置业顾问</Option>
             </Select>
             )}
           </Form.Item>
           <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
-              {getFieldDecorator('activityName')(<Input placeholder="请输入活动名称"/>)}
+              {getFieldDecorator('sharePersonPhone')(<Input placeholder="分享者电话"/>)}
+          </Form.Item>
+          <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
+              {getFieldDecorator('sharePersonName')(<Input placeholder="分享者姓名"/>)}
           </Form.Item>
           <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
             <Button type="primary" htmlType="submit" style={{ marginLeft: '30px' }}>
@@ -251,18 +188,17 @@ class OverView extends React.Component {
           </Form.Item>
           </Form>     
         <div>
-            <AuthButton name="admin.customer.import" noRight={null}>
+        <AuthButton name="admin.customer.import" noRight={null}>
             <Button type="primary" style={{ float: 'right', margin: '20px 0', zIndex: 1 }} onClick={this.exportActivityStats}>
                 导出
             </Button>
             </AuthButton>
           <Table style={{marginTop:'20px'}} dataSource={this.state.tableData} columns={columns} pagination={{ total: this.state.total}} onChange={this.handleTableChange} scroll={{ y: 500 }}></Table>
         </div>
-      </div>
     </>
     )
     
   }
 }
-const WrappedTypeForm = Form.create()(OverView);
+const WrappedTypeForm = Form.create()(SharePersonNum);
 export default WrappedTypeForm

src/pages/statistical/activity/visitNum.jsx

@@ -0,0 +1,218 @@
+import React, { Component, useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar, Radio, Modal, Descriptions } from 'antd';
+import moment from 'moment';
+import style from './compenents/style.less';
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+import router from 'umi/router';
+import AuthButton from '@/components/AuthButton';
+import BuildingSelect from '@/components/SelectButton/BuildSelect';
+import WxDictSelect from '@/components/SelectButton/WxDictSelect';
+
+
+const { RangePicker } = DatePicker;
+const { Option } = Select
+
+const formItemLayout = {
+    labelCol: { span: 10},
+    wrapperCol: { span: 14 },
+  };
+  
+let daterange = []
+let tableTitle = ['类型']
+
+let columns = [
+  {
+    title: '姓名',
+    dataIndex: 'nickName',
+    key: 'nickName',
+  },
+  {
+    title: '电话',
+    dataIndex: 'phone',
+    key: 'phone',
+  },
+  {
+    title: '性别',
+    dataIndex: 'gender',
+    key: 'gender',
+  },
+  {
+    title: '归属地',
+    dataIndex: 'province',
+    key: 'province',
+  },
+  {
+    title: '归属地',
+    dataIndex: 'province',
+    key: 'province',
+  },
+  {
+    title: '来源渠道',
+    dataIndex: 'personFrom',
+    key: 'personFrom',
+  },
+  {
+    title: '置业顾问',
+    dataIndex: 'realtyConsultant',
+    key: 'realtyConsultant',
+  },
+  {
+    title: '置业顾问电话',
+    dataIndex: 'realtyConsultantPhone',
+    key: 'realtyConsultantPhone',
+  },
+  {
+    title: '分享者',
+    dataIndex: 'sharePersonName',
+    key: 'sharePersonName',
+  },
+  {
+    title: '分享者电话',
+    dataIndex: 'sharePersonPhone',
+    key: 'sharePersonPhone',
+  },
+  {
+    title: '访问时间',
+    dataIndex: 'visitDate',
+    key: 'visitDate',
+    render: (x, row) => <><span>{`${moment(row.visitDate).format('YYYY-MM-DD HH:mm:ss')}`}</span></>,
+  },
+]
+
+class SharePersonNum extends React.Component {
+
+  constructor(props) {
+    super(props)
+    const startDate = moment(props.location.query.queryDate).hours(0).minutes(0).seconds(0).milliseconds(0).toDate();
+    const endDate = moment(props.location.query.queryDate).hours(23).minutes(59).seconds(59).milliseconds(999).toDate();
+    console.log(startDate)
+    this.state = {
+      formData: {
+        personFrom: '',
+        pageNum:'',
+        pageSize:'',
+        startDate: startDate,
+        endDate: endDate,
+        province:'',
+        realtyConsultant:'',
+        realtyConsultantPhone:''
+      },
+      personData: [],  
+      dataSoures: [],
+      tableData: [],
+      userType: 'all',
+      buildingId: [],
+      targetType: []
+    }
+  }
+
+  componentDidMount() {
+    this.getTableList()
+  }
+
+  getTableList () {
+    const { formData } = this.state
+    console.log(formData)
+    request({ ...apis.activityDataStatis.activityVisitNum, params: formData }).then(data => {
+      console.log(data)
+      this.setState({ tableData: data.records, total: data.total})
+    }).catch()
+  }
+
+  handleSubmit = (e, props) => {
+    let startDate = null
+    let endDate = null
+    const province = this.props.form.getFieldValue("province");
+    const realtyConsultant = this.props.form.getFieldValue("realtyConsultant");
+    const realtyConsultantPhone = this.props.form.getFieldValue("realtyConsultantPhone");
+
+    const { formData } = this.state
+    this.setState({
+      formData: {
+        ...formData,
+        personFrom: personFrom,
+        realtyConsultant: realtyConsultant,
+        realtyConsultant: realtyConsultant
+      }
+    }, this.getTableList)
+  }
+
+  //重置搜索
+  handleReset = e => {
+    this.props.form.resetFields()
+  }
+
+  exportActivityStats = () => {
+    const { formData } = this.state
+    request({ ...apis.activityDataStatis.activityAddRegistNumExport, params: formData }).then(data => {
+      if (!data) {
+        return
+      }
+      const url = window.URL.createObjectURL(new Blob([data]))
+        const link = document.createElement('a')
+        link.style.display = 'none'
+        link.href = url
+        link.setAttribute('download', '分享统计.xlsx')
+        document.body.append(link)
+        link.click()
+    }).catch()
+  }
+
+  //排序
+  handleTableChange = (pagination, filters, sorter) => {
+    console.log(pagination, filters, sorter)
+    const { formData } = this.state
+    this.setState({
+      formData: {
+        ...formData,
+        personFrom: formData.personFrom,
+        pageNum: pagination.current,
+        pageSize: pagination.pageSize
+      }
+    }, this.getTableList)
+  };
+
+  render() {
+    const { radioVal } = this.state
+    const { getFieldDecorator } = this.props.form;
+
+    return (
+    <>
+        <Form layout="inline" onSubmit={e => this.handleSubmit(e, this.props)}>
+        <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
+          {getFieldDecorator('personFrom')(
+            <WxDictSelect />,
+          )}
+        </Form.Item>
+        <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
+            {getFieldDecorator('province')(<Input placeholder="请输入归属地"/>)}
+        </Form.Item>
+        <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
+            {getFieldDecorator('realtyConsultant')(<Input placeholder="置业顾问"/>)}
+        </Form.Item>
+        <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
+            {getFieldDecorator('realtyConsultantPhone')(<Input placeholder="置业顾问电话"/>)}
+        </Form.Item>
+          <Form.Item style={{marginTop:'20px', marginBottom:'20px'}}>
+            <Button type="primary" htmlType="submit" style={{ marginLeft: '30px' }}>
+                查询
+            </Button>
+            <Button onClick={e => this.handleReset()} style={{ marginLeft: '30px' }}>重置</Button>
+          </Form.Item>
+          </Form>     
+        <div>
+        <AuthButton name="admin.customer.import" noRight={null}>
+            <Button type="primary" style={{ float: 'right', margin: '20px 0', zIndex: 1 }} onClick={this.exportActivityStats}>
+                导出
+            </Button>
+            </AuthButton>
+          <Table style={{marginTop:'20px'}} dataSource={this.state.tableData} columns={columns} pagination={{ total: this.state.total}} onChange={this.handleTableChange} scroll={{ y: 500 }}></Table>
+        </div>
+    </>
+    )
+    
+  }
+}
+const WrappedTypeForm = Form.create()(SharePersonNum);
+export default WrappedTypeForm

src/services/apis.js

@@ -1625,6 +1625,46 @@ export default {
       url: `${prefix}/activityStatistical/activityDetailTableDataExport`,
       action: 'admin.contract.list.get',
     },
+    activitySharePersonNum: {
+      method: 'GET',
+      url: `${prefix}/activityStatistical/selectActivitySharePersonNum`,
+      action: 'admin.contract.list.get',
+    },
+    activitySharePersonNumExport: {
+      method: 'GET',
+      url: `${prefix}/activityStatistical/activitySharePersonNumExport`,
+      action: 'admin.contract.list.get',
+    },
+    activityShareNum: {
+      method: 'GET',
+      url: `${prefix}/activityStatistical/selectActivityShareNum`,
+      action: 'admin.contract.list.get',
+    },
+    activityShareNumExport: {
+      method: 'GET',
+      url: `${prefix}/activityStatistical/selectActivityShareNumExport`,
+      action: 'admin.contract.list.get',
+    },
+    activityAddRegist: {
+      method: 'GET',
+      url: `${prefix}/activityStatistical/selectActivityAddRegistNum`,
+      action: 'admin.contract.list.get',
+    },
+    activityAddRegistNumExport: {
+      method: 'GET',
+      url: `${prefix}/activityStatistical/selectActivityAddRegistNumExport`,
+      action: 'admin.contract.list.get',
+    },
+    activityVisitNum: {
+      method: 'GET',
+      url: `${prefix}/activityStatistical/selectActivityVisitNum`,
+      action: 'admin.contract.list.get',
+    },
+    activityVisitNumExport: {
+      method: 'GET',
+      url: `${prefix}/activityStatistical/activityVisitNumExport`,
+      action: 'admin.contract.list.get',
+    },
   },
   stats: {
     barList: {