Merge branch 'dev' of http://git.ycjcjy.com/zhiyuxing/estateagents-admin-manager into dev

# Conflicts:
#	config/routes.js
#	src/services/apis.js

config/routes.js

@@ -560,7 +560,18 @@ export default [
               {
                 path: '/statistical/activity/index',
                 name: '活动统计',
-                component: './statistical/activity/index',
+                component: './statistical/activity/index'
+              },
+              {
+                path: '/statistical/building/detail',
+                name: '项目统计详情',
+                component: './statistical/building/detail',
+                hideInMenu: true,
+              },
+              {
+                path: '/statistical/consultant/index',
+                name: '置业顾问KPI',
+                component: './statistical/consultant/index',
               },
             ],
           },

src/components/SelectButton/BuildSelect.jsx

@@ -55,6 +55,7 @@ const BuildingSelect = props => {
       filterOption={(input, option) =>
         option.props.children && option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
       }>
+          <Option key="" value="">全部项目</Option>
           {data.map(building => (
             <Option key={building.buildingId} value={building.buildingId}>{building.buildingName}</Option>
           ))}

src/pages/statistical/building/component/StatsChart.jsx

@@ -0,0 +1,61 @@
+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 echarts from 'echarts/lib/echarts';
+import EChart from '../../../../components/EchartsTest/EChart';
+import router from 'umi/router';
+
+class StatsChart extends React.Component {
+
+  constructor(props) {
+    super(props)
+    this.state = {}
+  }
+
+  render() {
+    const { data = {}} = this.props
+    const options = {
+      title: {
+        text: this.props.title,
+        subtext: this.props.subtext,
+    },
+    xAxis: {
+        type: 'category',
+        axisLabel: {rotate: 45},
+        data: data.buildingNameList || []
+    },
+    tooltip: {},
+    yAxis: {
+        type: 'value'
+    },
+    series: {
+      type: 'bar',
+      name: this.props.title,
+      barWidth: 50,
+      data: data.numList || [],
+      itemStyle: {
+        normal: {
+          barBorderRadius: [50, 50, 0, 0],
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+            offset: 0,
+            color: '#FD8A95'
+          }, {
+            offset: 1,
+            color: '#F13043'
+          }]),
+          shadowColor: 'rgba(0, 0, 0, 0.4)',
+
+        }
+      }
+    }
+}
+
+    return (
+    <>
+      <EChart options={options} style={{ width: '100%', height: '400px', }} />
+    </>
+    )
+  }
+}
+
+export default StatsChart

src/pages/statistical/building/component/StatsChartLine.jsx

@@ -0,0 +1,84 @@
+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 echarts from 'echarts/lib/echarts';
+import EChart from '../../../../components/EchartsTest/EChart';
+import router from 'umi/router';
+
+class StatsChart extends React.Component {
+
+  constructor(props) {
+    super(props)
+    this.state = {}
+  }
+
+  render() {
+    const { data = {}} = this.props
+    const options = {
+      title: {
+          text: this.props.title,
+      },
+      tooltip: {
+          trigger: 'axis'
+      },
+      legend: {
+          data: ['公客数', '私客数', '新增客户数', '访问人数']
+      },
+      grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+      },
+      toolbox: {
+          feature: {
+              saveAsImage: {}
+          }
+      },
+      xAxis: {
+          type: 'category',
+          boundaryGap: false,
+          axisLabel: {rotate: 45},
+          data: data.timeList || []
+      },
+      yAxis: {
+          type: 'value'
+      },
+      series: [
+          {
+              name: '公客数',
+              type: 'line',
+              stack: '总量',
+              data: data.gkList || []
+          },
+          {
+              name: '私客数',
+              type: 'line',
+              stack: '总量',
+              data: data.skList || []
+          },
+          {
+              name: '新增客户数',
+              type: 'line',
+              stack: '总量',
+              data: data.khList || []
+          },
+          {
+              name: '访问人数',
+              type: 'line',
+              stack: '总量',
+              data: data.uvList || []
+          }
+      ]
+  };
+  
+
+    return (
+    <>
+      <EChart options={options} style={{ width: '100%', height: '400px', }} />
+    </>
+    )
+  }
+}
+
+export default StatsChart

src/pages/statistical/building/detail.jsx

@@ -0,0 +1,180 @@
+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 EChart from '../../../components/EchartsTest/EChart';
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+import StatsChartLine from './component/StatsChartLine';
+import BuildSelect from '../../../components/SelectButton/BuildSelect'
+import router from 'umi/router';
+
+
+const { RangePicker } = DatePicker;
+const { Option } = Select
+
+let daterange = []
+let tableTitle = ['类型']
+
+class buildingDetailStats extends React.Component {
+
+  constructor(props) {
+    super(props)
+    this.state = {
+      barData: {},
+      tableData: [],
+      total: 0,
+      userType: 'all',
+      endDate: {},
+      startDate: {},
+      buildingId: props.location.query.buildingId,
+      buildingName: props.location.query.buildingName,
+    }
+  }
+
+  componentDidMount() {
+    this.getTimeBarDate(moment().subtract(7, 'day').toDate(),new Date())
+    this.getTimeTableData(moment().subtract(7, 'day').toDate(),new Date())
+    this.setState({...this.state, endDate: new Date(), startDate: moment().subtract(7, 'day').toDate() })
+    
+  }
+
+  // 获取图表数据
+  getTimeBarDate = (startDate, endDate) => {
+    request({ ...apis.stats.timeBarList, params: { startDate, endDate, buildingId: this.state.buildingId } }).then((data) => {
+        this.setState({...this.state, barData: data})
+      })
+  }
+
+  //获取表格数据
+  getTimeTableData = (startDate, endDate,pageNum,pageSize,sortField,sortOrder) => {
+    request({ ...apis.stats.timeTableList, params: { startDate, endDate, buildingId: this.state.buildingId,pageNum,pageSize,sortField,sortOrder } }).then((data) => {
+        this.setState({...this.state, tableData: data.records, total: data.total})
+      })
+  }
+
+  formatDate = (start, end) => {
+    const tempStartDate = `${moment(start).format('YYYY-MM-DDT00:00:00.000')}Z`
+    const tempEndDate = `${moment(end).format('YYYY-MM-DDT23:59:59.999')}Z`
+    return { startDate: tempStartDate, endDate: tempEndDate }
+  }
+
+  //时间选择器改变的时候
+  onChangetime = (_dates, dateStrings) => {
+    daterange[0] = `${moment(dateStrings[0]).format('YYYY-MM-DDT00:00:00.000')}Z`
+    daterange[1] = `${moment(dateStrings[1]).format('YYYY-MM-DDT23:59:59.999')}Z`
+  }
+
+  //切换三个标签页
+  getDataOf = (days) => {
+    this.getTimeBarDate(moment().subtract(days, 'day').toDate(),new Date())
+    this.getTimeTableData(moment().subtract(days, 'day').toDate(),new Date())
+    this.setState({ ...this.state, endDate: new Date(), startDate: moment().subtract(days, 'day').toDate() })
+  }
+
+  //点击查询
+  datalist = () => {
+    this.getTimeBarDate(daterange[0] === undefined ? moment().subtract(7, 'day').toDate() : daterange[0],daterange[1] === undefined ? new Date() : daterange[1])
+    this.getTimeTableData(daterange[0] === undefined ? moment().subtract(7, 'day').toDate() : daterange[0],daterange[1] === undefined ? new Date() : daterange[1])
+    this.setState({ 
+      ...this.state,
+      endDate: daterange[1] === undefined ? new Date() : daterange[1],
+      startDate: daterange[0] === undefined ? moment().subtract(7, 'day').toDate() : daterange[0],
+    })
+    
+  }
+
+  //排序
+  handleTableChange = (pagination, filters, sorter) => {
+    console.log(pagination, filters, sorter)
+    this.getTimeTableData(this.state.startDate,this.state.endDate,pagination.current,10,sorter.columnKey,sorter.order)
+  };
+
+  //导出
+  exportBuildingStats = () => {
+    request({ ...apis.stats.buildingTimeExport, params: { startDate: this.state.startDate, endDate: this.state.endDate, buildingId: this.state.buildingId } })
+      .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(() => {
+
+      })
+  }
+
+  render() {
+    const columns = [
+        {
+          title: '日期',
+          dataIndex: 'createDate',
+          key: 'createDate',
+        },
+        {
+          title: '新增客户',
+          dataIndex: 'khNum',
+          key: 'kh_num',
+          sorter: true,
+        },
+        {
+          title: '公客',
+          dataIndex: 'gkNum',
+          key: 'gk_num',
+          sorter: true,
+        },
+        {
+          title: '私客',
+          dataIndex: 'skNum',
+          key: 'sk_num',
+          sorter: true,
+        },
+        {
+            title: '访问人数',
+            dataIndex: 'uvNum',
+            key: 'uv_num',
+            sorter: true,
+        },
+      ];
+
+    return (
+    <div>
+      <Radio.Group buttonStyle="solid" defaultValue="a">
+          <Radio.Button value="c" onClick={() => this.getDataOf(0)}>今日</Radio.Button>
+          <Radio.Button value="a" onClick={() => this.getDataOf(7)}>最近7天</Radio.Button>
+          <Radio.Button value="b" onClick={() => this.getDataOf(30)}>最近1月</Radio.Button>
+        </Radio.Group>
+        <RangePicker
+          style={{ paddingLeft: '30px' }}
+          ranges={{
+            Today: [moment(), moment()],
+            'This Month': [moment().startOf('month'), moment().endOf('month')],
+          }}
+          onChange={(_dates, dateStrings) => this.onChangetime(_dates, dateStrings)}
+        />
+        <Button type="primary" htmlType="submit" style={{ marginLeft: '30px' }} onClick={() => this.datalist()}>
+          查询
+        </Button>
+        <Button type="danger" onClick={() => router.go(-1)} style={{ marginBottom: '18px', marginLeft: '30px' }}>重置</Button>
+
+        <StatsChartLine title={this.state.buildingName} data={this.state.barData} />
+        <Row>
+            <Col span={22}>
+              <span>详细数据</span>
+            </Col>
+            <Col span={2}>
+              <Button type="primary" onClick={this.exportBuildingStats}>导出</Button>
+            </Col>
+        </Row>
+        
+        <Table style={{marginTop:'20px'}} dataSource={this.state.tableData} columns={columns} pagination={{ total: this.state.total}} onChange={this.handleTableChange} scroll={{ y: 500 }}></Table>
+    </div>
+    )
+  }
+}
+
+export default buildingDetailStats

src/pages/statistical/building/index.jsx

@@ -4,73 +4,51 @@ import moment from 'moment';
 import EChart from '../../../components/EchartsTest/EChart';
 import request from '../../../utils/request';
 import apis from '../../../services/apis';
+import StatsChart from './component/StatsChart';
+import BuildSelect from '../../../components/SelectButton/BuildSelect'
 import router from 'umi/router';
 
 
 const { RangePicker } = DatePicker;
 const { Option } = Select
 
-
-// const formatDate = (start, end) => {
-//   const startDate = moment(start).format('YYYY-MM-DDT00:00:00.000') + 'Z'
-//   const endDate = moment(end).format('YYYY-MM-DDT23:59:59.999') + 'Z'
-//   return { startDate, endDate }
-// }
-
 let daterange = []
 let tableTitle = ['类型']
 
-let columns = [
-  {
-    title: '日期',
-    dataIndex: 'createTime',
-    key: 'createTime',
-  },
-  // {
-  //   title: '名片分享',
-  //   dataIndex: '名片分享',
-  //   key: '名片分享',
-  // },
-  // {
-  //   title: '生成海报',
-  //   dataIndex: '生成海报',
-  //   key: '生成海报',
-  // },
-  // {
-  //   title: '小程序搜索',
-  //   dataIndex: '小程序搜索',
-  //   key: '小程序搜索',
-  // },
-  // {
-  //   title: '好友分享',
-  //   dataIndex: '好友分享',
-  //   key: '好友分享',
-  // },
-]
-
-// let columns = [
-//   {
-//     title: '类型',
-//     dataIndex: 'value',
-//     key: 'value',
-//   }
-// ]
-
 class buildingStats extends React.Component {
 
   constructor(props) {
     super(props)
     this.state = {
-      dataSoures: [],
+      barData: {},
       tableData: [],
+      total: 0,
       userType: 'all',
       endDate: {},
-      startDate: {}
+      startDate: {},
+      buildingId: ''
     }
   }
 
   componentDidMount() {
-    this.setState({ endDate: new Date(), startDate: moment().subtract(7, 'day').toDate() })
+    this.getBarData(moment().subtract(7, 'day').toDate(),new Date())
+    this.getTableData(moment().subtract(7, 'day').toDate(),new Date(),this.state.buildingId)
+    this.setState({...this.state, endDate: new Date(), startDate: moment().subtract(7, 'day').toDate() })
+    
+  }
+
+  // 获取图表数据
+  getBarData = (startDate, endDate) => {
+    request({ ...apis.stats.barList, params: { startDate, endDate } }).then((data) => {
+        this.setState({...this.state, barData: data})
+      })
+  }
+
+  //获取表格数据
+  getTableData = (startDate, endDate, buildingId,pageNum,pageSize,sortField,sortOrder) => {
+    request({ ...apis.stats.tableList, params: { startDate, endDate, buildingId,pageNum,pageSize,sortField,sortOrder } }).then((data) => {
+        this.setState({...this.state, tableData: data.records, total: data.total})
+      })
   }
 
   formatDate = (start, end) => {
@@ -79,84 +57,122 @@ class buildingStats extends React.Component {
     return { startDate: tempStartDate, endDate: tempEndDate }
   }
 
+  //时间选择器改变的时候
   onChangetime = (_dates, dateStrings) => {
-    daterange[1] = dateStrings[1]
-    daterange[0] = dateStrings[0]
-  }
-
-  handleSubmit = (e, props) => {
-
-    e.preventDefault();
-
+    daterange[0] = `${moment(dateStrings[0]).format('YYYY-MM-DDT00:00:00.000')}Z`
+    daterange[1] = `${moment(dateStrings[1]).format('YYYY-MM-DDT23:59:59.999')}Z`
   }
 
+  //切换三个标签页
   getDataOf = (days) => {
-    this.setState({ endDate: new Date(), startDate: moment().subtract(days, 'day').toDate() })
+    this.getBarData(moment().subtract(days, 'day').toDate(),new Date())
+    this.getTableData(moment().subtract(days, 'day').toDate(),new Date(),this.state.buildingId)
+    this.setState({ ...this.state, endDate: new Date(), startDate: moment().subtract(days, 'day').toDate() })
   }
 
+  //点击查询
   datalist = () => {
-    console.log()
+    this.getBarData(daterange[0] === undefined ? moment().subtract(7, 'day').toDate() : daterange[0],daterange[1] === undefined ? new Date() : daterange[1])
+    this.getTableData(daterange[0] === undefined ? moment().subtract(7, 'day').toDate() : daterange[0],daterange[1] === undefined ? new Date() : daterange[1],this.state.buildingId)
     this.setState({ 
-      endDate: daterange[1] === '' ? new Date() : daterange[1],
-      startDate: daterange[0] === '' ? moment().subtract(7, 'day').toDate() : daterange[0],
+      ...this.state,
+      endDate: daterange[1] === undefined ? new Date() : daterange[1],
+      startDate: daterange[0] === undefined ? moment().subtract(7, 'day').toDate() : daterange[0],
     })
+    
   }
-
-  onSuccess = e => {
-    this.setState({ dataSoures: e }, () => {
-      this.onTabledatas(e)
-    })
+  
+  //切换楼盘信息
+  handleBuildingChange = (e) => {
+    this.getTableData(this.state.startDate,this.state.endDate,e)
+    this.setState({...this.state, buildingId: e})
   }
 
-  onTabledatas = (e) => {
-    console.log('this.state.userType: ', this.state.userType)
-    e.tdWxDicts.map(x => {
-        columns = columns.filter(y => y.key != x.sceneType).concat({
-          title: x.sceneAlias,
-          dataIndex: x.sceneType,
-          key: x.sceneType,
-        })
-    })
-    const data = (e.list || []).reduce((acc, item) => {
-      const { sceneType, fromNum, registeredNum, createTime } = item
-      const num = this.state.userType === 'registered' ? registeredNum : fromNum
-      acc[createTime] = { ...acc[createTime], ...item, [`${sceneType}`]: !num ? 0 : num }
-      return acc
-    }, {})
-
-    const dictData =  e.tdWxDicts.reduce((acc,item,index) => {
-      const { sceneType } = item
-      acc[sceneType] = 0
-      return acc
-    },{})
-
-    const tableData = Object.keys(data).map(k => data[k]).reduce((acc,item,index) => {
-      acc[index] = { ...dictData, ...item }
-      return acc
-    },[])
-
-    this.setState({ tableData })
-
+  //排序
+  handleTableChange = (pagination, filters, sorter) => {
+    console.log(pagination, filters, sorter)
+    this.getTableData(this.state.startDate,this.state.endDate,this.state.buildingId,pagination.current,10,sorter.columnKey,sorter.order)
+  };
+
+  //导出
+  exportBuildingStats = () => {
+    request({ ...apis.stats.buildingExport, params: { startDate: this.state.startDate, endDate: this.state.endDate, buildingId: this.state.buildingId } })
+      .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(() => {
+
+      })
   }
 
-  handleSelectChange = (e) => {
-    this.setState({ userType: e }, () => {
-      this.onTabledatas(this.state.dataSoures)
-    })
+  //去详情页面
+  toDetailPage = (record) => {
+    router.push({
+      pathname: '/statistical/building/detail',
+      query: {
+        buildingId: record.buildingId,
+        buildingName: record.buildingName
+      },
+    });
   }
 
-
   render() {
+    const columns = [
+        {
+          title: '项目名称',
+          dataIndex: 'buildingName',
+          key: 'buildingName',
+        },
+        {
+          title: '新增客户',
+          dataIndex: 'khNum',
+          key: 'kh_num',
+          sorter: true,
+        },
+        {
+          title: '公客',
+          dataIndex: 'gkNum',
+          key: 'gk_num',
+          sorter: true,
+        },
+        {
+          title: '私客',
+          dataIndex: 'skNum',
+          key: 'sk_num',
+          sorter: true,
+        },
+        {
+            title: '访问人数',
+            dataIndex: 'uvNum',
+            key: 'uv_num',
+            sorter: true,
+        },
+        {
+            title: '访问次数',
+            dataIndex: 'pvNum',
+            key: 'pv_num',
+            sorter: true,
+        },
+        {
+            title: '详情',
+            render: (_, record) => (
+                    <Button type="link" style={{ color: 'red' }} onClick={() => this.toDetailPage(record)}>查看详情</Button>
+                ),
+        },
+      ];
+
     return (
-    <>
-      <div style={{
-        backgroundColor: '#fff',
-        padding: '32PX 28px',
-        boxShadow: '0px 0px 16px 2px rgba(0,0,0,0.12)',
-        borderRadius: '12px',
-        minHeight: '60vh'
-      }}>
-        <Radio.Group buttonStyle="solid" defaultValue="a">
+    <div>
+      <Radio.Group buttonStyle="solid" defaultValue="a">
+          <Radio.Button value="c" onClick={() => this.getDataOf(0)}>今日</Radio.Button>
           <Radio.Button value="a" onClick={() => this.getDataOf(7)}>最近7天</Radio.Button>
           <Radio.Button value="b" onClick={() => this.getDataOf(30)}>最近1月</Radio.Button>
         </Radio.Group>
@@ -166,24 +182,42 @@ class buildingStats extends React.Component {
             Today: [moment(), moment()],
             'This Month': [moment().startOf('month'), moment().endOf('month')],
           }}
-          // showTime
-          // format="YYYY/MM/DD HH:mm:ss"
           onChange={(_dates, dateStrings) => this.onChangetime(_dates, dateStrings)}
         />
         <Button type="primary" htmlType="submit" style={{ marginLeft: '30px' }} onClick={() => this.datalist()}>
           查询
         </Button>
-        <Button type="danger" onClick={() => router.go(-1)} style={{ marginBottom: '18px', marginLeft: '30px' }}>返回</Button>
-        <div>
-          <Select style={{ width: '180px' }} placeholder="所有用户" onChange={(e) => this.handleSelectChange(e)}>
-            <Option value='all'>所有用户</Option>
-            <Option value='registered'>注册用户</Option>
-          </Select>
-  
-          <Table style={{marginTop:'20px'}} dataSource={this.state.tableData} columns={columns} pagination={false} scroll={{ y: 500 }}></Table>
-        </div>
-      </div>
-    </>
+        <Button type="danger" onClick={() => router.go(-1)} style={{ marginBottom: '18px', marginLeft: '30px' }}>重置</Button>
+
+        <Row>
+            <Col span={12}>
+                <StatsChart title="项目公客排行" data={this.state.barData.gkBarMap} />
+            </Col>
+            <Col span={12}>
+                <StatsChart title="项目私客排行" data={this.state.barData.skBarMap} />
+            </Col>
+        </Row>
+        <Row>
+            <Col span={12}>
+                <StatsChart title="项目访问人数排行" subtext="项目详情访问情况" data={this.state.barData.wgBarMap} />
+            </Col>
+            <Col span={12}>
+                <StatsChart title="项目访问次数排行" subtext="项目详情访问情况,与上方时间筛选无关" data={this.state.barData.fwBarMap} />
+            </Col>
+        </Row>
+        <Row>
+            <Col span={22}>
+              <span style={{marginRight: '10px'}} >详细数据</span>
+              <BuildSelect slot='action' onChange={(e => this.handleBuildingChange(e))} value={this.state.buildingId}></BuildSelect>
+            </Col>
+            <Col span={2}>
+              <Button type="primary" onClick={this.exportBuildingStats}>导出</Button>
+            </Col>
+        </Row>
+        
+        
+        <Table style={{marginTop:'20px'}} dataSource={this.state.tableData} columns={columns} pagination={{ total: this.state.total}} onChange={this.handleTableChange} scroll={{ y: 500 }}></Table>
+    </div>
     )
   }
 }

src/pages/statistical/consultant/index.jsx

@@ -0,0 +1,226 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Button, DatePicker, Table, Pagination, Radio, Typography } from 'antd';
+import router from 'umi/router';
+import moment from 'moment';
+import BuildSelect from '../../../components/SelectButton/BuildSelect'
+import apis from '../../../services/apis';
+import request from '../../../utils/request'
+
+/**
+  @param {*} props
+  @returns
+ */
+const { RangePicker } = DatePicker;
+const { Text } = Typography;
+
+function record(props) {
+    const { getFieldDecorator } = props.form
+
+    // 获取初始化数据
+    const [data, setData] = useState({})
+
+    useEffect(() => {
+        getList({ pageNum: 1, pageSize: 10 });
+    }, [])
+
+    // 查询列表
+    const getList = (params) => {
+        request({ ...apis.activity.saleCountList, params: { ...params }, }).then((data) => {
+            setData(data)
+            console.log("data:", data)
+        })
+    }
+
+    //重置搜索
+    function handleReset() {
+        props.form.resetFields();
+    }
+
+    // 分享详情
+    function shareCount(personId) {
+        router.push({
+            pathname: '/record/share/shareCountList',
+            query: {
+                id: personId,
+            },
+        });
+    }
+
+    // 点击人数详情
+    function clickCount(personId) {
+        router.push({
+            pathname: '/record/share/clickCountList',
+            query: {
+                id: personId,
+            },
+        });
+    }
+
+    // 提交事件
+    const handleSubmit = (e, props) => {
+        e.preventDefault();
+        props.form.validateFields((err, values) => {
+            if (!err) {
+                let { shareTime, receiveTime, ...submitValue } = values
+                if (null != shareTime && shareTime.length > 0) {
+                    const [startCreateDate, endCreateDate] = shareTime
+                    submitValue.startCreateDate = moment(startCreateDate).format('YYYY-MM-DD');
+                    submitValue.endCreateDate = moment(endCreateDate).format('YYYY-MM-DD');
+                } else {
+                    submitValue.startCreateDate = null
+                    submitValue.endCreateDate = null
+                }
+                console.log(submitValue)
+                getList({ pageNum: 1, pageSize: 10, ...submitValue })
+            }
+        });
+    }
+
+    const changePageNum = (pageNumber) => {
+        props.form.validateFields((err, values) => {
+            if (!err) {
+                let { shareTime, receiveTime, ...submitValue } = values
+                if (null != shareTime && shareTime.length > 0) {
+                    const [startCreateDate, endCreateDate] = shareTime
+                    submitValue.startCreateDate = moment(startCreateDate).format('YYYY-MM-DD');
+                    submitValue.endCreateDate = moment(endCreateDate).format('YYYY-MM-DD');
+                } else {
+                    submitValue.startCreateDate = null
+                    submitValue.endCreateDate = null
+                }
+                getList({ pageNum: pageNumber, pageSize: 10, ...submitValue })
+            }
+        });
+    }
+    function getDataOf(days) {
+        // this.setState({ endDate: new Date(), startDate: moment().subtract(days, 'day').toDate() })
+    }
+    const columns = [
+
+        {
+            title: '项目',
+            dataIndex: 'buildingName',
+            key: 'buildingName',
+            align: 'center',
+        },
+        {
+            title: '置业顾问名称1',
+            dataIndex: 'consultantName',
+            key: 'consultantName',
+            align: 'center',
+        },
+        {
+            title: '置业顾问电话',
+            dataIndex: 'consultantPhone',
+            key: 'consultantPhone',
+            align: 'center',
+        },
+        {
+            title: '客户总计',
+            dataIndex: 'customerAggregate',
+            key: 'customerAggregate',
+            align: 'center',
+            sorter: (a, b) => a.customerAggregate - b.customerAggregate,
+            render: (_, record) => <><span style={{ color: 'blue', cursor: 'pointer' }} onClick={() => shareCount(record.personId)} >{record.customerAggregate}</span></>,
+        },
+        {
+            title: '新增客户',
+            dataIndex: 'newCustomers',
+            key: 'newCustomers',
+            align: 'center',
+            sorter: (a, b) => a.newCustomers - b.newCustomers,
+            render: (_, record) => <><span style={{ color: 'blue', cursor: 'pointer' }} onClick={() => shareCount(record.personId)} >{record.newCustomers}</span></>,
+        },
+        {
+            title: '分享次数',
+            dataIndex: 'shareCount',
+            key: 'shareCount',
+            align: 'center',
+            sorter: (a, b) => a.shareCount - b.shareCount,
+            render: (_, record) => <><span style={{ color: 'blue', cursor: 'pointer' }} onClick={() => shareCount(record.personId)} >{record.shareCount}</span></>,
+        },
+        {
+            title: '分享访问人数',
+            dataIndex: 'shareVisitPersonNum',
+            key: 'shareVisitPersonNum',
+            align: 'center',
+            sorter: (a, b) => a.shareVisitPersonNum - b.shareVisitPersonNum,
+            render: (_, record) => <><span style={{ color: 'blue', cursor: 'pointer' }} onClick={() => shareCount(record.personId)} >{record.shareVisitPersonNum}</span></>,
+        },
+        {
+            title: '分享访问次数',
+            dataIndex: 'shareVisitNum',
+            key: 'shareVisitNum',
+            align: 'center',
+            sorter: (a, b) => a.shareVisitNum - b.shareVisitNum,
+            render: (_, record) => <><span style={{ color: 'blue', cursor: 'pointer' }} onClick={() => shareCount(record.personId)} >{record.shareVisitNum}</span></>,
+        },
+
+        {
+            title: '分享拓客',
+            dataIndex: 'sharePossess',
+            key: 'sharePossess',
+            align: 'center',
+            sorter: (a, b) => a.sharePossess - b.sharePossess,
+            render: (_, record) => <><span style={{ color: 'blue', cursor: 'pointer' }} onClick={() => clickCount(record.personId)} >{record.sharePossess}</span></>,
+        },
+        {
+            title: '主页访问人数',
+            dataIndex: 'visitPerson',
+            key: 'visitPerson',
+            align: 'center',
+            sorter: (a, b) => a.visitPerson - b.visitPerson,
+            render: (_, record) => <><span style={{ color: 'blue', cursor: 'pointer' }} onClick={() => clickCount(record.personId)} >{record.visitPerson}</span></>,
+        },
+        {
+            title: '主页访问次数',
+            dataIndex: 'clickNum',
+            key: 'clickNum',
+            align: 'center',
+            sorter: (a, b) => a.clickNum - b.clickNum,
+            render: (_, record) => <><span style={{ color: 'blue', cursor: 'pointer' }} onClick={() => clickCount(record.personId)} >{record.clickNum}</span></>,
+        },
+    ];
+
+
+
+    return (
+
+        <>
+            <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+                <div style={{ display: 'flex', alignItems: 'center' }}>
+                    <Radio.Group buttonStyle="solid" defaultValue="a" style={{ marginRight: '16px', }}>
+                        <Radio.Button value="a" onClick={getDataOf(7)}>最近7天</Radio.Button>
+                        <Radio.Button value="b" onClick={getDataOf(30)}>最近1月</Radio.Button>
+                    </Radio.Group>
+                    <Form.Item>
+                        {getFieldDecorator('shareTime')(
+                            <RangePicker placeholder={['开始日期', '结束日期']} />
+                        )}
+                    </Form.Item>
+                    <Form.Item>
+                        {getFieldDecorator('buildingId')(
+                            <BuildSelect />,
+                        )}
+                    </Form.Item>
+                    <Form.Item style={{ position: 'absolute', right: '38px' }}>
+                        <Button type="primary" onClick={handleReset}>查询</Button>
+                        <Button style={{ marginLeft: 8 }} onClick={handleReset}>重置</Button>
+                    </Form.Item>
+                </div>
+            </Form>
+            <Table rowKey="KPIRecords"
+                style={{ marginTop: '30px' }}
+                dataSource={data.records}
+                columns={columns}
+                pagination={false}
+            />
+            < 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: 'record' })(record);
+
+export default WrappedHeader

src/services/apis.js

@@ -1593,4 +1593,36 @@ export default {
       action: 'admin.contract.list.get',
     },
   },
+  stats: {
+    barList: {
+      method: 'GET',
+      url: `${prefix}/stats/barList`,
+      action: 'admin.contract.list.get',
+    },
+    tableList: {
+      method: 'GET',
+      url: `${prefix}/stats/tableList`,
+      action: 'admin.contract.list.get',
+    },
+    buildingExport: {
+      method: 'GET',
+      url: `${prefix}/stats/buildingExport`,
+      action: 'admin.contract.list.get',
+    },
+    timeBarList: {
+      method: 'GET',
+      url: `${prefix}/stats/timeBarList`,
+      action: 'admin.contract.list.get',
+    },
+    timeTableList: {
+      method: 'GET',
+      url: `${prefix}/stats/timeTableList`,
+      action: 'admin.contract.list.get',
+    },
+    buildingTimeExport: {
+      method: 'GET',
+      url: `${prefix}/stats/buildingTimeExport`,
+      action: 'admin.contract.list.get',
+    }
+  }
 }