import Box from '@mui/material/Box'; import FormControl from '@mui/material/FormControl'; import InputLabel from '@mui/material/InputLabel'; import MenuItem from '@mui/material/MenuItem'; import Select, { SelectChangeEvent } from '@mui/material/Select'; import { GetServerSideProps } from 'next'; import Head from 'next/head'; import { parseCookies } from 'nookies'; import React, { useEffect, useState } from 'react'; // import Teste from '../files/teste.csv'; import { CSVDownload, CSVLink } from "react-csv"; import BasicButton from '../components/buttons/basicButton/BasicButton'; import Header from '../components/header/Header'; import PageTitle from '../components/pageTitle/PageTitle'; import Sidebar from '../components/sidebar/Sidebar'; import { api } from '../services/api'; // import { dados } from '../services/DadosTabelaResumoOperacao'; import data from '../services/dados.json' import getAPIClient from '../services/ssrApi'; import { Pagination, TableView } from '../styles/layouts/ResumoOperacao/ResumoOperacaoView'; export default function ResumoOperacao({tableData, userName}: any) { const csvData = tableData; const [month, setMonth] = useState(''); const [unidade, setUnidade] = useState(''); const [tableDataState, setTableDataState] = useState([]); const handleChangeMonth = (event: SelectChangeEvent) => { setMonth(event.target.value); }; const handleChangeUnidade = (event: SelectChangeEvent) => { setUnidade(event.target.value); }; useEffect(() => { if (unidade!=='' || month!==''){ api.post('/operation', { "filters": [ {"type" : "=", "field": "mes", "value": `${month}/2022`}, {"type" : "=", "field": "dados_te.cod_smart_unidade", "value": unidade} ] }).then(res => { setTableDataState(res.data.data) }).catch(res => { console.log(res) }) } else { setTableDataState(tableData) } }, [month, unidade]) return ( Smart Energia - Resumo de Operação

Seletor Mês

Unidades Mês
{ tableDataState.map((value, index) => { return <> }) }
Unidade Operação Montante (MWh) Contraparte Preço(R$/MWh) ValorNF/Crédito(R$)
{value.cod_smart_unidade} {value.operacao} {value.montante_nf} {value.contraparte} {value.nf_c_icms} {value.preco_nf}
console.log()}/>
) } export const getServerSideProps: GetServerSideProps = async (ctx) => { const apiClient = getAPIClient(ctx) const { ['@smartAuth-token']: token } = parseCookies(ctx) const { ['user-id']: id } = parseCookies(ctx) const { ['user-name']: userName } = parseCookies(ctx) let tableData = []; await apiClient.post('/operation', { "filters": [] }).then(res => { console.log(res.data.data) tableData = res.data.data }).catch(res => { console.log(res) }) console.log(tableData) if (!token) { return { redirect: { destination: '/', permanent: false } } } return { props: { tableData, userName } } }