合并

src/pages/channel/InviteClients.jsx

@@ -1,31 +1,16 @@
-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',
@@ -71,21 +56,51 @@ const columns = [
     align: 'center',
   },
 ];
+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(() => {
+    getList({ pageNum: 1, pageSize: 10 })
+  }, [])
+
+  function getList(params) {
+    request({
+      url: '/api/admin/channel/InviteClientsList',
+      method: 'GET',
+      params: { ...params },
+  // eslint-disable-next-line no-shadow
+  }).then(data => {
+      console.log(data)
+      setData(data)
+  })
+  }
+  // value 的值
+  // eslint-disable-next-line no-shadow
+  function handleChange(value) {
+    // setQueryData({ ...queryData, channelId: value });
+    localStorage.setItem('value', value);
+  }
+  // 查询
+  function queryList() {
+    getList({ pageNum: 1, pageSize: 10 })
+  }
 
-// 跳转到编辑商品
-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);
+  // 分页
+  function onChange(pageNumber) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+      getList({ pageNum: pageNumber, pageSize: 9 })
+  }
+
+  return (
+    <>
+      <div className={channels.searchBox}>
+      </div>
+      <Table dataSource={data.records} columns={columns} pagination={{ pageSize: 10, total: data.total, onChange }} />
+  </>
+  )
 }
+
+
+export default header

src/pages/channel/brokerList.jsx

@@ -164,7 +164,7 @@ return (
         <Input onChange = { onInputChangeName } style ={{ width: 150 }} />
       </div>
       <div>
-      <Button type="primary" className={channels.about} onClick={() => queryList() }>查询</Button>
+      <Button type="primary"  onClick={() => queryList() }>查询</Button>
       <Button onClick={() => refurbishList() }>重置</Button>
     </div>
     </div>

src/pages/channel/editChannel.jsx

@@ -0,0 +1,89 @@
+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;
+
+const header = props => {
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    getById()
+  }, [])
+  // 查询当前信息
+  function getById() {
+    request({
+      url: `/api/admin/channel/${props.location.query.id}`,
+      method: 'GET',
+  // eslint-disable-next-line no-shadow
+  }).then(data => {
+      props.form.setFieldsValue(data)
+  })
+  }
+
+  // 编辑
+  function editChannel(data) {
+    alert(1111111)
+      request({
+        url: `/api/admin/channel/${props.location.query.id}`,
+        method: 'PUT',
+        data: { ...data },
+    // eslint-disable-next-line no-shadow
+    }).then(data => {
+         // eslint-disable-next-line no-unused-expressions
+         router.go(-1)
+    })
+  }
+
+  function handleSubmit(e) {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        console.log('values', values)
+        editChannel({ ...values })
+      }
+    });
+  }
+
+  const { getFieldDecorator } = props.form;
+
+  return (
+  <>
+        <Form labelCol={{ span: 7 }} wrapperCol={{ span: 12 }} onSubmit={handleSubmit}>
+        <Form.Item label="渠道名称">
+          {getFieldDecorator('channelName', {
+            rules: [{ required: true, message: '请输入渠道名称' }],
+          })(<Input className={channels.inpuit} />)}
+        </Form.Item>
+        <Form.Item label="联系人">
+          {getFieldDecorator('channelContact', {
+            rules: [{ required: true, message: ' 请输入联系人' }],
+          })(<Input className={channels.inpuit} />)}
+        </Form.Item>
+        <Form.Item label="联系电话">
+          {getFieldDecorator('contactTel', {
+            rules: [{ required: true, message: '请输入联系电话' }],
+          })(<Input className={channels.inpuit} />)}
+        </Form.Item>
+        <Form.Item label="说明描述">
+        {getFieldDecorator('explain', {
+        })(<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} onClick = {() => router.go(-1)} type="primary" htmlType="submit">
+            取消
+          </Button>
+        </Form.Item>
+      </Form>
+  </>
+)
+}
+const WrappedNormalLoginForm = Form.create({ name: 'header' })(header);
+export default WrappedNormalLoginForm