Merge branch 'feature/operationSummary' into 'dev'

 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

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,7 +12,7 @@ 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>
@ -22,8 +21,8 @@ export default function ResumoOperacao() {
<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>
@ -72,8 +71,14 @@ export default function ResumoOperacao() {
<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>
) )
} }

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;
}
`; `;