import React, { useEffect, useState } from 'react';
import { connect } from 'react-redux';
import '../style.less';
import { queryFileDir } from '../actions/file';
import FileTable from '../components/fileTable';
const superagent = require('superagent');
const patrol = (props) => {
  const { dispatch, user } = props

  useEffect(() => {
    dispatch(queryFileDir())
  }, [true])
  //批量导出
  const exports = (ids, counts) => {
    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 (
    <> <FileTable exports={exports} />
    </>
  )
}
function mapStateToProps(state) {
  const { auth } = state
  return {
    user: auth.user,
  }
}
export default connect(mapStateToProps)(patrol);