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

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: '积分商城',

package.json

@@ -60,7 +60,8 @@
     "umi": "^2.8.7",
     "umi-plugin-pro-block": "^1.3.2",
     "umi-plugin-react": "^1.9.5",
-    "umi-request": "^1.0.8"
+    "umi-request": "^1.0.8",
+    "wangeditor": "^3.1.1"
   },
   "devDependencies": {
     "@ant-design/colors": "^3.1.0",

src/components/SelectButton/BuildSelect.jsx

@@ -0,0 +1,40 @@
+import React, { useState, useEffect } from 'react';
+import { Select } from 'antd';
+
+import request from '../../utils/request'
+
+const { Option } = Select;
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const BuildingSelect = (props) => {
+  const [ data, setData ] = useState([])
+
+  useEffect(() => {
+    getCityList();
+  },[])
+
+  const getCityList = (e) => {
+    request({
+        url: '/api/admin/buildinglist/select',
+        method: 'GET',
+        params: {pageNum: 1,pageSize: 999},
+    }).then((data) => {
+        setData(data.records)
+    })
+  }
+
+  return (
+      <Select value={props.value} style={{ width: '180px' }} placeholder="请选择项目" onChange={props.onChange}>
+          {data.map(building => (
+            <Option key={building.buildingId}>{building.buildingName}</Option>
+          ))}
+      </Select>
+  )
+}
+export default BuildingSelect
+

src/components/SelectButton/CitySelect.jsx

@@ -20,18 +20,18 @@ const CitySelect = (props) => {
 
   const getCityList = (e) => {
     request({
-        url: '/api/admin/buildinglist/select',
+        url: '/api/admin/tdCity',
         method: 'GET',
-        params: {pageNum: 1,pageSize: 999},
+        params: {leveltype: 2, pageNum: 1,pageSize: 999},
     }).then((data) => {
-        setData(data.records)
+        setData(data)
     })
   }
 
   return (
       <Select value={props.value} style={{ width: '180px' }} placeholder="请选择城市" onChange={props.onChange}>
           {data.map(city => (
-            <Option key={city.buildingId}>{city.buildingName}</Option>
+            <Option key={city.id}>{city.name}</Option>
           ))}
       </Select>
   )

src/components/Wangedit/Wangedit.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import E from 'wangeditor'
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+class Wangedit extends React.Component {
+  constructor(props, context) {
+    super(props, context);
+    this.state = {}
+  }
+
+  render () {
+    return (
+      <div ref="editorElem" style={{textAlign: 'left'}}>
+      </div>
+    );
+  }
+
+  componentDidMount () {
+    const elem = this.refs.editorElem
+    const editor = new E(elem)
+    // 使用 onchange 函数监听内容的变化
+    editor.customConfig.onchange = this.props.onChange
+    editor.create()
+    editor.txt.html(this.props.value)
+  }
+}
+
+export default Wangedit
+

src/pages/activity/ActivityList.jsx

@@ -5,228 +5,226 @@ import styles from '../style/GoodsList.less';
 import router from 'umi/router';
 import moment from 'moment';
 import SelectCity from '../../components/SelectButton/CitySelect'
+import BuildSelect from '../../components/SelectButton/BuildSelect'
 
 import request from '../../utils/request'
 
 const { Option } = Select;
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
-// 提交事件
-function handleSubmit(e, props) {
-  e.preventDefault();
-  props.form.validateFields((err, values) => {
-    if (!err) {
-      console.log('提交数据: ', values)
-    }
-  });
-}
-// Change 事件
-function handleSelectChange(props) {
-  console.log(props)
-}
-
-// 分页
-function onChange(pageNumber) {
-  console.log('Page: ', pageNumber);
-}
-// 跳转到编辑商品
-function toEditGoods() {
-  router.push({
-    pathname: '/activity/editActivity',
-    query: {
-      a: 'b',
-    },
-  });
-}
-
-/**
- *
- *
- * @param {*} props
- * @returns
- */
-
-const columns = [
-  {
-    title: '活动标题',
-    dataIndex: 'title',
-    key: 'title',
-    align: 'center',
-  },
-  {
-    title: '活动时间',
-    dataIndex: 'startDate',
-    key: 'startDate',
-    align: 'center',
-    render: (x, row) => <><span>{`${moment(row.startDate).format('YYYY-MM-DD')} —— ${moment(row.endDate).format('YYYY-MM-DD')}`}</span></>
-  },
-  {
-    title: '已参加人数',
-    dataIndex: 'count',
-    key: 'count',
-    align: 'center',
-  },
-  {
-    title: '阅读量',
-    dataIndex: 'pvNum',
-    key: 'pvNum',
-    align: 'center',
-  },
-  {
-    title: '转发量',
-    dataIndex: 'shareNum',
-    key: 'shareNum',
-    align: 'center',
-  },
-  {
-    title: '收藏数',
-    dataIndex: 'saveNum',
-    key: 'saveNum',
-    align: 'center',
-  },
-  {
-    title: '状态',
-    dataIndex: 'isEnlist',
-    key: 'isEnlist',
-    align: 'center',
-    render: (isEnlist)=> <><span>{isEnlist == 0 ?"未开始" : isEnlist==1 ? "进行中" : "已结束"}</span></>
-  },
-  {
-    title: '操作',
-    dataIndex: 'handle',
-    key: 'handle',
-    align: 'center',
-    render: (x,row) => <><span style={{ color: '#1990FF'}} onClick={getSignList.bind(this, row.dynamicId)}>{row.isEnlist == '1' || row.isEnlist == '2' ? "报名记录" : ""}<Icon type="snippets" className={styles.shoppingCart} /></span>
-                         <span style={{ color: '#1990FF' }} onClick={sendOrPublicDynamic.bind(this,row)}>{ row.status === 1 ? '取消发布' : '发布' }<Icon type="close-circle" className={styles.edit} /></span>
-                         <span style={{ color: '#1990FF' }} onClick={finishDynamic.bind(this,row)}>结束活动<Icon type="poweroff" className={styles.edit} /></span>
-                         <span style={{ color: '#1990FF', marginRight: '20px' }} onClick={topDynamic.bind(this,row)}>{ row.weight === 1 ? '取消置顶' : '置顶' }<Icon type="vertical-align-top" className={styles.edit} /></span>
-                         <span style={{ color: '#FF925C' }}>编辑<Icon type="form" className={styles.edit} /></span>
-                       </>
-  },
-];
-
-const getSignList = (dynamicId) => {
-    router.push({
-        pathname: '/activity/SignList',
-        query: {
-            dynamicId
-        },
-      });
-}
-
-const finishDynamic = (row) => {
-    Modal.confirm({
-        title: '结束以后将无法编辑, 是否继续?',
-        okText: '确定',
-        cancelText: '取消',
-        onOk() {
-            request({
-                url: '/api/admin/buildingDynamic/finish',
-                method: 'PUT',
-                data: {dynamicId: row.dynamicId, top: ""},
-            }).then((data) => {
-                console.log(data)
-                message.info('操作成功！')
-                // getList()
-            }).catch((err) => {
-                console.log(err)
-                message.info(err.msg || err.message)
-            })
-        },
-      });
-}
-
-const topDynamic = (row) => {
-    const weight = Math.abs(row.weight - 1)
-    request({
-        url: '/api/admin/buildingDynamic/weight',
-        method: 'PUT',
-        params: {dynamicId: row.dynamicId, weight},
-    }).then((data) => {
-        console.log(data)
-        message.info('操作成功！')
-        // getList()
-    }).catch((err) => {
-        console.log(err)
-        message.info(err.msg || err.message)
-    })
-}
-
-const sendOrPublicDynamic = (row) => {
-    if (row.status === 1) {
-        cancelDynamic(row)
-    } else {
-        sendDynamic(row)
-    }
-}
-
-// 取消活动
-const cancelDynamic = (row) => {
-    request({
-        url: '/api/admin/buildingDynamic/cancel/'+row.dynamicId,
-        method: 'PUT',
-    }).then((data) => {
-        message.info('操作成功！')
-        // getList()
-    }).catch((err) => {
-        console.log(err)
-        message.info(err.msg || err.message)
-    })
-}
-
-//发布活动
-const sendDynamic = (row) => {
-    request({
-        url: '/api/admin/buildingDynamic/send/'+row.dynamicId,
-        method: 'PUT',
-    }).then((data) => {
-        message.info('操作成功！')
-        // getList()
-    }).catch((err) => {
-        console.log(err)
-        message.info(err.msg || err.message)
-    })
-}
 
 const header = (props) => {
   const [ data, setData ] = useState({})
 //   const [page, changePage] = useState({})
 
   useEffect(() => {
-    getList();
+    getList({ pageNum: 1, pageSize: 10 });
   },[])
 
   // 查询列表
-  const getList = (e) => {
+  const getList = (params) => {
     request({
         url: '/api/admin/iBuildingDynamicList',
         method: 'GET',
-        params: {pageNum: 1,pageSize: 10},
+        params: { ...params },
     }).then((data) => {
         console.log(data)
         setData(data)
     })
   }
 
+  
+// 跳转到编辑商品
+const toEditGoods = (dynamicId) => () => {
+    router.push({
+      pathname: '/activity/editActivity',
+      query: {
+        dynamicId
+      },
+    });
+  }
+  
+  /**
+   *
+   *
+   * @param {*} props
+   * @returns
+   */
+  
+  const columns = [
+    {
+      title: '活动标题',
+      dataIndex: 'title',
+      key: 'title',
+      align: 'center',
+    },
+    {
+      title: '活动时间',
+      dataIndex: 'startDate',
+      key: 'startDate',
+      align: 'center',
+      render: (x, row) => <><span>{`${moment(row.startDate).format('YYYY-MM-DD')} —— ${moment(row.endDate).format('YYYY-MM-DD')}`}</span></>
+    },
+    {
+      title: '已参加人数',
+      dataIndex: 'count',
+      key: 'count',
+      align: 'center',
+    },
+    {
+      title: '阅读量',
+      dataIndex: 'pvNum',
+      key: 'pvNum',
+      align: 'center',
+    },
+    {
+      title: '转发量',
+      dataIndex: 'shareNum',
+      key: 'shareNum',
+      align: 'center',
+    },
+    {
+      title: '收藏数',
+      dataIndex: 'saveNum',
+      key: 'saveNum',
+      align: 'center',
+    },
+    {
+      title: '状态',
+      dataIndex: 'isEnlist',
+      key: 'isEnlist',
+      align: 'center',
+      render: (isEnlist)=> <><span>{isEnlist == 0 ?"未开始" : isEnlist==1 ? "进行中" : "已结束"}</span></>
+    },
+    {
+      title: '操作',
+      dataIndex: 'handle',
+      key: 'handle',
+      align: 'center',
+      render: (x,row) => <><span style={{ color: '#1990FF'}} onClick={getSignList.bind(this, row.dynamicId)}>{row.isEnlist == '1' || row.isEnlist == '2' ? "报名记录" : ""}<Icon type="snippets" className={styles.shoppingCart} /></span>
+                           <span style={{ color: '#1990FF' }} onClick={sendOrPublicDynamic.bind(this,row)}>{ row.status === 1 ? '取消发布' : '发布' }<Icon type="close-circle" className={styles.edit} /></span>
+                           <span style={{ color: '#1990FF' }} onClick={finishDynamic.bind(this,row)}>结束活动<Icon type="poweroff" className={styles.edit} /></span>
+                           <span style={{ color: '#1990FF', marginRight: '20px' }} onClick={topDynamic(row)}>{ row.weight === 1 ? '取消置顶' : '置顶' }<Icon type="vertical-align-top" className={styles.edit} /></span>
+                           <span style={{ color: '#FF925C' }} onClick={toEditGoods(row.dynamicId)}>编辑<Icon type="form" className={styles.edit} /></span>
+                         </>
+    },
+  ];
+  
+  const getSignList = (dynamicId) => {
+      router.push({
+          pathname: '/activity/SignList',
+          query: {
+              dynamicId
+          },
+        });
+  }
+  
+  const finishDynamic = (row) => {
+      Modal.confirm({
+          title: '结束以后将无法编辑, 是否继续?',
+          okText: '确定',
+          cancelText: '取消',
+          onOk() {
+              request({
+                  url: '/api/admin/buildingDynamic/finish',
+                  method: 'PUT',
+                  data: {dynamicId: row.dynamicId, top: ""},
+              }).then((data) => {
+                  console.log(data)
+                  message.info('操作成功！')
+                  getList({ pageNum: 1, pageSize: 10 })
+              }).catch((err) => {
+                  console.log(err)
+                  message.info(err.msg || err.message)
+              })
+          },
+        });
+  }
+  
+//   置顶
+  const topDynamic = (row) => () => {
+      const weight = Math.abs(row.weight - 1)
+      request({
+          url: '/api/admin/buildingDynamic/weight',
+          method: 'PUT',
+          params: {dynamicId: row.dynamicId, weight},
+      }).then((data) => {
+          console.log(data)
+          message.info('操作成功！')
+          getList({ pageNum: 1, pageSize: 10 })
+      }).catch((err) => {
+          console.log(err)
+          message.info(err.msg || err.message)
+      })
+  }
+  
+  const sendOrPublicDynamic = (row) => {
+      if (row.status === 1) {
+          cancelDynamic(row)
+      } else {
+          sendDynamic(row)
+      }
+  }
+  
+  // 取消活动
+  const cancelDynamic = (row) => {
+      request({
+          url: '/api/admin/buildingDynamic/cancel/'+row.dynamicId,
+          method: 'PUT',
+      }).then((data) => {
+          message.info('操作成功！')
+          getList({ pageNum: 1, pageSize: 10 })
+      }).catch((err) => {
+          console.log(err)
+          message.info(err.msg || err.message)
+      })
+  }
+  
+  //发布活动
+  const sendDynamic = (row) => {
+      request({
+          url: '/api/admin/buildingDynamic/send/'+row.dynamicId,
+          method: 'PUT',
+      }).then((data) => {
+          message.info('操作成功！')
+          getList({ pageNum: 1, pageSize: 10 });
+      }).catch((err) => {
+          console.log(err)
+          message.info(err.msg || err.message)
+      })
+  }
+  
+  const changePageNum = (pageNumber) => {
+      getList({ pageNum: pageNumber, pageSize: 10 })
+  }
+
+  // 提交事件
+const handleSubmit = (e, props) => {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        console.log('提交数据: ', values)
+        getList({ pageNum: 1, pageSize: 10, ...values })
+      }
+    });
+  }
+
   const { getFieldDecorator } = props.form
   return (
 
     <>
       <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
         <Form.Item>
-          {getFieldDecorator('goodState')(
+          {getFieldDecorator('cityId')(
             <SelectCity />,
           )}
         </Form.Item>
         <Form.Item>
-          {getFieldDecorator('isMain')(
-            <Select style={{ width: '180px' }} placeholder="请选择项目" onChange={handleSelectChange}>
-              <Option value="1">首页推荐</Option>
-              <Option value="0">首页未推荐</Option>
-            </Select>,
+          {getFieldDecorator('buildingId')(
+            <BuildSelect />,
           )}
         </Form.Item>
         <Form.Item>
-          {getFieldDecorator('name')(
+          {getFieldDecorator('title')(
             <Input
               prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
               placeholder="请输入标题"
@@ -234,13 +232,13 @@ const header = (props) => {
           )}
         </Form.Item>
         <Form.Item>
-          {getFieldDecorator('min')(
+          {getFieldDecorator('time')(
             <DatePicker />
           )}
         </Form.Item>
         <Form.Item>
-          {getFieldDecorator('goodState')(
-            <Select style={{ width: '180px' }} placeholder="是否报名" onChange={handleSelectChange}>
+          {getFieldDecorator('isEnlist')(
+            <Select style={{ width: '180px' }} placeholder="是否报名">
               <Option value="1">已报名</Option>
               <Option value="0">未报名</Option>
             </Select>,
@@ -252,8 +250,11 @@ const header = (props) => {
           </Button>
         </Form.Item>
       </Form>
-      <Button type="primary" className={styles.addBtn} onClick={toEditGoods}>新增</Button>
-      <Table dataSource={data.list} columns={columns} />
+      <Button type="primary" className={styles.addBtn} onClick={toEditGoods()}>新增</Button>
+      <Table dataSource={data.list} columns={columns} pagination={false}/>
+      <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
+        <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={changePageNum} />
+      </div>
     </>
   )
 }

src/pages/activity/SignList.jsx

@@ -10,14 +10,6 @@ import request from '../../utils/request'
 const { Option } = Select;
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
 
-
-
-// 分页
-function onChange(pageNumber) {
-  console.log('Page: ', pageNumber);
-}
-
-
 /**
  *
  *
@@ -27,51 +19,64 @@ function onChange(pageNumber) {
 
 const columns = [
   {
-    title: '活动标题',
-    dataIndex: 'title',
-    key: 'title',
+    title: '用户姓名',
+    dataIndex: 'name',
+    key: 'name',
     align: 'center',
   },
   {
-    title: '活动时间',
-    dataIndex: 'startDate',
-    key: 'startDate',
+    title: '手机号',
+    dataIndex: 'phone',
+    key: 'phone',
     align: 'center',
-    render: (x, row) => <><span>{`${moment(row.startDate).format('YYYY-MM-DD')} —— ${moment(row.endDate).format('YYYY-MM-DD')}`}</span></>
   },
   {
-    title: '已参加人数',
-    dataIndex: 'count',
-    key: 'count',
+    title: '报名时间',
+    dataIndex: 'createDate',
+    key: 'createDate',
     align: 'center',
+    render: (x, row) => <><span>{`${moment(row.createDate).format('YYYY-MM-DD')}`}</span></>
   }
 ];
 
 
 
 const header = (props) => {
-  const [ data, setData ] = useState({})
+  const [ data, setData ] = useState({list: {}})
 //   const [page, changePage] = useState({})
   useEffect(() => {
-    getSignList();
+    getSignList({pageNum: 1,pageSize: 10, dynamicId: props.location.query.dynamicId });
   },[])
 
   // 查询列表
-  const getSignList = (e) => {
+  const getSignList = (params) => {
     request({
         url: '/api/admin/SignList',
         method: 'GET',
-        params: {pageNum: 1,pageSize: 10, dynamicId: props.location.query.dynamicId },
+        params: { ...params },
     }).then((data) => {
         console.log(data)
         setData(data)
     })
   }
 
+  const changePageNum = (pageNumber) => {
+    getList({ pageNum: pageNumber, pageSize: 10, dynamicId: props.location.query.dynamicId })
+  }
+
+  const toActivityList = () => {
+    router.push({
+      pathname: '/activity/ActivityList',
+    });
+  }
+
   return (
     <>
-      <Button type="primary" className={styles.addBtn}>返回</Button>
-      <Table dataSource={data} columns={columns} />
+      <Button type="primary" className={styles.addBtn} onClick={toActivityList}>返回</Button>
+      <Table dataSource={data.list.data} columns={columns} pagination={false} />
+      <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
+        <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={changePageNum} />
+      </div>
     </>
   )
 }

src/pages/activity/editActivity.jsx

@@ -2,8 +2,8 @@ import React, { useState } from 'react';
 import { Form, Input, Button, Icon, Select, Tabs, Radio } from 'antd';
 import { FormattedMessage } from 'umi-plugin-react/locale';
 import styles from '../style/GoodsList.less';
-
-
+import XForm, { FieldTypes } from '../../components/XForm';
+import Wangedit from '../../components/Wangedit/Wangedit'
 
 /**
  *
@@ -11,37 +11,93 @@ import styles from '../style/GoodsList.less';
  * @param {*} props
  * @returns
  */
-
-
- const Basic = (props) => {
-   return <div>Basic</div>
- }
- 
- const Poster = (props) => {
-  return <div>Poster</div>
-}
-
-const Share = (props) => {
-  return <div>Share</div>
-}
-
  const Edit = (props) => {
-   const [ tab, changeTab ] = useState('a');
+  const [ tab, changeTab ] = useState('basic');
+  const dynamicId = props.location.query.dynamicId
+  console.log(dynamicId)
 
+  const Basic = (props) => {
+    const fields = [
+      {
+        label: '所属项目',
+        name: 'org_id',
+        type: FieldTypes.Text
+      },
+      {
+        label: '主图',
+        name: 'city_id',
+        type: FieldTypes.ImageUploader,
+      },
+      {
+        label: '活动标题',
+        name: 'share_num',
+        type: FieldTypes.Text,
+        placeholder: '不填, 默认使用手机号'
+      },
+      {
+        label: '活动时间',
+        name: 'save_num',
+        type: FieldTypes.Text,
+        rules: [
+          {required: true, message: '请填写手机号'}
+        ]
+      },
+      {
+        label: '活动地点',
+        name: 'pv_num',
+        type: FieldTypes.ImageUploader,
+        extra: '建议图片大小 128 * 128'
+      },
+      {
+        label: '活动人数',
+        name: 'favor_num',
+        type: FieldTypes.DatePicker,
+      },
+      {
+        label: '活动详情',
+        name: 'expDate',
+        render: <Wangedit />,
+        value: "222222",
+      },
+      {
+        label: '是否需要报名',
+        name: 'volume_rate',
+        type: FieldTypes.DatePicker,
+      },
+      {
+        label: '报名时间',
+        name: 'parking_rate',
+        type: FieldTypes.DatePicker,
+      },
+    ]
+  
+    const handleSubmit = val => {
+      window.console.log('submit data --->', val)
+    }
+    return <XForm onSubmit={handleSubmit} fields={fields}></XForm>
+  }
+  
+  const Poster = (props) => {
+   return <div>Poster</div>
+  }
+ 
+  const Share = (props) => {
+    return <div>Share</div>
+  }
 
   return (
     <div>
       <div>
         <Radio.Group value={tab} buttonStyle="solid" onChange={e => changeTab(e.target.value)}>
-          <Radio.Button value="a">基本信息</Radio.Button>
-          <Radio.Button value="b">海报图片</Radio.Button>
-          <Radio.Button value="c">分享设置</Radio.Button>
+          <Radio.Button value="basic">基本信息</Radio.Button>
+          <Radio.Button value="poster">海报图片</Radio.Button>
+          <Radio.Button value="share">分享设置</Radio.Button>
         </Radio.Group>
       </div>
       <div>
-        { tab === 'a' && <Basic /> }
-        { tab === 'b' && <Poster /> }
-        { tab === 'c' && <Share /> }
+        { tab === 'basic' && <Basic /> }
+        { tab === 'poster' && <Poster /> }
+        { tab === 'share' && <Share /> }
       </div>
     </div>
   );

src/pages/channel/addChannel.jsx

@@ -1,37 +1,64 @@
-import React from 'react';
-import { Form, Select, Input, Button } from 'antd';
+import React, { useState, useEffect } from 'react';
+import { Input, Menu, Dropdown, Button, Icon, message, Table, Divider, Tag, Select, Form, Alert } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
 import channels from './channelList.less';
+import router from 'umi/router';
+import request from '../../utils/request'
 
 const { TextArea } = Input;
 const { Option } = Select;
 
-class App extends React.Component {
-  handleSubmit = e => {
+const header = props => {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [data, setData] = useState({ channelNmae: [], result: [] })
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+
+  // useEffect(() => {
+  //   addChannel({ pageNum: 1, pageSize: 10 })
+  // }, [])
+
+  function addChannel(params) {
+      request({
+        url: '/api/admin/channel',
+        method: 'POST',
+        data: { ...params },
+    // eslint-disable-next-line no-shadow
+    }).then(data => {
+        console.log(data)
+        setData(data)
+         // eslint-disable-next-line no-unused-expressions
+         router.go(-1)
+    })
+  }
+
+  function handleSubmit(e) {
     e.preventDefault();
-    this.props.form.validateFields((err, values) => {
-      console.log('Form.Item', values.note)
+    props.form.validateFields((err, values) => {
       if (!err) {
-       alert('Received values of form: ', values);
+        console.log('Received values of form: ', values);
+        // eslint-disable-next-line max-len
+        addChannel({ channelName: values.channelName, channelContact: values.channelContact, contactTel: values.contactTel })
       }
     });
-  };
+  }
+
+  const { getFieldDecorator } = props.form;
 
-  render() {
-    const { getFieldDecorator } = this.props.form;
-    return (
-      <Form labelCol={{ span: 7 }} wrapperCol={{ span: 12 }} onSubmit={this.handleSubmit}>
+  return (
+  <>
+        <Form labelCol={{ span: 7 }} wrapperCol={{ span: 12 }} onSubmit={handleSubmit}>
         <Form.Item label="渠道名称">
-          {getFieldDecorator('note', {
+          {getFieldDecorator('channelName', {
             rules: [{ required: true, message: '请输入渠道名称' }],
           })(<Input className={channels.inpuit} / >)}
         </Form.Item>
         <Form.Item label="联系人">
-          {getFieldDecorator('note2', {
+          {getFieldDecorator('channelContact', {
             rules: [{ required: true, message: ' 请输入联系人' }],
           })(<Input className={channels.inpuit} />)}
         </Form.Item>
         <Form.Item label="联系电话">
-          {getFieldDecorator('note3', {
+          {getFieldDecorator('contactTel', {
             rules: [{ required: true, message: '请输入联系电话' }],
           })(<Input className={channels.inpuit} />)}
         </Form.Item>
@@ -42,19 +69,14 @@ class App extends React.Component {
           <Button type="primary" htmlType="submit">
             保存
           </Button>
-          <Button className={channels.formButton} type="primary" htmlType="submit">
+          <Button className={channels.formButton} onClick = {() => router.go(-1)} type="primary" htmlType="submit">
             取消
           </Button>
         </Form.Item>
       </Form>
-    );
-  }
+  </>
+)
 }
 
-const WrappedApp = Form.create({ name: 'coordinated' })(App);
-
-export default () => (
-  <>
-    <WrappedApp />
-  </>
-);
+const WrappedNormalLoginForm = Form.create({ name: 'header' })(header);
+export default WrappedNormalLoginForm

src/pages/channel/brokerList.jsx

@@ -1,8 +1,9 @@
-import React from 'react';
+import React, { useState, useEffect } from 'react';
 import { Input, Menu, Dropdown, Button, Icon, message, Table, Divider, Tag, Select } from 'antd';
 import { FormattedMessage } from 'umi-plugin-react/locale';
 import channels from './channelList.less';
 import router from 'umi/router';
+import request from '../../utils/request'
 
 const { Option } = Select;
 function handleChange(value) {
@@ -26,54 +27,54 @@ const menu = (
     </Menu.Item>
   </Menu>
 );
-const dataSource = [
-  {
-    key: '1',
-    img: 'http://img0.imgtn.bdimg.com/it/u=4246326797,2657995307&fm=26&gp=0.jpg',
-    name: '123',
-    age: 32,
-    address: '西湖区湖底公园1号',
-  },
-  {
-    key: '2',
-    img: '',
-    age: 42,
-    address: '西湖区湖底公园1号',
-  },
-];
+// const dataSource = [
+//   {
+//     key: '1',
+//     img: 'http://img0.imgtn.bdimg.com/it/u=4246326797,2657995307&fm=26&gp=0.jpg',
+//     name: '123',
+//     age: 32,
+//     address: '西湖区湖底公园1号',
+//   },
+//   {
+//     key: '2',
+//     img: '',
+//     age: 42,
+//     address: '西湖区湖底公园1号',
+//   },
+// ];
 
 const columns = [
   {
     title: '头像',
-    dataIndex: 'img',
-    key: 'img',
+    dataIndex: 'avatarurl',
+    key: 'avatarurl',
     align: 'center',
 
-    render: (text, record) => <img src={record.img} className={channels.touxiang} />,
+    // eslint-disable-next-line jsx-a11y/alt-text
+    render: (text, record) => <img src={record.avatarurl }/>,
   },
   {
     title: '用户姓名',
     dataIndex: 'name',
     key: 'name',
     align: 'center',
-    render: text => <a>{text}</a>,
   },
   {
     title: '电话',
-    dataIndex: 'integral',
-    key: 'integral',
+    dataIndex: 'tel',
+    key: 'tel',
     align: 'center',
   },
   {
     title: '性别',
-    dataIndex: 'total',
-    key: 'total',
+    dataIndex: 'sex',
+    key: 'sex',
     align: 'center',
   },
   {
     title: '推荐客户',
-    dataIndex: 'exchanged',
-    key: 'exchanged',
+    dataIndex: 'recommendCount',
+    key: 'recommendCount',
     align: 'center',
   },
   {
@@ -93,7 +94,35 @@ function toEditGoods() {
     },
   });
 }
-export default () => (
+const header = props => {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [data, setData] = useState({})
+//   const [page, changePage] = useState({})
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    request({
+        url: '/api/admin/channel/broker',
+        method: 'GET',
+        params: { pageNum: 1, pageSize: 10 },
+    // eslint-disable-next-line no-shadow
+    }).then(data => {
+        console.log(data)
+        setData(data)
+    })
+  }, [])
+
+  const getList = e => {
+    request({
+        url: '/api/xxx',
+        method: 'GET',
+        params: {},
+    // eslint-disable-next-line no-shadow
+    }).then(data => {
+        setData(data)
+    })
+  }
+
+return (
   <>
     <div className={ channels.searchBox }>
       <div>
@@ -104,11 +133,13 @@ export default () => (
       </div>
       <Button className={channels.about}>查询</Button>
     </div>
-    <Table dataSource={dataSource} columns={columns} />
+    <Table dataSource={data.records} columns={columns} />
   </>
-);
+)
+}
 
 function handleMenuClick(e) {
   message.info('Click on menu item.');
   console.log('click', e);
 }
+export default header

src/pages/channel/channelList.jsx

@@ -1,46 +1,27 @@
-import React from 'react';
+import React, { useState, useEffect } from 'react';
 import { Input, Menu, Dropdown, Button, Icon, message, Table, Divider, Tag, Select } from 'antd';
 import { FormattedMessage } from 'umi-plugin-react/locale';
 import channels from './channelList.less';
 import router from 'umi/router';
+import request from '../../utils/request'
 
 const { Option } = Select;
-function handleChange(value) {
-  console.log(`selected ${value}`);
-}
-
 
-const menu = (
-  <Menu onClick={handleMenuClick}>
-    <Menu.Item key="1">
-      <Icon type="user" />
-      1st menu item
-    </Menu.Item>
-    <Menu.Item key="2">
-      <Icon type="user" />
-      2nd menu item
-    </Menu.Item>
-    <Menu.Item key="3">
-      <Icon type="user" />
-      3rd item
-    </Menu.Item>
-  </Menu>
-);
-const dataSource = [
-  {
-    key: '1',
-    img: 'http://img0.imgtn.bdimg.com/it/u=4246326797,2657995307&fm=26&gp=0.jpg',
-    name: '123',
-    age: 32,
-    address: '西湖区湖底公园1号',
-  },
-  {
-    key: '2',
-    img: '',
-    age: 42,
-    address: '西湖区湖底公园1号',
-  },
-];
+// const dataSource = [
+//   {
+//     key: '1',
+//     img: 'http://img0.imgtn.bdimg.com/it/u=4246326797,2657995307&fm=26&gp=0.jpg',
+//     name: '123',
+//     age: 32,
+//     address: '西湖区湖底公园1号',
+//   },
+//   {
+//     key: '2',
+//     img: '',
+//     age: 42,
+//     address: '西湖区湖底公园1号',
+//   },
+// ];
 
 const columns = [
   // {
@@ -53,52 +34,52 @@ const columns = [
   // },
   {
     title: '渠道代码',
-    dataIndex: 'name',
-    key: 'name',
+    dataIndex: 'channelCode',
+    key: 'channelCode',
     align: 'center',
     render: text => <a>{text}</a>,
   },
   {
     title: '渠道名称',
-    dataIndex: 'integral',
-    key: 'integral',
+    dataIndex: 'channelName',
+    key: 'channelName',
     align: 'center',
   },
   {
     title: '联系人',
-    dataIndex: 'total',
-    key: 'total',
+    dataIndex: 'channelContact',
+    key: 'channelContact',
     align: 'center',
   },
   {
     title: '联系电话',
-    dataIndex: 'exchanged',
-    key: 'exchanged',
+    dataIndex: 'contactTel',
+    key: 'contactTel',
     align: 'center',
   },
   {
-    title: '经纪人',
-    dataIndex: 'rest',
-    key: 'rest',
+    title: '经纪人数',
+    dataIndex: 'agentsNum',
+    key: 'agentsNum',
     align: 'center',
   },
   {
     title: '推荐客户有效',
-    dataIndex: 'state',
-    key: 'state',
+    dataIndex: 'recommendEffective',
+    key: 'recommendEffective',
     align: 'center',
   },
   {
     title: '邀请经济人',
-    dataIndex: 'handle',
-    key: 'handle',
+    dataIndex: 'agentsInvite',
+    key: 'agentsInvite',
     align: 'center',
-    render: () => <a>Delete</a>,
+    // render: () => <a>Delete</a>,
   },
   {
     title: '操作',
-    dataIndex: 'handle',
-    key: 'handle',
+    dataIndex: '',
+    key: '',
     align: 'center',
     render: () => <a style={ { color: '#66B3FF' } }>编辑</a>,
   },
@@ -113,28 +94,66 @@ function toEditGoods() {
     },
   });
 }
-export default () => (
-  <>
-    <div className={channels.searchBox}>
-      <dvi>
-        <span className={channels.selectName}>渠道名称</span>
-        <Select defaultValue="lucy" style={{ width: 180 }} onChange={handleChange}>
-          <Option value="jack">Jack</Option>
-          <Option value="lucy">Lucy</Option>
-          <Option value="disabled" disabled>
-            Disabled
-          </Option>
-          <Option value="Yiminghe">yiminghe</Option>
-        </Select>
-      </dvi>
-      <Button className={channels.about}>查询</Button>
-    </div>
-    <Button className={channels.addBtn} onClick={toEditGoods}>新增</Button>
-    <Table dataSource={dataSource} columns={columns} />
-  </>
-);
 
-function handleMenuClick(e) {
-  message.info('Click on menu item.');
-  console.log('click', e);
+const header = props => {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [data, setData] = useState({ channelNmae: [], result: [] })
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  // const [queryData, setQueryData] = useState({ pageNum: 1, pageSize: 10 })
+  //   const [page, changePage] = useState({})
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    getList({ pageNum: 1, pageSize: 10 })
+  }, [])
+
+  function getList(params) {
+    request({
+      url: '/api/admin/channel',
+      method: 'GET',
+      params: { ...params },
+  // eslint-disable-next-line no-shadow
+  }).then(data => {
+      console.log(data)
+      setData(data)
+  })
+  }
+  // value 的值
+  function handleChange(value) {
+    // setQueryData({ ...queryData, channelId: value });
+    localStorage.setItem('value', value);
+  }
+  // 查询
+  function queryList() {
+    getList({ pageNum: 1, pageSize: 10, channelId: localStorage.getItem('value') })
+  }
+ // 重置
+ function reset() {
+  getList({ pageNum: 1, pageSize: 10 })
+ }
+  return (
+    <>
+      <div className={channels.searchBox}>
+        <dvi>
+          <span className={channels.selectName}>渠道名称</span>
+          <Select defaultValue="请选择" style={{ width: 180 }} onChange={handleChange}>
+          <option value="">全部</option>
+              {data.channelNmae.map(Item =>
+                <Option value={ Item.channelId }> { Item.channelName } </Option>,
+              )}
+              {/* {listItems} */}
+          </Select>
+
+        </dvi>
+        <div >
+        <Button style ={{ backgroundColor: '#00bfff' } } onClick={() => queryList() }>查询</Button>
+        <Button onClick={() => reset() }>重置</Button>
+        </div>
+      </div>
+      <Button className={channels.addBtn} onClick={toEditGoods}>新增</Button>
+      <Table dataSource={data.result.records} columns={columns} />
+  </>
+  )
 }
+
+
+export default header

src/pages/channel/recommendClients.jsx

@@ -1,8 +1,9 @@
-import React from 'react';
+import React, { useState, useEffect } from 'react';
 import { Input, Menu, Dropdown, Button, Icon, message, Table, Divider, Tag, Select } from 'antd';
 import { FormattedMessage } from 'umi-plugin-react/locale';
 import channels from './channelList.less';
 import router from 'umi/router';
+import request from '../../utils/request'
 
 const { Option } = Select;
 function handleChange(value) {
@@ -45,11 +46,11 @@ const dataSource = [
 const columns = [
   {
     title: '头像',
-    dataIndex: 'img',
-    key: 'img',
+    // dataIndex: 'img',
+    // key: 'img',
     align: 'center',
 
-    render: (text, record) => <img src={record.img} className={channels.touxiang} />,
+    render: (text, record) => <img src={record.picture} className={channels.touxiang} />,
   },
   {
     title: '用户姓名',
@@ -60,32 +61,32 @@ const columns = [
   },
   {
     title: '电话',
-    dataIndex: 'integral',
-    key: 'integral',
+    dataIndex: 'recommendTel',
+    key: 'recommendTel',
     align: 'center',
   },
   {
     title: '性别',
-    dataIndex: 'total',
-    key: 'total',
+    dataIndex: 'sex',
+    key: 'sex',
     align: 'center',
   },
   {
     title: '意向项目',
-    dataIndex: 'exchanged',
-    key: 'exchanged',
+    dataIndex: 'intention',
+    key: 'intention',
     align: 'center',
   },
   {
     title: '推荐时间',
-    dataIndex: 'rest',
-    key: 'rest',
+    dataIndex: 'createDate',
+    key: 'createDate',
     align: 'center',
   },
   {
     title: '状态',
-    dataIndex: 'rest',
-    key: 'rest',
+    dataIndex: 'status',
+    key: 'status',
     align: 'center',
   },
 ];
@@ -99,11 +100,43 @@ function toEditGoods() {
     },
   });
 }
-export default () => (
-    <Table dataSource={dataSource} columns={columns} />
-);
+const header = props => {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [data, setData] = useState({})
+//   const [page, changePage] = useState({})
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    request({
+        url: '/api/admin/customer/recommend/recommender',
+        method: 'GET',
+        params: { pageNum: 1, pageSize: 10 },
+    // eslint-disable-next-line no-shadow
+    }).then(data => {
+        console.log(data)
+        setData(data)
+    })
+  }, [])
+
+  const getList = e => {
+    request({
+        url: '/api/xxx',
+        method: 'GET',
+        params: {},
+    // eslint-disable-next-line no-shadow
+    }).then(data => {
+        setData(data)
+    })
+  }
+
+return (
+  <>
+    <Table dataSource={data.records} columns={columns} />
+  </>
+)
+}
 
 function handleMenuClick(e) {
   message.info('Click on menu item.');
   console.log('click', e);
 }
+export default header

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`,
+    },
+  },
 }