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

Merge branch 'telemetry' into 'dev'

Browse Source 
Telemetry

See merge request kluppsoftware/smart-energia-web!119
This commit is contained in:
José Corte 2022-07-20 11:54:26 +00:00
commit 8666b992c2
1 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -121,20 +121,26 @@ export default function Telemetria({userName, clients}: any) {
setEndDate(newValue) setEndDate(newValue)
}; };
console.log(currentDate.slice(0, 8) + '01')
const [demRegXDemCon2, setDemRegXDemCon2] = useState([]);
async function getTableData() { async function getTableData() {
const html = document.querySelector("table")?.outerHTML;
if (startDate.toLocaleDateString()!=='' && endDate.toLocaleDateString()!=='' && send) if (startDate.toLocaleDateString()!=='' && endDate.toLocaleDateString()!=='' && send)
setOpen(true) setOpen(true)
await api.post('/telemetry/powerFactor', { await api.post('/telemetry/powerFactor', {
"type": discretization, "type": discretization,
"filters": [ "filters": [
{"type" : "=", "field": "med_5min.ponto", "value": unity}, {"type" : "=", "field": "med_5min.ponto", "value": unity},
{"type" : "between", "field": "dia_num", "value": [currentDate, currentDate]} {"type" : "between", "field": "dia_num", "value": [currentDate.slice(0, 8) + '01', currentDate]}
] ]
}).then(res => { }).then(res => {
setTableData(res.data.data) setTableData(res.data.data)
setOpenSnackError(false) setOpenSnackError(false)
setOpenSnackSuccess(true) setOpenSnackSuccess(true)
setOpen(false) setOpen(false)
htmlToCSV(html, "telemetria.csv")
}).catch(res => { }).catch(res => {
setSend(false) setSend(false)
setException(true) setException(true)
@ -162,16 +168,19 @@ export default function Telemetria({userName, clients}: any) {
} }
async function getChartData() { async function getChartData() {
const html = document.querySelector("table")?.outerHTML;
await api.post('/telemetry/demand', { await api.post('/telemetry/demand', {
"type": discretization,
"filters": [ "filters": [
{"type" : "=", "field": "med_5min.ponto", "value": unity}, {"type" : "=", "field": "med_5min.ponto", "value": unity},
{"type" : "between", "field": "dia_num", "value": [startDate, endDate]} {"type" : "between", "field": "dia_num", "value": [currentDate.slice(0, 8) + '01', currentDate]}
] ]
}).then(res => { }).then(res => {
setDemRegXDemCon(res.data.data) setDemRegXDemCon2(res.data.data)
htmlToCSV(html, "telemetria.csv")
}).catch(res => { }).catch(res => {
// console.log(res) // console.log(res)
router.push('/telemetria') // router.push('/telemetria')
}) })
} }
@ -601,9 +610,9 @@ export default function Telemetria({userName, clients}: any) {
}}/> }}/>
</div> </div>
</ChartFilters> </ChartFilters>
<DemRegXDemConChart data1={demRegXDemCon} data2={demRegXDemCon} <DemRegXDemConChart data1={demRegXDemCon2} data2={demRegXDemCon2}
dataset1={'Demanda contratada + 5%'} dataset2={'barra1'} dataset3={'Demanda Registrada'} dataset1={'Demanda contratada + 5%'} dataset2={'barra1'} dataset3={'Demanda Registrada'}
label={demRegXDemCon.map(value => value.hora)} title='Demanda Contratada X Registrada' subtitle='' red/> label={demRegXDemCon2?.map(value => value.hora)} title='Demanda Contratada X Registrada' subtitle='' red/>
</RenderIf> </RenderIf>
</RenderIf> </RenderIf>
@ -618,7 +627,7 @@ export default function Telemetria({userName, clients}: any) {
</div> </div>
</div> </div>
</RenderIf> </RenderIf>
<RenderIf isTrue={startDate.toLocaleDateString()!=='' && endDate.toLocaleDateString()!=='' && tableData!==null}> <RenderIf isTrue={true}>
<table className="tg"> <table className="tg">
<thead> <thead>
<tr> <tr>
@ -663,7 +672,7 @@ export default function Telemetria({userName, clients}: any) {
{/* <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) { if (send) {
const html = document.querySelector("table").outerHTML; const html = document.querySelector("table")?.outerHTML;
htmlToCSV(html, "telemetria.csv"); htmlToCSV(html, "telemetria.csv");
} }
else { else {