parent
1d45606cf3
commit
37a86e86a3
@ -0,0 +1,17 @@ |
|||||||
|
import React from "react"; |
||||||
|
import { SideBarMenu } from "../Utils/SideBar/SideBar"; |
||||||
|
import { Outlet, Route, Routes } from "react-router-dom"; |
||||||
|
|
||||||
|
|
||||||
|
export const ClientesExternos: React.FC = () => { |
||||||
|
return ( |
||||||
|
<> |
||||||
|
<div className="container-fluid m-1"> |
||||||
|
<div className="row flex-nowrap"> |
||||||
|
<SideBarMenu/> |
||||||
|
<Outlet/> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</> |
||||||
|
) |
||||||
|
} |
@ -0,0 +1,54 @@ |
|||||||
|
import React from 'react'; |
||||||
|
import { Card, Tab, Tabs } from 'react-bootstrap'; |
||||||
|
|
||||||
|
export const ReportesEmbarques: React.FC = () => { |
||||||
|
return ( |
||||||
|
<Card> |
||||||
|
<Card.Body> |
||||||
|
<Tabs |
||||||
|
id="uncontrolled-tab-example" |
||||||
|
className="mb-3" |
||||||
|
> |
||||||
|
<Tab |
||||||
|
eventKey="EmbarquesPorImportar" |
||||||
|
title="Embarques por importar" |
||||||
|
id="TabEmbarquesPorImportar" |
||||||
|
> |
||||||
|
<Card> |
||||||
|
<Card.Body> |
||||||
|
Aqui van los elementos para actualizar, descargar y filtrar los registros |
||||||
|
</Card.Body> |
||||||
|
</Card> |
||||||
|
<Card> |
||||||
|
<Card.Body> |
||||||
|
|
||||||
|
</Card.Body> |
||||||
|
</Card> |
||||||
|
</Tab> |
||||||
|
<Tab |
||||||
|
eventKey="EmbarquesDespachados" |
||||||
|
title="Embarques Despachados" |
||||||
|
id="TabEmbarquesdespachados" |
||||||
|
> |
||||||
|
<Card> |
||||||
|
<Card.Body> |
||||||
|
Reporte de embarques despachados |
||||||
|
</Card.Body> |
||||||
|
</Card> |
||||||
|
</Tab> |
||||||
|
<Tab |
||||||
|
eventKey="BuscarEmbarques" |
||||||
|
title="Buscar Embarques" |
||||||
|
id="TabBuscarEmbarques" |
||||||
|
> |
||||||
|
<Card> |
||||||
|
<Card.Body> |
||||||
|
Buscador de embarques |
||||||
|
</Card.Body> |
||||||
|
</Card> |
||||||
|
</Tab> |
||||||
|
</Tabs> |
||||||
|
</Card.Body> |
||||||
|
</Card> |
||||||
|
) |
||||||
|
} |
@ -0,0 +1,22 @@ |
|||||||
|
import React from "react"; |
||||||
|
import { BsFileEarmarkText } from "react-icons/bs"; |
||||||
|
import { Link } from "react-router-dom"; |
||||||
|
|
||||||
|
export const SideBarMenu: React.FC = () => { |
||||||
|
return ( |
||||||
|
<> |
||||||
|
<div className="col-auto col-md-3 col-xl-2 px-sm-2 px-0" style={{backgroundColor:'#2d343c'}}> |
||||||
|
<div className="d-flex flex-column align-items-center align-items-sm-start px-3 pt-2 text-white"> |
||||||
|
<ul className="nav nav-pills flex-column mb-sm-auto mb-0 align-items-center align-items-sm-start" id="menu"> |
||||||
|
<li className="nav-item p-2 pt-4"> |
||||||
|
<Link to="/ReporteEmbarques" className="nav-link align-middle px-0 text-white"> |
||||||
|
<BsFileEarmarkText/> |
||||||
|
<span className="ms-1 d-none d-sm-inline">Reporte de Embarques</span> |
||||||
|
</Link> |
||||||
|
</li>
|
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
); |
||||||
|
} |
Loading…
Reference in new issue