渠道管理

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,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,21 +27,21 @@ 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 = [
   // {
@@ -53,52 +54,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 +114,48 @@ 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} />
+
+const header = props => {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [data, setData] = useState({ records: [] })
+//   const [page, changePage] = useState({})
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    request({
+        url: '/api/admin/channel',
+        method: 'GET',
+        params: { pageNum: 1, pageSize: 10 },
+    // eslint-disable-next-line no-shadow
+    }).then(data => {
+        console.log(data)
+        setData(data)
+    })
+  }, [])
+
+  return (
+    <>
+      <div className={channels.searchBox}>
+        <dvi>
+          <span className={channels.selectName}>渠道名称</span>
+          <Select defaultValue="请选择" style={{ width: 180 }} onChange={handleChange}>
+              {data.records.map(Item =>
+                <Option value={ Item.channelId }> { Item.channelName } </Option>,
+              )}
+              {/* {listItems} */}
+          </Select>
+
+        </dvi>
+        <Button className={channels.about} onClick={ header }>查询</Button>
+      </div>
+      <Button className={channels.addBtn} onClick={toEditGoods}>新增</Button>
+      <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/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