parent
87a0bc83f1
commit
31b8f67d2d
@ -0,0 +1,58 @@ |
|||||||
|
import React, { FC, useEffect, useState } from 'react' |
||||||
|
import { Card, Col, Container, Row } from 'react-bootstrap' |
||||||
|
import { IconContext } from 'react-icons' |
||||||
|
import { BsCashCoin } from 'react-icons/bs' |
||||||
|
import { Link } from 'react-router-dom' |
||||||
|
import DashboardDataService from '../../Services/Dashboard/Dashboard.Contabilidad.Service' |
||||||
|
|
||||||
|
interface IProps {} |
||||||
|
|
||||||
|
const DashboardDireccion: FC<IProps> = (props) => { |
||||||
|
const [CTCTotal, setCTCTotal] = useState(0) // Corresponsales: Traficos terminados listos para contabilidad
|
||||||
|
const [CAPATotal, setCAPATotal] = useState(0) // Corresponsales anticipos pendientes de autorizar
|
||||||
|
const [CuentasComplementariasPedientes, setCuentasComplementariasPendientes] = useState(0) // Corresponsales anticipos pendientes de autorizar
|
||||||
|
|
||||||
|
useEffect(() => { |
||||||
|
DashboardDataService.getTotalTraficosPendientesAutorizar(5) |
||||||
|
.then((response) => { |
||||||
|
setCTCTotal(response.data.total) |
||||||
|
}) |
||||||
|
.catch((e: Error) => { |
||||||
|
return |
||||||
|
}) |
||||||
|
}, []) |
||||||
|
|
||||||
|
return ( |
||||||
|
<> |
||||||
|
<Col> |
||||||
|
<Card style={{ width: '18rem' }} className='dashboardComponentFont'> |
||||||
|
<Card.Header>Facturacion</Card.Header> |
||||||
|
<Card.Body style={{ paddingBottom: '50px' }}> |
||||||
|
<Card.Title> |
||||||
|
Traficos pendientes |
||||||
|
<br /> |
||||||
|
<br /> |
||||||
|
</Card.Title> |
||||||
|
<Card.Img variant='top' src='' onClick={() => {}} /> |
||||||
|
<div style={{ fontSize: '6em' }} className='text-center'> |
||||||
|
<IconContext.Provider value={{ color: 'green', size: '35%' }}> |
||||||
|
<BsCashCoin /> |
||||||
|
</IconContext.Provider> |
||||||
|
{CTCTotal} |
||||||
|
</div> |
||||||
|
</Card.Body> |
||||||
|
<Card.Footer style={{ paddingRight: '5px' }}> |
||||||
|
<Link |
||||||
|
to='../RptCorresponsalesTraficos?proc=3&modo=1' |
||||||
|
style={{ textDecoration: 'none', float: 'right', paddingRight: '10px' }} |
||||||
|
> |
||||||
|
Ver mas... |
||||||
|
</Link> |
||||||
|
</Card.Footer> |
||||||
|
</Card> |
||||||
|
</Col> |
||||||
|
</> |
||||||
|
) |
||||||
|
} |
||||||
|
|
||||||
|
export default DashboardDireccion |
@ -0,0 +1,9 @@ |
|||||||
|
export default interface IDashboardPedimentosCruces { |
||||||
|
orden: number, |
||||||
|
mes: number, |
||||||
|
smes: string, |
||||||
|
anio: number, |
||||||
|
operacion: number, |
||||||
|
despachos: number, |
||||||
|
pedimentos: number
|
||||||
|
} |
@ -0,0 +1,12 @@ |
|||||||
|
import http from "../common/http-common"; |
||||||
|
import IDashboardTotal from "../../Interfaces/IDashboardTotal"; |
||||||
|
|
||||||
|
class Dashboard$Direccion$DataService { |
||||||
|
GETPedimentosCruzadosData(id: number) { |
||||||
|
return http.get<IDashboardTotal>(`/Direccion/GetPedimentosCrucesData?id=${id}`); |
||||||
|
} |
||||||
|
GETPedimentosCruzadosListaCliente() { |
||||||
|
return http.get<IDashboardTotal>(`/Direccion/GetPedimentosCrucesListaPedimentos`); |
||||||
|
} |
||||||
|
} |
||||||
|
export default new Dashboard$Direccion$DataService(); |
Loading…
Reference in new issue