zls

config/routes.js

@@ -114,7 +114,7 @@ export default [
               },
               {
                 path: '/customer/recommendCustomer/audit',
-                name: '客户审核', 
+                name: '客户审核',
                 hideInMenu: true,
                 component: './customer/recommendCustomer/audit',
               },
@@ -263,6 +263,17 @@ export default [
                 hideInMenu: true,
                 component: './activity/SignList',
               },
+              {
+                path: '/activity/drainage/DrainageList',
+                name: '全网投放引流',
+                component: './activity/drainage/DrainageList',
+              },
+              {
+                path: '/activity/drainage/Detail',
+                name: '查看详情',
+                hideInMenu: true,
+                component: './activity/drainage/Detail',
+              },
             ],
           },
           {
@@ -298,7 +309,7 @@ export default [
                 name: '添加角色',
                 hideInMenu: true,
                 component: './staff/list/addRole',
-              },  
+              },
             ],
           },
           {

src/pages/activity/drainage/Detail.jsx

@@ -0,0 +1,73 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, DatePicker } from 'antd';
+import router from 'umi/router';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import styles from '../../style/GoodsList.less';
+import moment from 'moment';
+
+
+const columns = [
+  {
+    title: '提交时间',
+    dataIndex: 'time',
+    key: 'time',
+    
+  },
+]
+
+const data = []
+
+const header = (props) => {
+  let daterange = []
+  function onChangetime(_dates, dateStrings) {
+    daterange[1] = dateStrings[1]
+    daterange[0] = dateStrings[0]
+  }
+
+  const changeNewsListStatus = (newsId) => () => {
+    Modal.confirm({
+      title: '确认删除该资讯？',
+      okText: '确认',
+      cancelText: '取消',
+      onOk() {
+        request({ ...apis.news.delete, urlData: { id: newsId }, }).then((data) => {
+          message.info('操作成功！')
+          getList({ pageNum: 1, pageSize: 10 });
+        }).catch((err) => {
+          console.log(err)
+          message.info(err.msg || err.message)
+        })
+      }
+    });
+  }
+ 
+  const { RangePicker } = DatePicker;
+  return (
+    <>
+      <RangePicker
+        style={{ paddingLeft: '30px' }}
+        ranges={{
+          Today: [moment(), moment()],
+          'This Month': [moment().startOf('month'), moment().endOf('month')],
+        }}
+        showTime
+        // format="YYYY/MM/DD HH:mm:ss"
+        onChange={(_dates, dateStrings) => onChangetime(_dates, dateStrings)}
+      />
+      {/* <Button type="primary" htmlType="submit" style={{ marginLeft: '30px' }} onClick={() => this.datalist()}>
+        查询
+        </Button> */}
+        <div>
+           H5项目名称{}  <Button type="primary">导出数据</Button>
+           <Table columns={columns} dataSource={data} pagination={false} />
+        </div>
+        
+       
+
+
+    </>
+  )
+}
+
+
+export default header

src/pages/activity/drainage/DrainageList.jsx

@@ -0,0 +1,237 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, DatePicker } from 'antd';
+import router from 'umi/router';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import styles from '../../style/GoodsList.less';
+
+const changeNewsListStatus = (newsId) => () => {
+  Modal.confirm({
+    title: '确认删除该引流？',
+    okText: '确认',
+    cancelText: '取消',
+    onOk() {
+     
+      
+    }
+  });
+}
+
+const toEditList = (newsId) => () => {
+  router.push({
+    pathname: '/activity/drainage/Detail',
+    // query: {
+    //   newsId
+    // },
+  });
+}
+
+const columns = [
+  {
+    title: 'H5项目编号',
+    dataIndex: 'Id',
+    key: 'Id',
+    
+  },
+  {
+    title: 'H5项目名称',
+    dataIndex: 'name',
+    key: 'name',
+  },
+  {
+    title: '字段1',
+    dataIndex: 'field1',
+    key: 'field1',
+  },
+  {
+    title: '字段2',
+    dataIndex: 'field2',
+    key: 'field2',
+  },
+  {
+    title: '新建时间',
+    dataIndex: 'StartTime',
+    key: 'StartTime',
+    // render:
+  },
+  {
+    title: '截止时间',
+    dataIndex: 'EndTime',
+    key: 'EndTime',
+    // render:
+  },
+  {
+    title: '参与数',
+    dataIndex: 'number',
+    key: 'number',
+    // render:
+  },
+  {
+    title: '操作',
+    key: 'action',
+    render: (text, record) => (
+        <>
+        <span style={{  right: '20px', top: '20px', fontSize: ' 0.106rem',zIndex:1, color: '#FF7E48', cursor: 'pointer' }} onClick={toEditList()}>
+            查看详情
+          </span>
+      
+        <span style={{  right: '20px', bottom: ' 10px', fontSize: ' 0.106rem', color: '#FF7E48', cursor: 'pointer', marginLeft:20}} onClick={changeNewsListStatus()}>
+            删除
+          </span>
+      </>
+    ),
+  },
+];
+
+const data = [
+
+  {
+    Id:'1',
+    name:'zls',
+    // StartTime:'',
+    // EndTime:'',
+    number: 33,
+  }
+  
+
+];
+
+const header = (props) => {
+  // const [data, setData] = useState({ data: [] })
+  const [ date, setDate ] = useState({})
+  //   const [page, changePage] = useState({})
+    useEffect(() => {
+      setDate({
+        ModalText: 'Content of the modal',
+    visible: false,
+    confirmLoading: false,
+      })
+    },[])
+
+  const handleSubmit = (e, props) => {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      // if (!err) {
+      //   console.log('提交数据: ', values)
+      //   getList({ pageNum: 1, pageSize: 10, ...values })
+      // }
+    });
+  }
+
+  //重置搜索
+  function handleReset() {
+    props.form.resetFields();
+  }
+
+const toEditGoods = (dynamicId) => () => {
+  // router.push({
+  //   pathname: '/activity/editActivity',
+  //   query: {
+  //     dynamicId
+  //   },
+  // });
+}
+
+
+function showModal ()  {
+  setDate({
+    visible: true,
+  });
+};
+
+function handleOk  () {
+  setDate({
+    ModalText: 'The modal will be closed after two seconds',
+    confirmLoading: true,
+  });
+  function  setTimeout()  {
+    setDate({
+      visible: false,
+      confirmLoading: false,
+    });
+  };
+};
+
+function handleCancel (){
+  console.log('Clicked cancel button');
+  setDate({
+    visible: false,
+  });
+};
+ 
+  const { getFieldDecorator } = props.form
+  const { visible, confirmLoading, ModalText } = date;
+  return (
+    <>
+      <div>
+      <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+      <Form.Item>
+          {getFieldDecorator('Id')(
+            <Input
+              // prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="H5项目编号"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('name')(
+            <Input
+              // prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="H5项目名称"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary" htmlType="submit" className={styles.searchBtn}>
+            搜索
+          </Button>
+          <Button style={{ marginLeft: 8 }} onClick={handleReset}>
+              重置
+            </Button>
+        </Form.Item>
+      </Form>
+      {/* <AuthButton name="admin.buildingDynamic.add.post" noRight={null}> */}
+        <Button type="danger" className={styles.addBtn} onClick={showModal}>新增</Button>
+
+        <Modal
+         title="新建H5项目"
+         visible={visible}
+         onOk={handleOk}
+         confirmLoading={confirmLoading}
+         onCancel={handleCancel}
+        >
+          <Form>
+          <Form.Item>
+          {getFieldDecorator('name')(
+            <Input
+              // prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="H5项目名称"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('endtime')(
+            <Input
+              // prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="截止时间"
+            />,
+          )}
+        </Form.Item>
+        </Form>
+        </Modal>
+
+
+
+      {/* </AuthButton> */}
+        {/* <Table dataSource={data.list} columns={columns} pagination={false} rowKey="activityList"/> */}
+        <Table columns={columns} dataSource={data} pagination={false} />
+      {/* <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
+        <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={changePageNum} />
+      </div> */}
+      
+      </div>
+    </>
+  )
+}
+const WrappedHeader = Form.create({ name: 'header' })(header);
+
+export default WrappedHeader