Highways4Good/web/client/src/sections/fillion/containers/infor.js

import React, { useEffect, useState } from 'react';
import { connect } from 'react-redux';
import '../style.less';
import { getDepMessage, getReportStatistic } from "../actions/infor"
import InForTable from '../components/inforTable';
const superagent = require('superagent');
const infor = (props) => {
    const { dispatch, user} = props
    const [data, setData] = useState()
    const [modalVisible, setModalVisible] = useState(false);
    const [modalRecord, setModalRecord] = useState();
    useEffect(() => {
        // dispatch(getDepMessage())
    
        setData(props)
    }, []);
    // //打开弹窗
    // const openModal = (type, record) => {
    //     setModalVisible(true);
    //     // setModalType(type);
    //     if (type == 'edit') {
    //         setModalRecord(record);
    //     } else {
    //         setModalRecord(null);
    //     }
    // }
    //批量导出
    const exports = (ids,counts) => {
        // console.log(user);
        let reportIds = [];
        if (ids.length)
            reportIds = ids
        else
            reportIds = (counts || {}).ids || [];
        superagent.post('/_report/http')
            .send({ id: reportIds.map(i => Number(i)) }).end((err, res) => {
                const resTextIs = res.text.split('/').pop()
                window.open(
                    '/_api/' +
                    `attachments?src=files/${resTextIs}&filename=${encodeURIComponent(resTextIs)}&token=${user.token}`)
            })
    }
    return (
        <> <InForTable data={data} exports={exports} />
           </>
    )
}
function mapStateToProps(state) {
   const {auth}=state
   return {
    user: auth.user,
   }
}
export default connect(mapStateToProps)(infor);