import React, { useEffect, useState } from 'react';
import { connect } from 'react-redux';
import '../style.less';
import { getDepMessage, getReportStatistic } from "../actions/infor"
import TransporTationTable from '../components/transportationTable';
const superagent = require('superagent');
const transportation = (props) => {
  const { dispatch, user } = props
  const [data, setData] = useState()
  useEffect(() => {
    // dispatch(getDepMessage())
    dispatch(getReportStatistic())
    setData(props)
  }, []);
  //批量导出
  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 (
    <> <TransporTationTable data={data} exports={exports} />
    </>
  )
}
function mapStateToProps(state) {
  const { auth } = state
  return {
    user: auth.user,
  }
}
export default connect(mapStateToProps)(transportation);