合并

config/config.js

                 },
                 {
                   path: '/channel/recommendClients',
-                  name: '推荐客户',
+                  name: '',
                   component: './channel/recommendClients',
                 },
                 {
                   path: '/channel/InviteClients',
-                  name: '邀请经纪人',
+                  name: '',
                   component: './channel/InviteClients',
                 },
               ],

src/pages/channel/InviteClients.jsx

   console.log(`selected ${value}`);
 }
 
-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 = [
   {
     key: 'img',
     align: 'center',
 
-    render: (text, record) => <img src={record.img} className={channels.touxiang} />,
+    render: (text, record) => <img src={record.avatarurl} className={channels.touxiang} />,
   },
   {
     title: '用户姓名',
   },
   {
     title: '电话',
-    dataIndex: 'integral',
-    key: 'integral',
+    dataIndex: 'tel',
+    key: 'tel',
     align: 'center',
   },
   {
     title: '性别',
-    dataIndex: 'total',
-    key: 'total',
+    dataIndex: 'sex',
+    key: 'sex',
     align: 'center',
   },
 ];
   const [data, setData] = useState({ channelNmae: [], result: [] })
   // eslint-disable-next-line react-hooks/rules-of-hooks
   useEffect(() => {
-    getList({ pageNum: 1, pageSize: 10 })
+    getList({ id: props.location.query.id, pageNum: 1, pageSize: 10 })
   }, [])
 
   function getList(params) {

src/pages/channel/brokerList.jsx

     align: 'center',
 
     // eslint-disable-next-line jsx-a11y/alt-text
-    render: (text, record) => <img src={record.avatarurl }/>,
+    render: (text, list) => <img src={list.avatarurl }/>,
   },
   {
     title: '用户姓名',
     dataIndex: 'recommendCount',
     key: 'recommendCount',
     align: 'center',
+    render: (text, list) => <a style={ { color: '#66B3FF' } } onClick= {() => torecommend(list.personId)} >{ list.recommendCount }</a>,
   },
   {
     title: '邀请经纪人',
-    dataIndex: 'rest',
-    key: 'rest',
+    dataIndex: 'inviteCount',
+    key: 'inviteCount',
     align: 'center',
+    render: (text, list) => <a style={ { color: '#66B3FF' } } onClick= {() => toinvite(list.personId)} >{ list.inviteCount }</a>,
   },
 ];
 
-// 跳转到编辑商品
-function toEditGoods() {
+// 跳转到推荐客户
+function torecommend(personId) {
   router.push({
-    pathname: '/channel/addChannel',
+    pathname: '/channel/recommendClients',
     query: {
-      a: 'b',
+      id: personId,
     },
   });
 }
 
+// 跳转到邀请经纪人
+function toinvite(personId) {
+  router.push({
+    pathname: '/channel/InviteClients',
+    query: {
+      id: personId,
+    },
+  });
+}
+
+
 const header = props => {
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  const [data, setData] = useState({})
+  const [data, setData] = useState({ list: [] })
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const [queryData, setQueryData] = useState({})
         <Input onChange = { onInputChangeName } style ={{ width: 150 }} />
       </div>
       <div>
-      <Button type="primary"  onClick={() => queryList() }>查询</Button>
+      <Button type="primary" onClick={() => queryList() }>查询</Button>
       <Button onClick={() => refurbishList() }>重置</Button>
     </div>
     </div>
-    <Table dataSource={data.records} columns={columns} pagination={{ pageSize: 10, total: data.total, onChange }} />
+    <Table dataSource={data.list} columns={columns} pagination={{ pageSize: 10, total: data.total, onChange }} />
   </>
 )
 }