From b8f4c9d23189d29bdd01ca47431af5a346183dff Mon Sep 17 00:00:00 2001 From: joseCorte-exe Date: Mon, 29 Aug 2022 11:12:03 -0300 Subject: [PATCH] fixing list errors --- public/moneyIcon2.png | Bin 0 -> 5013 bytes .../graph/cativoXLivreChart/index.tsx | 6 +- .../graph/costIndicatorChart/index.tsx | 3 - src/components/graph/fatorPotenciaChart.tsx | 2 + .../graph/grossAnualChart/GrossAnualChart.tsx | 28 ++- src/contexts/AuthContext.tsx | 8 +- src/pages/dashboard/index.tsx | 91 +++++-- src/pages/economy/index.tsx | 1 - src/pages/pld/index.tsx | 2 +- src/pages/resumoOperacao/index.tsx | 2 +- src/pages/telemetria/index.tsx | 230 ++++++++++++------ 11 files changed, 264 insertions(+), 109 deletions(-) create mode 100644 public/moneyIcon2.png diff --git a/public/moneyIcon2.png b/public/moneyIcon2.png new file mode 100644 index 0000000000000000000000000000000000000000..97d230a06cb92f91d4cfeb68423ace1326debfaa GIT binary patch literal 5013 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 literal 0 HcmV?d00001 diff --git a/src/components/graph/cativoXLivreChart/index.tsx b/src/components/graph/cativoXLivreChart/index.tsx index e9ae7e7..f98dabb 100644 --- a/src/components/graph/cativoXLivreChart/index.tsx +++ b/src/components/graph/cativoXLivreChart/index.tsx @@ -79,8 +79,6 @@ export function CativoXLivreChart({ title, subtitle, chartData, label, dataset1, const options: any = config(miniature) - console.log(chartData?.map(value => value.dad_estimado)?.includes(true)) - const data: any = { labels, datasets: chartData?.map(value => value.dad_estimado)?.includes(true) ? [ @@ -129,7 +127,7 @@ export function CativoXLivreChart({ title, subtitle, chartData, label, dataset1, return parseInt(value.custo_cativo) }), borderRadius: 8, - backgroundColor: pattern.draw('diagonal', '#C2D5FB'), + backgroundColor: pattern.draw('diagonal-right-left', '#C2D5FB'), skipNull: chartData?.map(value => value.dad_estimado)?.includes(true) }, { @@ -140,7 +138,7 @@ export function CativoXLivreChart({ title, subtitle, chartData, label, dataset1, return parseInt(value.custo_livre) }), borderRadius: 8, - backgroundColor: pattern.draw('diagonal', '#255488'), + backgroundColor: pattern.draw('diagonal-right-left', '#255488'), skipNull: chartData?.map(value => value.dad_estimado)?.includes(true) } ] : [ diff --git a/src/components/graph/costIndicatorChart/index.tsx b/src/components/graph/costIndicatorChart/index.tsx index a1c7ed8..e3937fe 100644 --- a/src/components/graph/costIndicatorChart/index.tsx +++ b/src/components/graph/costIndicatorChart/index.tsx @@ -42,9 +42,6 @@ export default function CostIndicatorChart({ title, data1, data2, label, subtitl const options: any = config(miniature) - console.log(data1) - console.log(data2) - const data = { labels, datasets: [ diff --git a/src/components/graph/fatorPotenciaChart.tsx b/src/components/graph/fatorPotenciaChart.tsx index a134f11..8a742ec 100644 --- a/src/components/graph/fatorPotenciaChart.tsx +++ b/src/components/graph/fatorPotenciaChart.tsx @@ -58,6 +58,8 @@ export default function FatorPotenciaChart({ title, subtitle, data1, data2, labe }, }, y: { + max: 1, + min: 0, grid: { display: false }, diff --git a/src/components/graph/grossAnualChart/GrossAnualChart.tsx b/src/components/graph/grossAnualChart/GrossAnualChart.tsx index 344f069..08403ae 100644 --- a/src/components/graph/grossAnualChart/GrossAnualChart.tsx +++ b/src/components/graph/grossAnualChart/GrossAnualChart.tsx @@ -52,6 +52,8 @@ export function GrossAnualChart({ title, subtitle, dataProps, label, dataset, ba }, y: { stacked: false, + max: Number.parseInt(dataProps.reduce((prev, current) => prev.economia_acumulada < current.economia_acumulada ? prev.economia_acumulada : current.economia_acumulada)) + 350, + min: 0, grid: { display: false }, @@ -61,6 +63,9 @@ export function GrossAnualChart({ title, subtitle, dataProps, label, dataset, ba } }, }, + }, + axisY: { + }, series: { downsample: { @@ -82,8 +87,7 @@ export function GrossAnualChart({ title, subtitle, dataProps, label, dataset, ba }, display: true, anchor: "end", - offset: !miniature? 0 : -5, - align: "start", + align: "end", font: { weight: 'bold', size: !miniature? window.innerWidth/80 : window.innerWidth/125, @@ -105,11 +109,6 @@ export function GrossAnualChart({ title, subtitle, dataProps, label, dataset, ba const labels: string[] = label.filter(function(item, pos) { return label.indexOf(item) == pos; }); - //if (bruta) { - // labels = [`Até ${new Date().getFullYear()-1}`, `${new Date().getFullYear()}`] - //} else { - // labels = label; - //} const data: any = { labels, @@ -121,6 +120,11 @@ export function GrossAnualChart({ title, subtitle, dataProps, label, dataset, ba data: dataProps.filter(value => value.dad_estimado === false).map((value, index) => { return parseFloat(value.economia_acumulada) }), + datalabels: { + backgroundColor: '#255488', + borderRadius: 8, + opacity: .8, + }, borderRadius: 10, backgroundColor: '#255488', }, @@ -129,10 +133,18 @@ export function GrossAnualChart({ title, subtitle, dataProps, label, dataset, ba stacked: true, label: 'Estimado', spanGaps: true, + datalabels: { + offset: dataProps.filter(value => value.dad_estimado === true).map((value, index) => { + if (index === 1) { + return 30 + } + return 0 + }) + }, data: [null].concat(dataProps.filter(value => value.dad_estimado === true).map((value, index) => { if (value.dad_estimado) return parseFloat(value.economia_acumulada) - else + else return 0 })), borderRadius: 10, diff --git a/src/contexts/AuthContext.tsx b/src/contexts/AuthContext.tsx index 5162d20..1c3c5fb 100644 --- a/src/contexts/AuthContext.tsx +++ b/src/contexts/AuthContext.tsx @@ -1,7 +1,7 @@ import React, { createContext, useState } from "react"; import Router from 'next/router' -import { destroyCookie, setCookie } from "nookies"; +import { destroyCookie, parseCookies, setCookie } from "nookies"; import { logout, signInRequest } from "../services/auth"; import { api } from "../services/api"; @@ -37,6 +37,7 @@ export function AuthProvider({children}: {children: React.ReactNode}) { destroyCookie(null, 'user-role') destroyCookie(null, 'user-id') destroyCookie(null, '@smartAuth-token') + destroyCookie(null, 'user-profile_picture') logout() } @@ -69,6 +70,11 @@ export function AuthProvider({children}: {children: React.ReactNode}) { if (user.profile_picture) setCookie(undefined, 'user-profile_picture', user.profile_picture) + const { ['terms']: terms } = parseCookies() + + if (!terms) + setCookie(undefined, 'terms', 'false') + api.defaults.headers['Authorization'] = `Bearer ${token}` if (!exception) { diff --git a/src/pages/dashboard/index.tsx b/src/pages/dashboard/index.tsx index 6ec8ce1..b8f78ad 100644 --- a/src/pages/dashboard/index.tsx +++ b/src/pages/dashboard/index.tsx @@ -8,7 +8,7 @@ import Header from '../../components/header/Header' import PageTitle from '../../components/pageTitle/PageTitle' import Link from 'next/link' -import { parseCookies } from 'nookies' +import { parseCookies, setCookie } from 'nookies' import { GetServerSideProps } from 'next' import getAPIClient from '../../services/ssrApi' import { GrossAnualChart } from '../../components/graph/grossAnualChart/GrossAnualChart' @@ -17,6 +17,25 @@ import { CativoXLivreChart } from '../../components/graph/cativoXLivreChart' import GrossMensalChart from '../../components/graph/grossMensalChart/GrossMensalChart' import Head from 'next/head' import AccumulatedEconomyTitle from '../../components/accumulatedEconomyTitle/AccumulatedEconomyTitle' +import { format } from 'date-fns' + +import Box from '@mui/material/Box'; +import Button from '@mui/material/Button'; +import Typography from '@mui/material/Typography'; +import Modal from '@mui/material/Modal'; +import RenderIf from '../../utils/renderIf' + +const style = { + position: 'absolute' as const, + top: '50%', + left: '50%', + transform: 'translate(-50%, -50%)', + width: '50%', + bgcolor: 'background.paper', + border: '2px solid #000', + boxShadow: 24, + p: 4, +}; export default function Dashboard({grossAnualGraph, grossAnualYears, grossMensalGraph, grossMensalYears, acumulatedGraph, mapsInfo, userName, costIndicator} : any) { const months = [ @@ -34,25 +53,33 @@ export default function Dashboard({grossAnualGraph, grossAnualYears, grossMensal 'Dez' ] + const { ['terms']: terms } = parseCookies() + const [lastDataBrutaMensalS, setLastDataBrutaMensal] = useState('') const [lastDataBrutaAnualS, setLastDataBrutaAnual] = useState('') + + const [open, setOpen] = useState(true); + const handleOpen = () => setOpen(true); + const handleClose = () => setOpen(false); + useEffect(() => { let lastDataMensal = '0' let lastDataAnual = '0' let index=0 - while (index < grossMensalGraph.length) { - if (!grossMensalGraph[index].dad_estimado && grossMensalGraph[index].economia_acumulada!==null) - lastDataMensal=grossMensalGraph[index].economia_acumulada - index++ - } - setLastDataBrutaMensal(`${parseFloat(lastDataMensal).toFixed(3)}`) - index=0 - while (index < grossAnualGraph.length) { - if (!grossAnualGraph[index].dad_estimado) - lastDataAnual=grossAnualGraph[index].economia_acumulada - index++ - } - setLastDataBrutaAnual(`${parseFloat(lastDataAnual).toFixed(3)}`) + + while (index < grossMensalGraph.length) { + if (!grossMensalGraph[index].dad_estimado && grossMensalGraph[index].economia_acumulada!==null) + lastDataMensal=grossMensalGraph[index].economia_acumulada + index++ + } + setLastDataBrutaMensal(`${parseFloat(lastDataMensal).toFixed(3)}`) + index=0 + while (index < grossAnualGraph.length) { + if (!grossAnualGraph[index].dad_estimado) + lastDataAnual=grossAnualGraph[index].economia_acumulada + index++ + } + setLastDataBrutaAnual(`${parseFloat(lastDataAnual).toFixed(3)}`) }, []) return ( @@ -66,7 +93,7 @@ export default function Dashboard({grossAnualGraph, grossAnualYears, grossMensal
- + { mapsInfo.map(value => { return @@ -92,7 +119,6 @@ export default function Dashboard({grossAnualGraph, grossAnualYears, grossMensal value.mes)} label={months} miniature /> @@ -107,13 +133,44 @@ export default function Dashboard({grossAnualGraph, grossAnualYears, grossMensal value?.mes.slice(0, 4).includes('2021')).map(value => value?.custo_unit && !!parseInt(value?.custo_unit)? value.custo_unit : null)} - // data1={graphData} data2={costIndicator?.filter((value, index) => value?.mes.slice(0, 4).includes('2022')).map(value => value?.custo_unit && !!parseInt(value?.custo_unit)? value.custo_unit : null)} label={months} miniature />
+ + + + Termos de uso + + +

+ Bem-vindo a Plataforma Web – SMART ENERGIA! +

+

+ Visualize os principais indicadores, dados de economia, resumo de operações, PLD, notícias além de acompanhar o consumo de energia em intervalos mínimos de 5 minutos. +

+

+ Conforme nosso contrato de serviços vigente, todas as informações entregues são estritamente privadas, sendo seu sigilo protegido por lei, não podendo ser compartilhadas com terceiros. +

+

+ A divulgação não autorizada das informações adquiridas nesta plataforma (ou seu uso), de forma integral ou parcial, é proibida, não sendo permitido o compartilhamento dos acessos e senhas ou qualquer informação que tiver acesso junto a esta plataforma, sendo que o acesso a esta plataforma é restrito e individual. +

+

+ Ressaltamos que os resultados informados são meramente indicativos. +

+ + + + } diff --git a/src/pages/economy/index.tsx b/src/pages/economy/index.tsx index c34d926..5079f7a 100644 --- a/src/pages/economy/index.tsx +++ b/src/pages/economy/index.tsx @@ -77,7 +77,6 @@ export default function economy({userName, anual, years, brutaMensal, catLiv, cl {"type" : "=", "field":"dados_cadastrais.cod_smart_unidade", "value": unity === "default" ? unity : unity} ] }:{}).then(res => { - console.log(res.data.data) setCatLivDataState(res.data.data) }) diff --git a/src/pages/pld/index.tsx b/src/pages/pld/index.tsx index 2bdf563..ff07ed6 100644 --- a/src/pages/pld/index.tsx +++ b/src/pages/pld/index.tsx @@ -38,7 +38,7 @@ interface pldInterface { } export default function pld({tableData, userName, clientMonth}: pldInterface) { - const {pldMenu, setPldMenu} = useContext(MenuContext) + const { pldMenu, setPldMenu } = useContext(MenuContext) const dateFormated = new Date() diff --git a/src/pages/resumoOperacao/index.tsx b/src/pages/resumoOperacao/index.tsx index a3bea91..d1a9ebd 100644 --- a/src/pages/resumoOperacao/index.tsx +++ b/src/pages/resumoOperacao/index.tsx @@ -158,7 +158,7 @@ export default function ResumoOperacao({tableData, clients, userName, clientMont
- { + { const html = document.querySelector("table").outerHTML; htmlToCSV(html, "resumo_operacao.csv"); }}/> diff --git a/src/pages/telemetria/index.tsx b/src/pages/telemetria/index.tsx index cc9cfbe..29800df 100644 --- a/src/pages/telemetria/index.tsx +++ b/src/pages/telemetria/index.tsx @@ -46,13 +46,14 @@ export default function Telemetria({userName, clients}: any) { const [unity, setUnity] = useState(clients[0].codigo_scde); const [startDate, setStartDate] = useState(new Date()); const [endDate, setEndDate] = useState(new Date()); - const [discretization, setDiscretization] = useState('5_min'); + const [month, setMonth] = useState(new Date().getMonth()+1); + const [discretization, setDiscretization] = useState('1_hora'); const [openSnackSuccess, setOpenSnackSuccess] = useState(false) const [openSnackError, setOpenSnackError] = useState(false) const [openSnackFields, setOpenSnackFields] = useState(false) - const currentDate = new Date().toLocaleDateString().split('/').reverse().join('-') + const months=['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'] const handleCloseSnack = ( event?: React.SyntheticEvent | Event, @@ -68,7 +69,13 @@ export default function Telemetria({userName, clients}: any) { } function downloadCSVFile(csv, filename) { - const csv_file = new Blob([csv], {type: "text/csv"}); + /*exemplo caso mudar o type do blob não resolva + + var csvContent = 'éà; ça; 12\nà@€; çï; 13', + textEncoder = new TextEncoder('windows-1252'); + */ + + const csv_file = new Blob([csv], {type: "text/csv;charset=utf-8"}); const download_link = document.createElement("a"); @@ -108,7 +115,6 @@ export default function Telemetria({userName, clients}: any) { const [showChart, setShowChart] = useState(false); - const [exception, setException] = useState(false); const [send, setSend] = useState(false); const [open, setOpen] = useState(false); @@ -120,35 +126,6 @@ export default function Telemetria({userName, clients}: any) { setEndDate(newValue) }; - const [demRegXDemCon2, setDemRegXDemCon2] = useState([]); - - async function getTableData() { - const html = document.querySelector("table")?.outerHTML; - if (startDate.toLocaleDateString()!=='' && endDate.toLocaleDateString()!=='' && send) - setOpen(true) - await api.post('/telemetry/powerFactor', { - "type": discretization, - "filters": [ - {"type" : "=", "field": "med_5min.ponto", "value": unity}, - {"type" : "between", "field": "dia_num", "value": [currentDate.slice(0, 8) + '01', currentDate]} - ] - }).then(res => { - setTableData(res.data.data) - setOpenSnackError(false) - setOpenSnackSuccess(true) - setOpen(false) - setLoader(false) - htmlToCSV(html, "telemetria.csv") - console.log('then') - }).catch(res => { - setSend(false) - setLoader(false) - setException(true) - setOpenSnackError(true) - setOpenSnackSuccess(false) - console.log('catch') - }) - } const [fatorPotenciaData, setFatorPotenciaData] = useState([]); const [demRegXDemCon, setDemRegXDemCon] = useState([]); @@ -159,9 +136,11 @@ export default function Telemetria({userName, clients}: any) { }, [startDate, endDate]) useEffect(() => { - const firstOfTheMonth = format(new Date(startDate).setDate(1), 'yyyy-MM-dd') + const firstOfTheMonth = format(new Date(startDate).setDate(2), 'yyyy-MM-dd') const lastOfTheMonth = format(new Date(startDate.getFullYear(), startDate.getMonth() + 1, 0), 'yyyy-MM-dd') + setStartDate(new Date(firstOfTheMonth)) + setLoader(true) getDiscretization(unity, new Date(firstOfTheMonth), new Date(lastOfTheMonth), discretization) .then(result => {setDiscretizedConsumptionData(result); setSend(false); setLoader(false)}) @@ -169,12 +148,8 @@ export default function Telemetria({userName, clients}: any) { getDemand(unity, startDate, endDate, discretization) .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)}) @@ -304,41 +279,72 @@ export default function Telemetria({userName, clients}: any) { - -
- } - /> -
-
- + Discretização + + + : + +
+ } + /> +
+
+ handleChangeEndDate(newValue)} - renderInput={(params) => } - /> -
- + discretization === '1_hora'?new Date(startDate).setUTCMonth(startDate.getUTCMonth()+1) + : + discretization === '15_min'?new Date(startDate).setUTCDate(startDate.getUTCDate()+7) + : + new Date(startDate).setUTCDate(startDate.getUTCDate()+1) + } + onChange={(newValue: any) => handleChangeEndDate(newValue)} + renderInput={(params) => } + /> +
+ + }
{ setLoader(true) getDiscretization(unity, startDate, endDate, discretization) - .then(result => {setDiscretizedConsumptionData(result); setSend(false); setLoader(false)}) + .then(result => {setDiscretizedConsumptionData(result); setSend(false); setLoader(false); setTableData(result)}) .catch(exception => {setSend(false); setOpenSnackFields(true); setLoader(false)}) }}/>
@@ -527,7 +533,7 @@ export default function Telemetria({userName, clients}: any) { { setLoader(true) getPowerFactorData(unity, startDate, endDate, discretization) - .then(result => {setFatorPotenciaData(result); setSend(false); setLoader(false)}) + .then(result => {setFatorPotenciaData(result); setSend(false); setLoader(false); setTableData(result)}) .catch(exception => {setSend(false); setOpenSnackFields(true); setLoader(false)}) }}/> @@ -548,7 +554,86 @@ export default function Telemetria({userName, clients}: any) { - + + + + + + + + + + + + + + + + + { + fatorPotenciaData!==null? + fatorPotenciaData?.map((value, index) => { + return <> + + + + + + + + + + + + }) + : + null + } + +
PontoNumero do diaDia formatadoHoraf_refConsumoReativafp
{value.ponto}{parseFloat(value.dia_num)}{value.day_formatted}{value.hora}{value.f_ref}{parseFloat(value.consumo).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2})}{parseFloat(value.reativa).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2})}{parseFloat(value.fp)}
+ + + + + + + + + + {/* não temos */} + + + + + + + + + { + demRegXDemCon!==null? + demRegXDemCon?.map((value, index) => { + return <> + + + + + + {/* */} + + + + + + + + }) + : + null + } + +
PontoNumero do diaDia formatadoHoraMinutoConsumoReativadem contratadadem registradadem tolerancia
{value.ponto}{parseFloat(value.dia_num)}{value.day_formatted}{value.hora}{value.minut}{parseFloat(value.consumo).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2})}{parseFloat(value.reativa).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2})}{value.dem_cont}{value.dem_reg}{value.dem_tolerancia}
+ + @@ -563,8 +648,8 @@ export default function Telemetria({userName, clients}: any) { { - tableData!==null? - tableData?.map((value, index) => { + discretizedConsumptionData!==null? + discretizedConsumptionData?.map((value, index) => { return <> @@ -592,9 +677,8 @@ export default function Telemetria({userName, clients}: any) { {/* setShowChart(!showChart)} purple /> */} {/* handleVerifyFields()} orange /> */} { - console.log(send) const html = document.querySelector("table")?.outerHTML; - htmlToCSV(html, "telemetria.csv"); + htmlToCSV(html, `${menu === 2 ? 'fator_potencia' : menu === 1 ? 'demanda' : 'consumo_discretizado'}.csv`); }}/>

{value.ponto}