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

fixing charts layout in dashboard

Browse Source
This commit is contained in:
joseCorte-exe 2022-07-13 11:57:05 -03:00
parent 57d9c909a0
commit b4278cafcc
4 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/graph/grossAnualChart/GrossAnualChart.tsx
View File

@ -78,7 +78,7 @@ export function GrossAnualChart({ title, subtitle, dataProps, label, dataset, ba
display: true, display: true,
color: '#255488', color: '#255488',
anchor: "end", anchor: "end",
offset: -60, offset: !miniature? -60 : -30,
align: "start", align: "start",
font: { font: {
size: !miniature? 22 : 10, size: !miniature? 22 : 10,

5
src/pages/economy/index.tsx
View File

@ -35,6 +35,7 @@ import GrossMensalChart from '../../components/graph/grossMensalChart/GrossMensa
import { CativoXLivreChart } from '../../components/graph/cativoXLivreChart'; import { CativoXLivreChart } from '../../components/graph/cativoXLivreChart';
import { ConsumoEstimado } from '../../services/consumoEstimado'; import { ConsumoEstimado } from '../../services/consumoEstimado';
import CostIndicatorChart from '../../components/graph/costIndicatorChart'; import CostIndicatorChart from '../../components/graph/costIndicatorChart';
import { EconomyView } from '../../styles/layouts/economy/economy';
export default function economy({userName, anual, years, brutaMensal, yearsBrutaMensal, catLiv, clients, indicatorCost}: any) { export default function economy({userName, anual, years, brutaMensal, yearsBrutaMensal, catLiv, clients, indicatorCost}: any) {
const {economyMenu, setEconomyMenu} = useContext(MenuContext) const {economyMenu, setEconomyMenu} = useContext(MenuContext)
@ -86,7 +87,7 @@ export default function economy({userName, anual, years, brutaMensal, yearsBruta
}, [unity]) }, [unity])
return ( return (
<main style={{width: '100%'}}> <EconomyView style={{width: '100%'}}>
<Head> <Head>
<title>Smart Energia - PLD</title> <title>Smart Energia - PLD</title>
</Head> </Head>
@ -182,7 +183,7 @@ export default function economy({userName, anual, years, brutaMensal, yearsBruta
/> />
</section> </section>
</RenderIf> </RenderIf>
</main> </EconomyView>
) )
} }

2
src/pages/resumoOperacao/index.tsx
View File

@ -190,7 +190,7 @@ export default function ResumoOperacao({tableData, clients, userName, clientMont
if (value.mes.slice(4,7) != '2020') if (value.mes.slice(4,7) != '2020')
return <tr> return <tr>
<td key={value.mes} className='tg-gceh'>{value.mes}</td> <td key={value.mes} className='tg-gceh'>{value.mes}</td>
<td key={value.cod_smart_unidade} className='tg-gceh'>{value.cod_smart_unidade}</td> <td key={value.cod_smart_unidade} className='tg-gceh'>{value.unidade}</td>
<td key={value.operacao} className='tg-gceh'>{value.operacao}</td> <td key={value.operacao} className='tg-gceh'>{value.operacao}</td>
<td key={value.contraparte} className='tg-gceh'>{value.contraparte}</td> <td key={value.contraparte} className='tg-gceh'>{value.contraparte}</td>
<td key={value.montante_nf} className='tg-gceh'>{parseFloat(value.montante_nf).toLocaleString('pt-br')}</td> <td key={value.montante_nf} className='tg-gceh'>{parseFloat(value.montante_nf).toLocaleString('pt-br')}</td>

5
src/styles/layouts/economy/economy.ts Normal file
View File

@ -0,0 +1,5 @@
import styled from 'styled-components'
export const EconomyView = styled.main`
`