合并

src/pages/channel/InviteClients.jsx

@@ -0,0 +1,91 @@
+import React 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';
+
+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 columns = [
+  {
+    title: '头像',
+    dataIndex: 'img',
+    key: 'img',
+    align: 'center',
+
+    render: (text, record) => <img src={record.img} className={channels.touxiang} />,
+  },
+  {
+    title: '用户姓名',
+    dataIndex: 'name',
+    key: 'name',
+    align: 'center',
+    render: text => <a>{text}</a>,
+  },
+  {
+    title: '电话',
+    dataIndex: 'integral',
+    key: 'integral',
+    align: 'center',
+  },
+  {
+    title: '性别',
+    dataIndex: 'total',
+    key: 'total',
+    align: 'center',
+  },
+];
+
+// 跳转到编辑商品
+function toEditGoods() {
+  router.push({
+    pathname: '/channel/addChannel',
+    query: {
+      a: 'b',
+    },
+  });
+}
+export default () => (
+    <Table dataSource={dataSource} columns={columns} />
+);
+
+function handleMenuClick(e) {
+  message.info('Click on menu item.');
+  console.log('click', e);
+}

src/pages/channel/addChannel.jsx

@@ -0,0 +1,60 @@
+import React from 'react';
+import { Form, Select, Input, Button } from 'antd';
+import channels from './channelList.less';
+
+const { TextArea } = Input;
+const { Option } = Select;
+
+class App extends React.Component {
+  handleSubmit = e => {
+    e.preventDefault();
+    this.props.form.validateFields((err, values) => {
+      console.log('Form.Item', values.note)
+      if (!err) {
+       alert('Received values of form: ', values);
+      }
+    });
+  };
+
+  render() {
+    const { getFieldDecorator } = this.props.form;
+    return (
+      <Form labelCol={{ span: 7 }} wrapperCol={{ span: 12 }} onSubmit={this.handleSubmit}>
+        <Form.Item label="渠道名称">
+          {getFieldDecorator('note', {
+            rules: [{ required: true, message: '请输入渠道名称' }],
+          })(<Input className={channels.inpuit} / >)}
+        </Form.Item>
+        <Form.Item label="联系人">
+          {getFieldDecorator('note2', {
+            rules: [{ required: true, message: ' 请输入联系人' }],
+          })(<Input className={channels.inpuit} />)}
+        </Form.Item>
+        <Form.Item label="联系电话">
+          {getFieldDecorator('note3', {
+            rules: [{ required: true, message: '请输入联系电话' }],
+          })(<Input className={channels.inpuit} />)}
+        </Form.Item>
+        <Form.Item label="说明描述">
+       <TextArea className={channels.inpuitTxt} rows={8} />
+        </Form.Item>
+        <Form.Item wrapperCol={{ span: 15, offset: 7 }}>
+          <Button type="primary" htmlType="submit">
+            保存
+          </Button>
+          <Button className={channels.formButton} type="primary" htmlType="submit">
+            取消
+          </Button>
+        </Form.Item>
+      </Form>
+    );
+  }
+}
+
+const WrappedApp = Form.create({ name: 'coordinated' })(App);
+
+export default () => (
+  <>
+    <WrappedApp />
+  </>
+);

src/pages/channel/brokerList.jsx

@@ -0,0 +1,114 @@
+import React 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';
+
+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 columns = [
+  {
+    title: '头像',
+    dataIndex: 'img',
+    key: 'img',
+    align: 'center',
+
+    render: (text, record) => <img src={record.img} className={channels.touxiang} />,
+  },
+  {
+    title: '用户姓名',
+    dataIndex: 'name',
+    key: 'name',
+    align: 'center',
+    render: text => <a>{text}</a>,
+  },
+  {
+    title: '电话',
+    dataIndex: 'integral',
+    key: 'integral',
+    align: 'center',
+  },
+  {
+    title: '性别',
+    dataIndex: 'total',
+    key: 'total',
+    align: 'center',
+  },
+  {
+    title: '推荐客户',
+    dataIndex: 'exchanged',
+    key: 'exchanged',
+    align: 'center',
+  },
+  {
+    title: '邀请经纪人',
+    dataIndex: 'rest',
+    key: 'rest',
+    align: 'center',
+  },
+];
+
+// 跳转到编辑商品
+function toEditGoods() {
+  router.push({
+    pathname: '/channel/addChannel',
+    query: {
+      a: 'b',
+    },
+  });
+}
+export default () => (
+  <>
+    <div className={ channels.searchBox }>
+      <div>
+        <span className={ channels.selectName }>姓名</span>
+        <Input style ={{ width: 150 }} />
+        <span className={ channels.selectName }>电话</span>
+        <Input style ={{ width: 150 }}/>
+      </div>
+      <Button className={channels.about}>查询</Button>
+    </div>
+    <Table dataSource={dataSource} columns={columns} />
+  </>
+);
+
+function handleMenuClick(e) {
+  message.info('Click on menu item.');
+  console.log('click', e);
+}

src/pages/channel/recommendClients.jsx

@@ -0,0 +1,109 @@
+import React 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';
+
+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 columns = [
+  {
+    title: '头像',
+    dataIndex: 'img',
+    key: 'img',
+    align: 'center',
+
+    render: (text, record) => <img src={record.img} className={channels.touxiang} />,
+  },
+  {
+    title: '用户姓名',
+    dataIndex: 'name',
+    key: 'name',
+    align: 'center',
+    render: text => <a>{text}</a>,
+  },
+  {
+    title: '电话',
+    dataIndex: 'integral',
+    key: 'integral',
+    align: 'center',
+  },
+  {
+    title: '性别',
+    dataIndex: 'total',
+    key: 'total',
+    align: 'center',
+  },
+  {
+    title: '意向项目',
+    dataIndex: 'exchanged',
+    key: 'exchanged',
+    align: 'center',
+  },
+  {
+    title: '推荐时间',
+    dataIndex: 'rest',
+    key: 'rest',
+    align: 'center',
+  },
+  {
+    title: '状态',
+    dataIndex: 'rest',
+    key: 'rest',
+    align: 'center',
+  },
+];
+
+// 跳转到编辑商品
+function toEditGoods() {
+  router.push({
+    pathname: '/channel/addChannel',
+    query: {
+      a: 'b',
+    },
+  });
+}
+export default () => (
+    <Table dataSource={dataSource} columns={columns} />
+);
+
+function handleMenuClick(e) {
+  message.info('Click on menu item.');
+  console.log('click', e);
+}