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

Merge branch 'feature/operationSummary' into 'dev'

Browse Source 
✨ add Operation Summary Page

See merge request kluppsoftware/smart-energia-web!29
This commit is contained in:
José Corte 2022-05-12 11:42:52 +00:00
commit b4ceb57232
2 changed files with 74 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

131
pages/resumoOperacao.tsx
View File

@ -1,6 +1,5 @@
import React from 'react'; import React from 'react';
import Header from '../src/components/header/Header'; import BasicButton from '../src/components/buttons/basicButton/BasicButton';
import PageTitle from '../src/components/pageTitle/PageTitle';
import Sidebar from '../src/components/sidebar/Sidebar'; import Sidebar from '../src/components/sidebar/Sidebar';
import { TableView } from '../styles/layouts/ResumoOperacao/ResumoOperacaoView'; import { TableView } from '../styles/layouts/ResumoOperacao/ResumoOperacaoView';
@ -13,67 +12,73 @@ export default function ResumoOperacao() {
<h3>Seletor Mês</h3> <h3>Seletor Mês</h3>
<table className="tg"> <table className="tg">
<thead> <thead>
<tr> <tr>
<th className='tg-8oo6'>Unidade </th> <th className='tg-8oo6'>Unidade </th>
<th className='tg-8oo6'>Operação</th> <th className='tg-8oo6'>Operação</th>
<th className='tg-8oo6'>Montante (MWh)</th> <th className='tg-8oo6'>Montante (MWh)</th>
<th className='tg-8oo6'>Contraparte</th> <th className='tg-8oo6'>Contraparte</th>
<th className='tg-8oo6'>Preço(R$/MWh)</th> <th className='tg-8oo6'>Preço(R$/MWh)</th>
<th className='tg-8oo6'>ValorNF/Crédito(R$)</th> <th className='tg-8oo6'>ValorNF/Crédito(R$)</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td className='tg-gceh'>Unidade - 9500130</td> <td className='tg-gceh'>Unidade - 9500130</td>
<td className='tg-uulg'>Compra</td> <td className='tg-uulg'>Compra</td>
<td className='tg-gceh'>122,269</td> <td className='tg-gceh'>122,269</td>
<td className='tg-gceh'>COPEL COM I5</td> <td className='tg-gceh'>COPEL COM I5</td>
<td className='tg-uulg'>234,67</td> <td className='tg-uulg'>234,67</td>
<td className='tg-gceh'>38.257,15</td> <td className='tg-gceh'>38.257,15</td>
</tr> </tr>
<tr> <tr>
<td className='tg-hq65'>Unidade - 9500130</td> <td className='tg-hq65'>Unidade - 9500130</td>
<td className='tg-0tzy'>Compra</td> <td className='tg-0tzy'>Compra</td>
<td className='tg-hq65'>110,348</td> <td className='tg-hq65'>110,348</td>
<td className='tg-hq65'>EMEWE I5</td> <td className='tg-hq65'>EMEWE I5</td>
<td className='tg-0tzy'>190,16</td> <td className='tg-0tzy'>190,16</td>
<td className='tg-hq65'>27.978,37</td> <td className='tg-hq65'>27.978,37</td>
</tr> </tr>
<tr> <tr>
<td className="tg-gceh">Unidade - 9500130</td> <td className="tg-gceh">Unidade - 9500130</td>
<td className="tg-uulg">Compra</td> <td className="tg-uulg">Compra</td>
<td className="tg-gceh">13,074</td> <td className="tg-gceh">13,074</td>
<td className="tg-gceh">PACTO COMERCIALIZADORA I5</td> <td className="tg-gceh">PACTO COMERCIALIZADORA I5</td>
<td className="tg-gceh">300,36</td> <td className="tg-gceh">300,36</td>
<td className="tg-gceh">5.235,88</td> <td className="tg-gceh">5.235,88</td>
</tr> </tr>
<tr> <tr>
<td className='tg-hq65'>Unidade - 9500130</td> <td className='tg-hq65'>Unidade - 9500130</td>
<td className='tg-0tzy'>Compra</td> <td className='tg-0tzy'>Compra</td>
<td className='tg-hq65'>133,117</td> <td className='tg-hq65'>133,117</td>
<td className='tg-hq65'>COPEL COM I5</td> <td className='tg-hq65'>COPEL COM I5</td>
<td className='tg-0tzy'>300,36</td> <td className='tg-0tzy'>300,36</td>
<td className='tg-hq65'>41.651,42</td> <td className='tg-hq65'>41.651,42</td>
</tr> </tr>
<tr> <tr>
<td className='tg-gceh'>Unidade - 9500130</td> <td className='tg-gceh'>Unidade - 9500130</td>
<td className='tg-uulg'>Compra</td> <td className='tg-uulg'>Compra</td>
<td className='tg-gceh'>120,138</td> <td className='tg-gceh'>120,138</td>
<td className='tg-gceh'>EMEWE I5</td> <td className='tg-gceh'>EMEWE I5</td>
<td className='tg-uulg'>234,67</td> <td className='tg-uulg'>234,67</td>
<td className='tg-gceh'>30.460,59</td> <td className='tg-gceh'>30.460,59</td>
</tr> </tr>
<tr> <tr>
<td className='tg-hq65'>Unidade - 9500130</td> <td className='tg-hq65'>Unidade - 9500130</td>
<td className='tg-0tzy'>Compra</td> <td className='tg-0tzy'>Compra</td>
<td className='tg-hq65'>14,897</td> <td className='tg-hq65'>14,897</td>
<td className='tg-hq65'>PACTO COMERCIALIZADORA I5</td> <td className='tg-hq65'>PACTO COMERCIALIZADORA I5</td>
<td className='tg-0tzy'>300,36</td> <td className='tg-0tzy'>300,36</td>
<td className='tg-hq65'>5.965,95</td> <td className='tg-hq65'>5.965,95</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<BasicButton title='Enviar PDF' />
<p>Mostando de 1 a 10 de 30 Entradas</p>
</TableView> </TableView>
) )
} }

7
styles/layouts/ResumoOperacao/ResumoOperacaoView.ts
View File

@ -2,7 +2,7 @@ import styled from 'styled-components'
export const TableView = styled.div` export const TableView = styled.div`
display: flex; display: flex;
padding: 2.5rem; padding: 2.5rem;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
@ -139,4 +139,9 @@ display: flex;
color: #254F7F; color: #254F7F;
} }
p{
margin-top: 4rem;
}
`; `;