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