system

config/config.js

                 },
               ],
             },
+            {
+              path: '/system',
+              name: '系统管理',
+              component: '../layouts/BlankLayout',
+              routes: [
+                {
+                  path: '/system/messageList',
+                  name: '客户留言',
+                  component: './system/messageList',
+                },
+                {
+                  path: '/system/report',
+                  name: '报表数据',
+                  component: './system/report',
+                },
+              ],
+            },
             {
               component: './404',
             },

src/pages/system/messageList.jsx

+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, DatePicker } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import styles from '../style/GoodsList.less';
+import router from 'umi/router';
+import moment from 'moment';
+import SelectCity from '../../components/SelectButton/CitySelect'
+import BuildSelect from '../../components/SelectButton/BuildSelect'
+
+import request from '../../utils/request'
+
+const { Option } = Select;
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+
+const header = (props) => {
+  const [ data, setData ] = useState({})
+//   const [page, changePage] = useState({})
+
+  useEffect(() => {
+    getList({ pageNum: 1, pageSize: 10 });
+  },[])
+
+  // 查询列表
+  const getList = (params) => {
+    request({
+        url: '/api/admin/taCustomerMessage',
+        method: 'GET',
+        params: { ...params },
+    }).then((data) => {
+        console.log(data)
+        setData(data)
+    })
+  }
+
+  const columns = [
+    {
+      title: '电话号码',
+      dataIndex: 'phone',
+      key: 'phone',
+      align: 'center',
+    },
+    {
+      title: '留言内容',
+      dataIndex: 'message',
+      key: 'message',
+      align: 'center',
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createDate',
+      key: 'createDate',
+      align: 'center',
+      render: (x, row) => <><span>{moment(row.createDate).format('YYYY-MM-DD')}</span></>
+    },
+  ];
+   
+  
+  const changePageNum = (pageNumber) => {
+      getList({ pageNum: pageNumber, pageSize: 10 })
+  }
+ 
+
+  const { getFieldDecorator } = props.form
+  return (
+
+    <>
+      <Table dataSource={data.records} columns={columns} pagination={false}/>
+      <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
+        <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={changePageNum} />
+      </div>
+    </>
+  )
+}
+const WrappedHeader = Form.create({ name: 'header' })(header);
+
+export default WrappedHeader

src/pages/system/report.jsx

+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, Tabs, Radio, DatePicker,message,Checkbox } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import styles from '../style/GoodsList.less';
+import moment from 'moment';
+import router from 'umi/router';
+import BuildSelect from '../../components/SelectButton/BuildSelect'
+import XForm, { FieldTypes } from '../../components/XForm';
+import Wangedit from '../../components/Wangedit/Wangedit'
+import request from '../../utils/request'
+
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+ const Edit = (props) => {
+  const [ data, setData ] = useState([])
+  const [ checkData, setCheckData ] = useState([])
+
+  useEffect(() => {
+    getReportList();
+    getCheckedList();
+  },[])
+
+  // 查询数据
+  const getReportList = () => {
+    request({
+        url: '/api/admin/tdReports',
+        method: 'GET',
+    }).then((data) => {
+        setData((data.records || []).map(x => ({label: x.reportName, value: x.reportCode}) ))
+    })
+  }
+
+  const getCheckedList = () => {
+    request({
+      url: '/api/admin/taBuildingReports',
+      method: 'GET',
+    }).then((data) => {
+      setCheckData((data.records || []).map((x) => x.reportCode))
+    })
+  }
+   
+  const onChange = (checkedValues) => {
+    console.log('checked = ', checkedValues);
+    setCheckData(checkedValues)
+  }
+
+  const saveCheckedReport = () => {
+    console.log(checkData)
+    request({
+      url: '/api/admin/taBuildingReport/add',
+      method: 'POST',
+      data: {list: checkData}
+    }).then((data) => {
+      message.info("保存成功")
+    })
+  }
+
+  return (
+    <>
+      <Checkbox.Group options={data} value={checkData} onChange={onChange} />
+      <Button type="primary" className={styles.searchBtn} onClick={saveCheckedReport}>提交</Button>
+    </>
+  );
+ }
+
+
+
+export default Edit