estateagents-admin-manager/src/pages/system/report.jsx

import React, { useState, useEffect } from 'react';
import { Form, Input, Button, Icon, Select, Tabs, Radio, DatePicker,message,Checkbox,Row, Col  } 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 (
    <>
      <Row>
        <Checkbox.Group options={data} value={checkData} onChange={onChange} />
      </Row>
      <Button type="primary" className={styles.searchBtn} onClick={saveCheckedReport}>提交</Button>
    </>
  );
 }



export default Edit