Comentário do botão CSV EPORT

pull/20/head
adriano 2022-08-18 12:18:42 -03:00
parent aaf15a1847
commit 76bc672314
1 changed files with 38 additions and 30 deletions

View File

@ -18,7 +18,7 @@ import MaterialTable from 'material-table';
import LogoutIcon from '@material-ui/icons/CancelOutlined'; import LogoutIcon from '@material-ui/icons/CancelOutlined';
import { CSVLink } from "react-csv"; import { CSVLink } from "react-csv";
@ -474,10 +474,10 @@ const Report = () => {
setProfile('user') setProfile('user')
} }
}, [reportOption]) }, [reportOption])
const handleCSVMessages = () => {
const handleCSVMessages = () => {
const fetchQueries = async () => { const fetchQueries = async () => {
@ -485,7 +485,7 @@ const Report = () => {
const dataQuery = await api.get("/reports/messages", { params: { userId, startDate, endDate }, }); const dataQuery = await api.get("/reports/messages", { params: { userId, startDate, endDate }, });
console.log('dataQuery messages: ', dataQuery.data) console.log('dataQuery messages: ', dataQuery.data)
if (dataQuery.data.length > 0) { if (dataQuery.data.length > 0) {
@ -498,11 +498,11 @@ const Report = () => {
else { else {
dataCSVFormat[i].fromMe = 'Cliente' dataCSVFormat[i].fromMe = 'Cliente'
} }
} }
setDataCSV(dataCSVFormat) setDataCSV(dataCSVFormat)
setIsMount(false); setIsMount(false);
} }
} catch (err) { } catch (err) {
console.log(err); console.log(err);
@ -536,10 +536,10 @@ const Report = () => {
const socket = openSocket(process.env.REACT_APP_BACKEND_URL); const socket = openSocket(process.env.REACT_APP_BACKEND_URL);
socket.on("onlineStatus", (data) => { socket.on("onlineStatus", (data) => {
let date = new Date().toLocaleDateString('pt-BR').split('/') let date = new Date().toLocaleDateString('pt-BR').split('/')
let dateToday = `${date[2]}-${date[1]}-${date[0]}` let dateToday = `${date[2]}-${date[1]}-${date[0]}`
if (data.action === "logout" || (data.action === "update" && if (data.action === "logout" || (data.action === "update" &&
((`${startDate}` === `${endDate}`) && (`${endDate}` === `${dateToday}`) && (`${startDate}` === `${dateToday}`)))) { ((`${startDate}` === `${endDate}`) && (`${endDate}` === `${dateToday}`) && (`${startDate}` === `${dateToday}`)))) {
@ -551,7 +551,7 @@ const Report = () => {
} }
else if (data.action === "delete") { else if (data.action === "delete") {
dispatchQ({ type: "DELETE_USER_STATUS", payload: data.userOnlineTime }); dispatchQ({ type: "DELETE_USER_STATUS", payload: data.userOnlineTime });
} }
}); });
@ -599,8 +599,8 @@ const Report = () => {
// ))) // )))
// } // }
setData(query.map((column) => { return { ...column } })) setData(query.map((column) => { return { ...column } }))
}, [query]) }, [query])
@ -632,7 +632,7 @@ const Report = () => {
// ' | clientHeight: ', clientHeight, // ' | clientHeight: ', clientHeight,
// ' | scrollHeight - (scrollTop + 1): ', scrollHeight - (scrollTop + 1)) // ' | scrollHeight - (scrollTop + 1): ', scrollHeight - (scrollTop + 1))
if (scrollHeight - (scrollTop + 1) < clientHeight) { if (scrollHeight - (scrollTop + 1) < clientHeight) {
loadMore(); loadMore();
@ -667,30 +667,38 @@ const Report = () => {
{reportOption === '1' && {reportOption === '1' &&
<div> <div>
<Button style={{display: "none"}} {/* <Button style={{ display: "none" }}
variant="contained" variant="contained"
color="primary" color="primary"
onClick={(e) => { onClick={(e) => {
handleCSVMessages() handleCSVMessages()
}} }}
> > */}
{"CSV ALL"}
</Button>
<div> {/* <Button
<CSVLink variant="contained"
data={dataCSV} color="primary"
headers={columns} onClick={(e) => {
filename={'Relatorio_detalhado_atendimento_atendentes.csv'} handleCSVMessages()
target={'_blank'} }}
ref={csvLink} /> >
</div> {"CSV ALL"}
</Button> */}
<div>
<CSVLink
data={dataCSV}
headers={columns}
filename={'Relatorio_detalhado_atendimento_atendentes.csv'}
target={'_blank'}
ref={csvLink} />
</div>
</div> </div>
} }
</Item> </Item>
</Box> </Box>