客户管理部分页面

config/config.js

@@ -134,6 +134,38 @@ export default {
                 },
               ],
             },
+            {
+              path: '/customer',
+              name: '客户管理',
+              component: '../layouts/BlankLayout',
+              routes: [
+                {
+                  path: '/customer/drift/list',
+                  name: '游客列表',
+                  component: './customer/drift/index',
+                },
+                {
+                  path: '/customer/report/list',
+                  name: '报备客户',
+                  component: './customer/report/index',
+                },
+                {
+                  path: '/customer/recommendCustomer/list',
+                  name: '推荐客户',
+                  component: './customer/recommendCustomer/index',
+                },
+                {
+                  path: '/customer/recommendCustomer/audit',
+                  name: '', //审核
+                  component: './customer/recommendCustomer/audit',
+                },
+                {
+                  path: '/customer/independentList',
+                  name: '经济人',
+                  component: './customer/independentList/index',
+                },
+              ],
+            },
             {
               path: '/integralMall',
               name: '积分商城',

src/pages/customer/drift/index.jsx

@@ -0,0 +1,66 @@
+import React, { useState, useEffect } from 'react';
+import { Table, Avatar, Alert } from 'antd';
+
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+
+function costomerDrift() {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [dataSources, setDataSources] = useState({ records: [] })
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+   getList({ pageNumber: '1', pageSize: '10' })
+  }, [])
+
+  function getList(params) {
+    request({ ...apis.customer.drift, params: { ...params } }).then(res => {
+      setDataSources(res)
+    }).catch(err => {
+      // eslint-disable-next-line no-unused-expressions
+      <Alert
+        style={{
+          marginBottom: 24,
+        }}
+        message={err}
+        type="error"
+        showIcon
+      />
+    })
+  }
+
+  // 分页
+  function onChange(pageNum) {
+    // eslint-disable-next-line no-console
+    console.log('Page: ', pageNum);
+    getList({ pageNumber: pageNum, pageSize: 10 })
+  }
+
+  const columns = [
+    {
+      title: '头像',
+      dataIndex: 'avatarurl',
+      key: 'avatarurl',
+      render: (_, record) => <Avatar shape="square" src={record.avatarurl} size={64} icon="user" />,
+    },
+    {
+      title: '姓名',
+      dataIndex: 'nickname',
+      key: 'nickname',
+    },
+    {
+      title: '性别',
+      dataIndex: 'gender',
+      key: 'gender',
+      // eslint-disable-next-line no-nested-ternary
+      render: (_, record) => <><sapn>{ record.gender === '1' ? '男' : record.gender === '2' ? '女' : '未知' }</sapn></>,
+    },
+  ];
+
+  return (
+    // eslint-disable-next-line max-len
+    <Table dataSource={dataSources.records} columns={columns} pagination={{ total: dataSources.total, onChange }} />
+  )
+}
+
+export default costomerDrift

src/pages/customer/independentList/index.jsx

@@ -0,0 +1,165 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar } from 'antd';
+import moment from 'moment';
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+import Styles from './style.less';
+import { router } from 'umi';
+
+
+const { Option } = Select;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const { Meta } = Card;
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+function body(props) {
+  const { getFieldDecorator } = props.form
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [dataSource, setDataSource] = useState({ records: [] })
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    getList({ pageNumber: 1, pageSize: 10 })
+  }, [])
+
+  function getList(params) {
+    // 网路请求
+    request({ ...apis.customer.agents, params: { ...params } }).then(res => {
+      setDataSource(res)
+    }).catch(err => {
+      // eslint-disable-next-line no-unused-expressions
+      <Alert
+        style={{
+          marginBottom: 24,
+        }}
+        message={err}
+        type="error"
+        showIcon
+      />
+    })
+  }
+
+  // 提交事件
+  function handleSubmit(e) {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        getList({ pageNum: 1, pageSize: 10, ...values })
+      }
+    });
+  }
+
+  // Change 事件
+  function handleSelectChange(e) {
+    // eslint-disable-next-line no-console
+    console.log(e)
+  }
+
+  // 分页
+  function onChange(pageNum) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+      getList({ pageNumber: pageNum, pageSize: 10 })
+  }
+
+  function toAudit(cuurentId) {
+    router.push({
+      pathname: '/customer/recommendCustomer/audit',
+      query: {
+        id: cuurentId,
+      },
+    })
+  }
+
+  const columns = [
+    {
+      title: '头像',
+      dataIndex: 'avatarurl',
+      key: 'avatarurl',
+      render: (_, record) => <Avatar shape="square" src={record.avatarurl} size={64} icon="user" />,
+    },
+    {
+      title: '姓名',
+      dataIndex: 'nickname',
+      key: 'nickname',
+    },
+    {
+      title: '电话',
+      dataIndex: 'phone',
+      key: 'phone',
+    },
+    {
+      title: '类型',
+      dataIndex: 'personTtype',
+      key: 'personType',
+    },
+    {
+      title: '所属渠道',
+      dataIndex: 'qudao',
+      key: 'qudao',
+    },
+    {
+      title: '性别',
+      dataIndex: 'gender',
+      key: 'gender',
+      // eslint-disable-next-line no-nested-ternary
+      render: (_, record) => <><sapn>{ record.gender === '1' ? '男' : record.gender === '2' ? '女' : '未知' }</sapn></>,
+    },
+    {
+      title: '操作',
+      dataIndex: 'customerId',
+      key: 'customerId',
+      render: (_, record) => (
+        <>
+          {
+            <>
+              <sapn style={{ color: 'rgba(239,39,58,1)' }}>查看详细</sapn>
+              &nbsp;&nbsp;&nbsp;&nbsp;
+              <sapn style={{ color: 'rgba(239,39,58,1)' }}>邀请经纪人</sapn>
+              &nbsp;&nbsp;&nbsp;&nbsp;
+              <sapn style={{ color: 'rgba(239,39,58,1)' }}>推荐客户</sapn>
+            </>
+          }
+        </>
+      ),
+    },
+  ]
+
+  return (
+    <>
+      <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+        <Form.Item>
+          {getFieldDecorator('name')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="姓名"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('tel')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="电话"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary" htmlType="submit" className={Styles.SubmitButton}>
+            搜索
+          </Button>
+        </Form.Item>
+      </Form>
+
+      <Table dataSource={dataSource.records} columns={columns} pagination={{ total: dataSource.total, onChange }} />
+    </>
+  );
+}
+const WrappedBody = Form.create({ name: 'body' })(body);
+
+export default WrappedBody

src/pages/customer/independentList/style.less

@@ -0,0 +1,57 @@
+.SubmitButton {
+  background: #3a91d5;
+  border-radius: 7px;
+  border: 0px;
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}
+.addButton {
+  background: #50be00;
+  border-radius: 4px;
+  border: 0px;
+  margin: 10px 0px;
+}
+.cardText {
+  font-size: 18px;
+  color: #333;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+  position: relative;
+
+}
+.cardItem{
+  font-size: 18px;
+  font-weight: 400;
+  color: #666;
+  line-height: 24px;
+  display: flex;
+  align-items: center;  
+}
+.ediText {
+  font-size: 18px;
+  color: #ff925c;
+  line-height: 24px;
+  position: absolute;
+  right: 0;
+}
+.title{
+  display: inline-block;
+  width: 84px;
+  justify-content: space-between;
+  text-align: justify;
+  text-align-last:justify
+}
+
+.address { 
+  width: 400px;
+  height: 24px; 
+  text-overflow: ellipsis; 
+  white-space: nowrap;
+  overflow: hidden;
+}
+

src/pages/customer/recommendCustomer/audit.jsx

@@ -0,0 +1,201 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar, Radio, Upload, message } from 'antd';
+import ImageUpload from '../../../components/XForm/ImageUpload';
+import moment from 'moment';
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+import Styles from './style.less';
+import { router } from 'umi';
+
+const { Option } = Select;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const { Meta } = Card;
+
+const { TextArea } = Input;
+
+const tailFormItemLayout = {
+  labelCol: {
+    xs: { span: 20 },
+    sm: { span: 3 },
+  },
+  wrapperCol: {
+    xs: { span: 20 },
+    sm: { span: 16 },
+  },
+};
+
+function body(props) {
+  const { getFieldDecorator } = props.form
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [dataSource, setDataSource] = useState({ picture: '' })
+
+  const { id } = props.location.query;
+
+  if (id !== '') {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(() => {
+      getById(id)
+    }, [])
+  }
+
+  // 获取详情信息
+  function getById(currentId) {
+    const { url, method } = apis.customer.recommendGetById
+    const tempUrl = url.substring(0, url.lastIndexOf('id')).concat(currentId)
+
+    request({ url: tempUrl, method }).then(res => {
+      props.form.setFieldsValue(res)
+    })
+  }
+
+  function submitDate(params) {
+    const { url, method } = apis.customer.auto
+    const tempUrl = url.substring(0, url.lastIndexOf('id')).concat(params.customerId)
+
+    // props.form.setFieldsValue(res)
+    request({ url: tempUrl, method, params: { verifyStatus: params.verifyStatus } }).then(() => {
+      // eslint-disable-next-line no-unused-expressions
+      <Alert
+        style={{
+          marginBottom: 24,
+        }}
+        message="操作成功"
+        type="success"
+        showIcon
+      />
+      router.go(-1)
+    }).catch(err => {
+      // eslint-disable-next-line no-unused-expressions
+      <Alert
+        style={{
+          marginBottom: 24,
+        }}
+        message={err}
+        type="error"
+        showIcon
+      />
+    })
+  }
+
+  // 提交事件
+  function handleSubmit(e) {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        submitDate({ ...values })
+      }
+    });
+  }
+
+  // Change 事件
+  function handleSelectChange(e) {
+    // eslint-disable-next-line no-console
+    console.log(e)
+  }
+
+  return (
+    <>
+      <Form {...tailFormItemLayout} onSubmit={e => handleSubmit(e, props)} style={{ width: '800px', margin: 'auto' }}>
+        <Form.Item label="客户ID" style={{ display: 'none' }}>
+          {getFieldDecorator('customerId')(
+            <Input
+              placeholder="客户ID"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item label="意向项目：">
+          {getFieldDecorator('intention')(
+            <Input
+              placeholder="意向项目"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item label="客户照片">
+          {getFieldDecorator('picture')(
+            <ImageUpload value={dataSource.picture} />,
+          )}
+        </Form.Item>
+        <Form.Item label="客户姓名">
+          {getFieldDecorator('name')(
+            <Input placeholder="客户姓名" />,
+          )}
+        </Form.Item>
+        <Form.Item label="客户电话">
+          {getFieldDecorator('phone')(
+            <Input placeholder="客户电话" />,
+          )}
+        </Form.Item>
+        <Form.Item label="客户性别">
+          {getFieldDecorator('sex')(
+            <Radio.Group>
+              <Radio value={1}>男</Radio>
+              <Radio value={2}>女</Radio>
+            </Radio.Group>,
+          )}
+        </Form.Item>
+        <Form.Item label="到访人数">
+          {getFieldDecorator('visiteNum')(
+            <Input placeholder="到访人数" />,
+          )}
+        </Form.Item>
+        <Form.Item label="客户描述">
+          {getFieldDecorator('describe')(
+            <TextArea placeholder="客户描述" rows={10} />,
+          )}
+        </Form.Item>
+        <Form.Item label="物业类型">
+          {getFieldDecorator('realtyManageType')(
+            <Input placeholder="物业类型" />,
+          )}
+        </Form.Item>
+        <Form.Item label="需求类型">
+          {getFieldDecorator('demandType')(
+            <Input placeholder="需求类型" />,
+          )}
+        </Form.Item>
+        <Form.Item label="价格区间">
+          {getFieldDecorator('priceRange')(
+            <Input placeholder="价格区间" />,
+          )}
+        </Form.Item>
+        <Form.Item label="报备日期">
+          {getFieldDecorator('reportDate')(
+            <DatePicker showTime placeholder="报备日期" />,
+          )}
+        </Form.Item>
+        <Form.Item label="状态">
+          {getFieldDecorator('verifyStatus')(
+            <Select style={{ width: '180px' }} placeholder="状态" onChange={handleSelectChange}>
+              <Option value={0}>未通过</Option>
+              <Option value={1}>已通过</Option>
+              <Option value={2}>已驳回</Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item label="归属置业顾问">
+            <Row gutter={8}>
+              <Col span={12}>
+                {getFieldDecorator('consultantName')(<Input placeholder="归属置业顾问" />)}
+              </Col>
+              <Col span={12}>
+                <Button>选择</Button>
+              </Col>
+            </Row>
+        </Form.Item>
+        <Form.Item style={{ display: 'flex', justifyContent: 'center' }}>
+          <Button type="primary" htmlType="submit" className={Styles.SubmitButton}>
+            搜索
+          </Button>
+          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+          <Button onClick={() => router.go(-1)}>
+            取消
+          </Button>
+        </Form.Item>
+      </Form>
+    </>
+  );
+}
+const WrappedBody = Form.create({ name: 'body' })(body);
+
+export default WrappedBody

src/pages/customer/recommendCustomer/index.jsx

@@ -0,0 +1,191 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar } from 'antd';
+import moment from 'moment';
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+import Styles from './style.less';
+import { router } from 'umi';
+
+
+const { Option } = Select;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const { Meta } = Card;
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+function body(props) {
+  const { getFieldDecorator } = props.form
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [dataSource, setDataSource] = useState({ records: [] })
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    getList({ pageNumber: 1, pageSize: 10 })
+  }, [])
+
+  function getList(params) {
+    // 网路请求
+    request({ ...apis.customer.recommender, params: { ...params } }).then(res => {
+      setDataSource(res)
+    }).catch(err => {
+      // eslint-disable-next-line no-unused-expressions
+      <Alert
+        style={{
+          marginBottom: 24,
+        }}
+        message={err}
+        type="error"
+        showIcon
+      />
+    })
+  }
+
+  // 提交事件
+  function handleSubmit(e) {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        getList({ pageNum: 1, pageSize: 10, ...values })
+      }
+    });
+  }
+
+  // Change 事件
+  function handleSelectChange(e) {
+    // eslint-disable-next-line no-console
+    console.log(e)
+  }
+
+  // 分页
+  function onChange(pageNum) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+      getList({ pageNumber: pageNum, pageSize: 10 })
+  }
+
+  function toAudit(cuurentId) {
+    router.push({
+      pathname: '/customer/recommendCustomer/audit',
+      query: {
+        id: cuurentId,
+      },
+    })
+  }
+
+  const columns = [
+    {
+      title: '头像',
+      dataIndex: 'picture',
+      key: 'picture',
+      render: (_, record) => <Avatar shape="square" src={record.picture} size={64} icon="user" />,
+    },
+    {
+      title: '姓名',
+      dataIndex: 'name',
+      key: 'name',
+    },
+    {
+      title: '电话',
+      dataIndex: 'phone',
+      key: 'phone',
+    },
+    {
+      title: '性别',
+      dataIndex: 'sex',
+      key: 'sex',
+      // eslint-disable-next-line no-nested-ternary
+      render: (_, record) => <><sapn>{ record.sex === 1 ? '男' : record.sex === 2 ? '女' : '未知' }</sapn></>,
+    },
+    {
+      title: '意向项目',
+      dataIndex: 'intention',
+      key: 'intention',
+    },
+    {
+      title: '推荐人',
+      dataIndex: 'consultantName',
+      key: 'consultantName',
+      render: (_, record) => <><sapn>{ record.recommendName + " " + record.recommendTel }</sapn></>,
+    },
+    {
+      title: '推荐时间',
+      dataIndex: 'createDate',
+      key: 'createDate',
+      render: (_, record) => <><sapn>{ moment(record.createDate).format('YYYY-MM-DD') }</sapn></>,
+    },
+    {
+      title: '状态',
+      dataIndex: 'createDate',
+      key: 'createDate',
+      render: (_, record) => <><sapn>{ record.verifyStatus === 0 ? '未通过': record.verifyStatus === 1 ? '已通过' : record.verifyStatus === 2 ? '已驳回' : '' }</sapn></>,
+    },
+    {
+      title: '操作',
+      dataIndex: 'customerId',
+      key: 'customerId',
+      render: (_, record) => (
+        <>
+          {
+            record.verifyStatus === 0 ? <sapn style={{ color: 'rgba(239,39,58,1)' }} onClick={() => toAudit(record.customerId)}>审核</sapn> : ''
+          }
+        </>
+      ),
+    },
+  ]
+
+  return (
+    <>
+      <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+        <Form.Item>
+          {getFieldDecorator('name')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="姓名"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('tel')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="电话"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('consultName')(
+            <Input placeholder="推荐人" />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('consultTel')(
+            <Input placeholder="推荐人电话" />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('verifyStatus')(
+            <Select style={{ width: '180px' }} placeholder="状态" onChange={handleSelectChange}>
+              <Option value={0}>未通过</Option>
+              <Option value={1}>已通过</Option>
+              <Option value={2}>已驳回</Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary" htmlType="submit" className={Styles.SubmitButton}>
+            搜索
+          </Button>
+        </Form.Item>
+      </Form>
+
+      <Table dataSource={dataSource.records} columns={columns} pagination={{ total: dataSource.total, onChange }} />
+    </>
+  );
+}
+const WrappedBody = Form.create({ name: 'body' })(body);
+
+export default WrappedBody

src/pages/customer/recommendCustomer/style.less

@@ -0,0 +1,57 @@
+.SubmitButton {
+  background: #3a91d5;
+  border-radius: 7px;
+  border: 0px;
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}
+.addButton {
+  background: #50be00;
+  border-radius: 4px;
+  border: 0px;
+  margin: 10px 0px;
+}
+.cardText {
+  font-size: 18px;
+  color: #333;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+  position: relative;
+
+}
+.cardItem{
+  font-size: 18px;
+  font-weight: 400;
+  color: #666;
+  line-height: 24px;
+  display: flex;
+  align-items: center;  
+}
+.ediText {
+  font-size: 18px;
+  color: #ff925c;
+  line-height: 24px;
+  position: absolute;
+  right: 0;
+}
+.title{
+  display: inline-block;
+  width: 84px;
+  justify-content: space-between;
+  text-align: justify;
+  text-align-last:justify
+}
+
+.address { 
+  width: 400px;
+  height: 24px; 
+  text-overflow: ellipsis; 
+  white-space: nowrap;
+  overflow: hidden;
+}
+

src/pages/customer/report/index.jsx

@@ -0,0 +1,169 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar } from 'antd';
+import moment from 'moment';
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+import Styles from './style.less';
+
+
+const { Option } = Select;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const { Meta } = Card;
+
+const tempDate = [{ code: 's101' }]
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+function body(props) {
+  const { getFieldDecorator } = props.form
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [dataSource, setDataSource] = useState({ records: [] })
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    getList({ pageNumber: 1, pageSize: 9 })
+  }, [])
+
+  function getList(params) {
+    // 网路请求
+    request({ ...apis.customer.report, params: { ...params } }).then(res => {
+      setDataSource(res)
+    }).catch(err => {
+      // eslint-disable-next-line no-unused-expressions
+      <Alert
+        style={{
+          marginBottom: 24,
+        }}
+        message={err}
+        type="error"
+        showIcon
+      />
+    })
+  }
+
+  // 提交事件
+  function handleSubmit(e) {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        getList({ pageNum: 1, pageSize: 10, ...values })
+      }
+    });
+  }
+
+  // Change 事件
+  function handleSelectChange(e) {
+    // eslint-disable-next-line no-console
+    console.log(e)
+  }
+
+  // 分页
+  function onChange(pageNum) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+      getList({ pageNumber: pageNum, pageSize: 9 })
+  }
+
+  const columns = [
+    {
+      title: '头像',
+      dataIndex: 'picture',
+      key: 'picture',
+      render: (_, record) => <Avatar shape="square" src={record.picture} size={64} icon="user" />,
+    },
+    {
+      title: '姓名',
+      dataIndex: 'name',
+      key: 'name',
+    },
+    {
+      title: '电话',
+      dataIndex: 'phone',
+      key: 'phone',
+    },
+    {
+      title: '性别',
+      dataIndex: 'sex',
+      key: 'sex',
+      // eslint-disable-next-line no-nested-ternary
+      render: (_, record) => <><sapn>{ record.sex === 1 ? '男' : record.sex === 2 ? '女' : '未知' }</sapn></>,
+    },
+    {
+      title: '意向项目',
+      dataIndex: 'intention',
+      key: 'intention',
+    },
+    {
+      title: '置业顾问',
+      dataIndex: 'consultantName',
+      key: 'consultantName',
+    },
+    {
+      title: '置业顾问手机号',
+      dataIndex: 'consultTel',
+      key: 'consultTel',
+    },
+  ]
+
+  return (
+    <>
+      <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+        <Form.Item>
+          {getFieldDecorator('name')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="姓名"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('tel')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="电话"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('consultName')(
+            <Input placeholder="推荐人" />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('consultTel')(
+            <Input placeholder="推荐电话" />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('sex')(
+            <Select style={{ width: '180px' }} placeholder="性别" onChange={handleSelectChange}>
+              <Option value="1">男</Option>
+              <Option value="0">女</Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('buildingId')(
+            <Select style={{ width: '180px' }} placeholder="意向项目" onChange={handleSelectChange}>
+              <Option value="male">male</Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary" htmlType="submit" className={Styles.SubmitButton}>
+            搜索
+          </Button>
+        </Form.Item>
+      </Form>
+
+      <Table dataSource={dataSource.records} columns={columns} pagination={{ total: dataSource.total, onChange }} />
+    </>
+  );
+}
+const WrappedBody = Form.create({ name: 'body' })(body);
+
+export default WrappedBody

src/pages/customer/report/style.less

@@ -0,0 +1,57 @@
+.SubmitButton {
+  background: #3a91d5;
+  border-radius: 7px;
+  border: 0px;
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}
+.addButton {
+  background: #50be00;
+  border-radius: 4px;
+  border: 0px;
+  margin: 10px 0px;
+}
+.cardText {
+  font-size: 18px;
+  color: #333;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+  position: relative;
+
+}
+.cardItem{
+  font-size: 18px;
+  font-weight: 400;
+  color: #666;
+  line-height: 24px;
+  display: flex;
+  align-items: center;  
+}
+.ediText {
+  font-size: 18px;
+  color: #ff925c;
+  line-height: 24px;
+  position: absolute;
+  right: 0;
+}
+.title{
+  display: inline-block;
+  width: 84px;
+  justify-content: space-between;
+  text-align: justify;
+  text-align-last:justify
+}
+
+.address { 
+  width: 400px;
+  height: 24px; 
+  text-overflow: ellipsis; 
+  white-space: nowrap;
+  overflow: hidden;
+}
+

src/services/apis.js

@@ -39,4 +39,30 @@ export default {
       url: `${prefix}/tdBuildingType/id`,
     },
   },
+  customer: {
+    drift: {
+      method: 'GET',
+      url: `${prefix}/customer/recommend/drift`,
+    },
+    report: {
+      method: 'GET',
+      url: `${prefix}/customer/recommend/report`,
+    },
+    recommender: {
+      method: 'GET',
+      url: `${prefix}/customer/recommend/recommender`,
+    },
+    auto: {
+      method: 'PUT',
+      url: `${prefix}/customer/recommend/verify/id`,
+    },
+    recommendGetById: {
+      method: 'GET',
+      url: `${prefix}/customer/recommend/getById/id`,
+    },
+    agents: {
+      method: 'GET',
+      url: `${prefix}/customer/agents`,
+    },
+  },
 }