Smart Energia - PLD

import Fab from '@mui/material/Fab'; 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 Link from 'next/link'; import { parseCookies } from 'nookies'; import React, { useContext, useEffect, useState } from 'react' import BasicButton from '../../components/buttons/basicButton/BasicButton'; import { LineBarChart } from '../../components/graph/LineBarChart'; import LineChart from '../../components/graph/LineChart'; import Header from '../../components/header/Header' import PageTitle from '../../components/pageTitle/PageTitle'; import { api } from '../../services/api'; import { EvolucaoPld } from '../../services/evolucaoPld'; import getAPIClient from '../../services/ssrApi'; import { GoBack, PldGraphView, PldTableView, TableHeader } from '../../styles/layouts/pld/PldView' import RenderIf from '../../utils/renderIf' import Tabs from '@mui/material/Tabs'; import Tab from '@mui/material/Tab'; import NavigationIcon from '@mui/icons-material/Navigation'; import TextField from '@mui/material/TextField'; import { DesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker'; import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns'; import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { MenuContext } from '../../contexts/menu/MenuContext'; import { GrossAnualChart } from '../../components/graph/grossAnualChart/GrossAnualChart'; import GrossMensalChart from '../../components/graph/grossMensalChart/GrossMensalChart'; import { CativoXLivreChart } from '../../components/graph/cativoXLivreChart'; import { ConsumoEstimado } from '../../services/consumoEstimado'; import CostIndicatorChart from '../../components/graph/costIndicatorChart'; import { EconomyView } from '../../styles/layouts/economy/economy'; import dynamic from 'next/dynamic'; export default function economy({userName, anual, years, brutaMensal, yearsBrutaMensal, catLiv, clients, indicatorCost}: any) { const {economyMenu, setEconomyMenu} = useContext(MenuContext) const [unity, setUnity] = useState(''); const [catLivDataState, setCatLivDataState] = useState(null); const [indicatorDataState, setIndicatorDataState] = useState(null); const months = [ 'Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez' ] useEffect(() => { api.post('/economy/estimates', unity!==''?{ "filters": [ {"type" : "=", "field":"dados_cadastrais.cod_smart_unidade", "value": unity} ] }:{}).then(res => { setCatLivDataState(res.data.data) console.log() }).catch(res => { // console.log(res) }) }, [unity]) useEffect(() => { api.post('/economy/MWh', unity!==''?{ "filters": [ {"type" : "=", "field":"dados_cadastrais.cod_smart_unidade", "value": unity} ] }:{}).then(res => { setIndicatorDataState(res.data.data) console.log('res', res.data.data) }).catch(res => { // console.log(res) }) }, [unity]) return ( Smart Energia - PLD

setEconomyMenu(nv)} aria-label=""> { typeof window === 'undefined' || typeof window === undefined? null : <>

Unidade

Unidade

value.mes.slice(4, 8).includes('2021'))} data2={indicatorDataState?.filter((value, index) => value.mes.slice(4, 8).includes('2022'))} label={months} />

} ) } export const getServerSideProps: GetServerSideProps = async (ctx) => { const apiClient = getAPIClient(ctx) const { ['@smartAuth-token']: token } = parseCookies(ctx) const { ['user-name']: userName } = parseCookies(ctx) const { ['user-client_id']: client_id } = parseCookies(ctx) let anual = []; await apiClient.post('/economy/grossAnnual').then(res => { anual = res.data.data }).catch(res => { // console.log(res) }) const years = anual.map((value) => value.ano) let brutaMensal = []; await apiClient.post('/economy/grossMonthly').then(res => { brutaMensal = res.data.data // console.log(graphData[0].mes) }).catch(res => { // console.log(res) }) const yearsBrutaMensal = brutaMensal.map((value) => value.mes) let catLiv = []; let clients = []; await apiClient.post('/units', { "filters": [ {"type" : "=", "field": "dados_cadastrais.cod_smart_cliente", "value": client_id}, {"type" : "not_in", "field": "dados_cadastrais.codigo_scde", "value":["0P"]} ], "fields": [ "unidade", "cod_smart_unidade", "codigo_scde"], "distinct": true }).then(res => { console.log(res.data.data) clients = res.data.data }).catch(res => { // console.log(res) }) await apiClient.post('/economy/estimates').then(res => { catLiv = res.data.data }).catch(res => { // console.log(res) }) let indicatorCost = [] await apiClient.post('/economy/MWh').then(res => { indicatorCost = res.data.data }).catch(res => { // console.log(res) }) if (!token) { return { redirect: { destination: '/', permanent: false } } } return { props: { userName, anual, years, brutaMensal, yearsBrutaMensal, catLiv, clients, indicatorCost } } }