Smart/smartEnergyView-frontend
2
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

fixing demand table download

Browse Source
This commit is contained in:
joseCorte-exe 2022-08-25 17:53:40 -03:00
parent 5328f34805
commit 490469b4a8
2 changed files with 19 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/graph/DiscretizedConsumptionChart.tsx
View File

@ -43,7 +43,7 @@ export function DiscretizedConsumptionChart({ title, subtitle, dataProps, label,
}, },
ticks: { ticks: {
font: { font: {
size: window.innerWidth/80 size: window?.innerWidth/80
} }
}, },
}, },
@ -53,7 +53,7 @@ export function DiscretizedConsumptionChart({ title, subtitle, dataProps, label,
}, },
ticks: { ticks: {
font: { font: {
size: window.innerWidth/80 size: window?.innerWidth/80
} }
}, },
}, },

25
src/pages/telemetria/index.tsx
View File

@ -168,7 +168,15 @@ export default function Telemetria({userName, clients}: any) {
.catch(() => {setSend(false); setOpenSnackFields(true)}) .catch(() => {setSend(false); setOpenSnackFields(true)})
getDemand(unity, startDate, endDate, discretization) getDemand(unity, startDate, endDate, discretization)
.then(result => {setDemRegXDemCon(result); setSend(false); setTableData(result)}) .then(result => {
// const html = document.querySelector("table")?.outerHTML;
// htmlToCSV(html, "telemetria.csv")
setDemRegXDemCon(result);
setSend(false);
console.log(result)
setTableData(result)
})
.catch(() => {setSend(false); setOpenSnackFields(true); setLoader(false)}) .catch(() => {setSend(false); setOpenSnackFields(true); setLoader(false)})
getPowerFactorData(unity, startDate, endDate, discretization) getPowerFactorData(unity, startDate, endDate, discretization)
@ -225,6 +233,8 @@ export default function Telemetria({userName, clients}: any) {
<Header name={userName}> <Header name={userName}>
<PageTitle title ='Telemetria' subtitle='Dados Coletados do Sistema de Coleta de Dados de Energia'/> <PageTitle title ='Telemetria' subtitle='Dados Coletados do Sistema de Coleta de Dados de Energia'/>
</Header> </Header>
{
typeof window === 'undefined' || typeof window === undefined? null :
<TelemetriaView> <TelemetriaView>
{/* <Banner title ='Telemetria' subtitle='Dados Coletados do Sistema de Coleta de Dados de Energia - {/* <Banner title ='Telemetria' subtitle='Dados Coletados do Sistema de Coleta de Dados de Energia -
SCDE da Câmara de Comercialização de Energia Elétrica - CCEE, SCDE da Câmara de Comercialização de Energia Elétrica - CCEE,
@ -240,7 +250,7 @@ export default function Telemetria({userName, clients}: any) {
discretization==='1_hora'? 'Consumo discretizado em 1 hora' : discretization==='1_hora'? 'Consumo discretizado em 1 hora' :
'Consumo discretizado em 1 dia'}/> 'Consumo discretizado em 1 dia'}/>
<Tab label="Demanda"/> <Tab label="Demanda"/>
<Tab label="Fator Potencia"/> <Tab label="Fator Potência"/>
</Tabs> </Tabs>
</TableHeader> </TableHeader>
@ -423,7 +433,7 @@ export default function Telemetria({userName, clients}: any) {
<BasicButton title='Selecionar!' onClick={() => { <BasicButton title='Selecionar!' onClick={() => {
setLoader(true) setLoader(true)
getDemand(unity, startDate, endDate, discretization) getDemand(unity, startDate, endDate, discretization)
.then(result => {setDemRegXDemCon(result); setSend(false); setLoader(false)}) .then(result => {setDemRegXDemCon(result); setSend(false); setLoader(false); setTableData(result)})
.catch(exception => {setSend(false); setOpenSnackFields(true); setLoader(false)}) .catch(exception => {setSend(false); setOpenSnackFields(true); setLoader(false)})
}}/> }}/>
</div> </div>
@ -582,14 +592,9 @@ export default function Telemetria({userName, clients}: any) {
{/* <GradientButton title='DADOS' description='CLIQUE AQUI PARA GERAR GRÁFICO DO MÊS ATUAL' onClick={() => setShowChart(!showChart)} purple /> */} {/* <GradientButton title='DADOS' description='CLIQUE AQUI PARA GERAR GRÁFICO DO MÊS ATUAL' onClick={() => setShowChart(!showChart)} purple /> */}
{/* <GradientButton title='GRÁFICO' description='CLIQUE AQUI PARA GERAR GRÁFICO DO PERÍODO SELECIONADO' onClick={() => handleVerifyFields()} orange /> */} {/* <GradientButton title='GRÁFICO' description='CLIQUE AQUI PARA GERAR GRÁFICO DO PERÍODO SELECIONADO' onClick={() => handleVerifyFields()} orange /> */}
<GradientButton title='DOWNLOADS' description={`CLIQUE AQUI PARA BAIXAR OS DADOS EM FORMATO EXCEL DO PERÍODO SELECIONADO`} green onClick={() => { <GradientButton title='DOWNLOADS' description={`CLIQUE AQUI PARA BAIXAR OS DADOS EM FORMATO EXCEL DO PERÍODO SELECIONADO`} green onClick={() => {
if (send) { console.log(send)
const html = document.querySelector("table")?.outerHTML; const html = document.querySelector("table")?.outerHTML;
htmlToCSV(html, "telemetria.csv"); htmlToCSV(html, "telemetria.csv");
}
else {
setSend(true)
getTableData()
}
}}/> }}/>
</Buttons> </Buttons>
<p className='paragraph'> <p className='paragraph'>
@ -601,8 +606,8 @@ export default function Telemetria({userName, clients}: any) {
medição - Distribuidora. medição - Distribuidora.
</i> </i>
</p> </p>
</TelemetriaView> </TelemetriaView>
}
</main> </main>
) )
} }