Compare commits
No commits in common. 'main' and 'feature/ConsolidarPedimentos_20231229' have entirely different histories.
@ -1,118 +0,0 @@ |
|||||||
import { Alert, Col, FormControl, Row, Table } from "react-bootstrap" |
|
||||||
import { useDispatch, useSelector } from "react-redux" |
|
||||||
import { RootState } from "../../../store/store" |
|
||||||
import { useEffect, useState } from "react" |
|
||||||
import FormCheckInput from "react-bootstrap/esm/FormCheckInput" |
|
||||||
import CorresponsalesFacturasServices from "../../../Services/Corresponsalias/Corresponsales.Facturas.Services" |
|
||||||
import ICorresponsalFacturas from "../../../Interfaces/Corresponsales/ICorresponsalFacturas" |
|
||||||
import { updateCorresponsalesFacturas } from "../../../store/features/Corresponsales/CorresponsalesFacturasSlice" |
|
||||||
import { MsgInformativo } from "../../Utils/Toast/msgInformativo" |
|
||||||
|
|
||||||
interface IProps{ |
|
||||||
IDTrafico: number |
|
||||||
IdContenedor: number |
|
||||||
Contenedor: string |
|
||||||
} |
|
||||||
export const FacturasContenedor: React.FC<IProps> = (props) => { |
|
||||||
const mCFacturas = useSelector( |
|
||||||
(state: RootState) => state.CFData.CorresponsalesFacturas |
|
||||||
) |
|
||||||
const dispatch = useDispatch() |
|
||||||
const [header, setHeader] = useState('') |
|
||||||
const [msg, setMsg] = useState('') |
|
||||||
const [show, setShowMsg] = useState(false) |
|
||||||
const [msgColor, setMsgColor] = useState('primary') |
|
||||||
|
|
||||||
const AppendContenedor = (e: any) => { |
|
||||||
var data = mCFacturas.filter(x => x.id === +e.target.value)[0] |
|
||||||
var factura: ICorresponsalFacturas = { |
|
||||||
id: data.id, |
|
||||||
factura: data.factura, |
|
||||||
idTrafico: data.idTrafico, |
|
||||||
valorFacturaDls: data.valorFacturaDls, |
|
||||||
proveedor: data.proveedor, |
|
||||||
pedido: data.pedido, |
|
||||||
code: data.code, |
|
||||||
folioGEMCO: data.folioGEMCO, |
|
||||||
corresponsal: data.corresponsal, |
|
||||||
activo: data.activo, |
|
||||||
fechaFactura: data.fechaFactura, |
|
||||||
uuid: data.uuid, |
|
||||||
cove: data.cove, |
|
||||||
entrega: data.entrega, |
|
||||||
transporte: data.transporte, |
|
||||||
idContenedor: e.currentTarget.checked ? props.IdContenedor : 0 |
|
||||||
} |
|
||||||
CorresponsalesFacturasServices.Append(factura) |
|
||||||
.then((resp:any) => { |
|
||||||
dispatch(updateCorresponsalesFacturas(factura)); |
|
||||||
setHeader('Informativo') |
|
||||||
setMsg('Factura asignada correctamente') |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
}) |
|
||||||
.catch(() => { |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Ocurrio un error: ' + e) |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
}) |
|
||||||
} |
|
||||||
return ( |
|
||||||
<> |
|
||||||
<Alert variant='primary' style={{height:'100%', overflowY: 'hidden'}}> |
|
||||||
<Row> |
|
||||||
<Col xs={12}> |
|
||||||
<b>Agregar facturas al contenedor {props.Contenedor}</b> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
<div className="table-wrapper" style={{width:'100%', maxHeight:'450px'}}> |
|
||||||
<Table |
|
||||||
className="table table-earnings table-earnings__challenge" |
|
||||||
striped |
|
||||||
bordered |
|
||||||
hover |
|
||||||
> |
|
||||||
<thead> |
|
||||||
<tr><th></th><th>Factura</th></tr> |
|
||||||
</thead> |
|
||||||
<tbody> |
|
||||||
{mCFacturas |
|
||||||
? mCFacturas.map((item, index) => { |
|
||||||
return item.idTrafico === props.IDTrafico ? ( |
|
||||||
<tr> |
|
||||||
<td> |
|
||||||
<FormCheckInput
|
|
||||||
onChange={(event:any) => { |
|
||||||
AppendContenedor(event) |
|
||||||
}} |
|
||||||
value={item.id} |
|
||||||
disabled = {item.idContenedor !== 0 && item.idContenedor !== props.IdContenedor} |
|
||||||
defaultChecked = {item.idContenedor === props.IdContenedor} |
|
||||||
/> |
|
||||||
</td> |
|
||||||
<td> |
|
||||||
{item.factura} |
|
||||||
</td> |
|
||||||
</tr> |
|
||||||
) : ( |
|
||||||
'' |
|
||||||
) |
|
||||||
}) |
|
||||||
: ''} |
|
||||||
</tbody> |
|
||||||
</Table> |
|
||||||
</div> |
|
||||||
</Alert> |
|
||||||
<MsgInformativo |
|
||||||
show={show} |
|
||||||
msg={msg} |
|
||||||
header={header} |
|
||||||
msgColor={msgColor} |
|
||||||
closeToast={() => { |
|
||||||
setShowMsg(false) |
|
||||||
}} |
|
||||||
/> |
|
||||||
</> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,85 +0,0 @@ |
|||||||
import { useEffect, useState } from "react" |
|
||||||
import { Alert, Card, Col, Row, Table } from "react-bootstrap" |
|
||||||
import { useSelector } from "react-redux" |
|
||||||
import { RootState } from "../../../store/store" |
|
||||||
import { AgGridReact } from "ag-grid-react" |
|
||||||
import ICorresponsalRectificacionHistorico from "../../../Interfaces/Corresponsales/ICorresponsalRectificacionHistorico" |
|
||||||
|
|
||||||
interface IProps{ |
|
||||||
//pedimento: number
|
|
||||||
IdPedimentoConsolidado: string |
|
||||||
} |
|
||||||
|
|
||||||
export const HistorialRectificaciones: React.FC<IProps> = (props) => { |
|
||||||
const [columnDefs] = useState([ |
|
||||||
{ field: 'patente', width: 110, sortable: true, filter: true }, |
|
||||||
{ field: 'aduana', width: 110, sortable: true, filter: true }, |
|
||||||
{ field: 'pedimento', width: 120, sortable: true, filter: true }, |
|
||||||
{ field: 'clave', width: 100, sortable: true, filter: true }, |
|
||||||
{ |
|
||||||
field: 'fechaPago', |
|
||||||
sortable: true, |
|
||||||
filter: true, |
|
||||||
cellRenderer: (params: any) => { |
|
||||||
if (params.value) return params.value.substring(0, 10) |
|
||||||
else return '' |
|
||||||
}, |
|
||||||
}, |
|
||||||
{ |
|
||||||
field: 'fhCreacion', |
|
||||||
sortable: true, |
|
||||||
filter: true, |
|
||||||
cellRenderer: (params: any) => { |
|
||||||
if (params.value) return params.value |
|
||||||
else return '' |
|
||||||
}, |
|
||||||
flex:1 |
|
||||||
}, |
|
||||||
]) |
|
||||||
const mcRectificaciones = useSelector((state:RootState) => state.CRectificaciones.RectificacionesPedimentos) |
|
||||||
const [Rectificaciones, setRectificaciones] = useState<ICorresponsalRectificacionHistorico[]>([]); |
|
||||||
useEffect(()=>{ |
|
||||||
if(props.IdPedimentoConsolidado !== '#') |
|
||||||
setRectificaciones(mcRectificaciones.filter(x => x.idPedimentoConsolidado === + props.IdPedimentoConsolidado)) |
|
||||||
else |
|
||||||
setRectificaciones(mcRectificaciones) |
|
||||||
},[mcRectificaciones, props.IdPedimentoConsolidado]) |
|
||||||
|
|
||||||
return( |
|
||||||
<div> |
|
||||||
<Row> |
|
||||||
<Col xs={12}> |
|
||||||
<b>Historial de Pedimentos Rectificados</b> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
<br/> |
|
||||||
<div className="table-wrapper" style={{width:'100%', maxHeight:'100%'}}> |
|
||||||
<Table |
|
||||||
className="table table-earnings table-earnings__challenge" |
|
||||||
hover |
|
||||||
size="sm" |
|
||||||
> |
|
||||||
<thead> |
|
||||||
<tr><th>#</th><th>Aduana</th><th>Patente</th><th>Pedimento</th><th>Clave</th><th>Fecha de Pago</th></tr> |
|
||||||
</thead> |
|
||||||
<tbody> |
|
||||||
{Rectificaciones |
|
||||||
? Rectificaciones.map((item, index) => { |
|
||||||
return( |
|
||||||
<tr> |
|
||||||
<td>{index + 1}</td> |
|
||||||
<td>{item.aduana}</td> |
|
||||||
<td>{item.patente}</td> |
|
||||||
<td>{item.pedimento}</td> |
|
||||||
<td>{item.clave}</td> |
|
||||||
<td>{item.fechaPago ? item.fechaPago.substring(0,10) : ''}</td> |
|
||||||
</tr> |
|
||||||
) |
|
||||||
}) |
|
||||||
: ''} |
|
||||||
</tbody> |
|
||||||
</Table> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,382 +0,0 @@ |
|||||||
import { useState } from "react"; |
|
||||||
import { Button, Card, Col, Form, FormControl, FormLabel, Row } from "react-bootstrap" |
|
||||||
import CurrencyFormat from "react-currency-format"; |
|
||||||
import { IconContext } from "react-icons"; |
|
||||||
import { FaEraser } from "react-icons/fa"; |
|
||||||
import CTrafDataService from "../../../Services/Corresponsalias/Corresponsales.Trafico.Services" |
|
||||||
import { useDispatch, useSelector } from "react-redux"; |
|
||||||
import { ICatClavesPedimentos } from "../../../Interfaces/Catalogos/ICatClavesPedimentos"; |
|
||||||
import { DTOPedimentosConsolidados } from "../../../DTO/Corresponsales/DTOPedimentosConsolidados"; |
|
||||||
import DTORectificacionHistorico from "../../../DTO/Corresponsales/DTORectificacionHistorico"; |
|
||||||
import { updatePedimento } from "../../../store/features/Corresponsales/CorresponsalesPedimentosConsolidadosSlice"; |
|
||||||
import { addRectificacion } from "../../../store/features/Corresponsales/CorresponsalesPedimentosRectificacionesSlice"; |
|
||||||
import ICorresponsalRectificacionHistorico from "../../../Interfaces/Corresponsales/ICorresponsalRectificacionHistorico"; |
|
||||||
import { RootState } from "../../../store/store"; |
|
||||||
import { HistorialRectificaciones } from "./HistorialRectificaciones"; |
|
||||||
import { MsgInformativo } from "../../Utils/Toast/msgInformativo"; |
|
||||||
|
|
||||||
interface IProps { |
|
||||||
IdTrafico: number |
|
||||||
Aduana: string |
|
||||||
Patente: number |
|
||||||
ClavesPedimento: ICatClavesPedimentos[] |
|
||||||
Pedimentos: DTOPedimentosConsolidados[] |
|
||||||
Depto: string |
|
||||||
UserId: number |
|
||||||
onAppendRectificacion: (data: DTORectificacionHistorico) => void |
|
||||||
} |
|
||||||
|
|
||||||
export const NuevaRectificacion:React.FC<IProps> = (props) => { |
|
||||||
const dispatch = useDispatch() |
|
||||||
const [header, setHeader] = useState('') |
|
||||||
const [show, setShowMsg] = useState(false) |
|
||||||
const [msg, setMsg] = useState('') |
|
||||||
const msgColor = 'primary' |
|
||||||
|
|
||||||
const [showHistorial, setShowHistorial] = useState(false) |
|
||||||
|
|
||||||
const [Id, setId] = useState(0) |
|
||||||
const [Aduana, setAduana] = useState(props.Aduana) |
|
||||||
const [Patente, setPatente] = useState(props.Patente) |
|
||||||
const [Pedimento, setPedimento] = useState(0) |
|
||||||
const [ClavePedimento, setClavePedimento] = useState(''); |
|
||||||
const [FechaPago, setFechaPago] = useState('') |
|
||||||
|
|
||||||
const [IdPedimentoH, setIdPedimentoH] = useState(0) |
|
||||||
const [AduanaH, setAduanaH] = useState(props.Aduana) |
|
||||||
const [PatenteH, setPatenteH] = useState(props.Patente) |
|
||||||
const [PedimentoH, setPedimentoH] = useState(0) |
|
||||||
const [ClavePedimentoH, setClavePedimentoH] = useState('') |
|
||||||
const [FechaPagoH, setFechaPagoH] = useState('') |
|
||||||
|
|
||||||
const [IdPedimentoConsolidadoSelected, setIdPedimentoConsolidadoSelected] = useState("#") |
|
||||||
|
|
||||||
function setDate(fecha: string | undefined): string { |
|
||||||
if (!fecha) return '' |
|
||||||
else { |
|
||||||
var dd = fecha?.substring(8, 10) |
|
||||||
var mm = fecha?.substring(5, 7) |
|
||||||
var yyyy = fecha?.substring(0, 4) |
|
||||||
return yyyy + '-' + mm + '-' + dd |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
const generaRectificacion = () => { |
|
||||||
if (Aduana && Patente && Pedimento && ClavePedimento.length>0 && FechaPago) { |
|
||||||
const data : DTORectificacionHistorico = { |
|
||||||
IdTrafico: props.IdTrafico, |
|
||||||
IdUsuario: props.UserId, |
|
||||||
IdPedimento: IdPedimentoH, |
|
||||||
Aduana: Aduana,//Aduana de la rectificacion
|
|
||||||
Patente: Patente,//Patente de la rectificacion
|
|
||||||
Pedimento: Pedimento,//Pedimento de la rectificacion
|
|
||||||
Clave: ClavePedimento,//Clave del pedimento de la rectificacion
|
|
||||||
FechaPago: FechaPago,//Fecha de pago del pedimento de la rectificacion
|
|
||||||
AduanaH: AduanaH,//Aduana del pedimento original
|
|
||||||
PatenteH: PatenteH,//Patente del pedimento original
|
|
||||||
PedimentoH: PedimentoH,//Pedimento original
|
|
||||||
ClaveH: ClavePedimentoH,//Clave del pedimento original
|
|
||||||
FechaPagoH: FechaPagoH//Fecha de pago del pedimento original
|
|
||||||
} |
|
||||||
CTrafDataService.AppendRectificacionHistorico(data) |
|
||||||
.then((response) => { |
|
||||||
setHeader('Informativo') |
|
||||||
setMsg('La rectificación se creó correctamente') |
|
||||||
setShowMsg(true) |
|
||||||
dispatch(//Se actualizan los datos del pedimento seleccionado(original) con los datos de la rectificacion recien capturada
|
|
||||||
updatePedimento({ |
|
||||||
id: data.IdPedimento, |
|
||||||
idTrafico: data.IdTrafico, |
|
||||||
aduana: data.Aduana, |
|
||||||
patente: data.Patente, |
|
||||||
pedimento: data.Pedimento, |
|
||||||
clave: data.Clave, |
|
||||||
fechaPago: data.FechaPago |
|
||||||
}) |
|
||||||
) |
|
||||||
dispatch(//Los datos del pedimento original se guardan para mantener un historial de rectificaciones
|
|
||||||
addRectificacion({ |
|
||||||
id: response.data.id, |
|
||||||
usuario: response.data.usuario, |
|
||||||
idTrafico: response.data.idTrafico, |
|
||||||
aduana: response.data.aduana, |
|
||||||
patente: response.data.patente, |
|
||||||
pedimento: response.data.pedimento, |
|
||||||
clave: response.data.clave, |
|
||||||
fechaPago: response.data.fechaPago, |
|
||||||
fhCreacion: response.data.fhCreacion, |
|
||||||
activo: response.data.activo, |
|
||||||
idPedimentoConsolidado: response.data.idPedimentoConsolidado |
|
||||||
}) |
|
||||||
) |
|
||||||
cleanForm() |
|
||||||
props.onAppendRectificacion(data)//Al cerrar se pasan los datos a la vista del trafico para actualizar los campos
|
|
||||||
return |
|
||||||
}) |
|
||||||
.catch((e: Error) => { |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Ocurrió un error al crear la rectificación. Favor de actualizar la página e intentarlo nuevamente.') |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
}) |
|
||||||
} else { |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Parea poder generar este proceso es necesario que los siguientes campos tengan informacion: Patente, Aduana, Pedimento, Clave, Fecha pago') |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
const PrepareRectificacion = (idPedimentoConsolidado: number) => { |
|
||||||
var dto = props.Pedimentos.filter(x => x.id === idPedimentoConsolidado)[0] |
|
||||||
if(!dto.aduana){ |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Asegurese de capturar la aduana del pedimento') |
|
||||||
setShowMsg(true) |
|
||||||
setIdPedimentoConsolidadoSelected('#') |
|
||||||
return |
|
||||||
} |
|
||||||
if(dto.patente === 0){ |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Asegurese de capturar la patente del pedimento') |
|
||||||
setShowMsg(true) |
|
||||||
setIdPedimentoConsolidadoSelected('#') |
|
||||||
return |
|
||||||
} |
|
||||||
if(!dto.pedimento){ |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Asegurese de capturar el numero de pedimento') |
|
||||||
setShowMsg(true) |
|
||||||
setIdPedimentoConsolidadoSelected('#') |
|
||||||
return |
|
||||||
} |
|
||||||
if(!dto.clave){ |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Asegurese de capturar la clave del pedimento') |
|
||||||
setShowMsg(true) |
|
||||||
setIdPedimentoConsolidadoSelected('#') |
|
||||||
return |
|
||||||
} |
|
||||||
if(!dto.fechaPago){ |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Asegurese de capturar la fecha de pago del pedimento') |
|
||||||
setShowMsg(true) |
|
||||||
setIdPedimentoConsolidadoSelected('#') |
|
||||||
return |
|
||||||
} |
|
||||||
setIdPedimentoH(dto.id) |
|
||||||
setAduanaH(dto.aduana) |
|
||||||
setPatenteH(dto.patente) |
|
||||||
setPedimentoH(dto.pedimento) |
|
||||||
setClavePedimentoH(dto.clave) |
|
||||||
setFechaPagoH(dto.fechaPago) |
|
||||||
setShowHistorial(true) |
|
||||||
} |
|
||||||
|
|
||||||
const CancelIsRectificacion = () => { |
|
||||||
setAduanaH('0') |
|
||||||
setPatenteH(0) |
|
||||||
setPedimentoH(0) |
|
||||||
setClavePedimentoH('') |
|
||||||
setFechaPagoH('') |
|
||||||
setIdPedimentoH(0) |
|
||||||
} |
|
||||||
|
|
||||||
const cleanForm = () => { |
|
||||||
setIdPedimentoConsolidadoSelected("#") |
|
||||||
setIdPedimentoH(0) |
|
||||||
setPedimentoH(0) |
|
||||||
setClavePedimentoH('') |
|
||||||
setFechaPagoH('') |
|
||||||
setId(0) |
|
||||||
setPedimento(0) |
|
||||||
setClavePedimento('') |
|
||||||
setFechaPago('') |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
return ( |
|
||||||
<Card style={{height:'100%'}}> |
|
||||||
<Card.Body style={{overflowY:'scroll'}}> |
|
||||||
{ props.Depto === 'Corresponsalias' ? <> |
|
||||||
<Row className="justify-content-end align-items-center"> |
|
||||||
<Col xs={1}><span>Original</span></Col> |
|
||||||
<Col xs={1}> |
|
||||||
</Col> |
|
||||||
<Col xs={1}> |
|
||||||
<FormLabel> |
|
||||||
Aduana |
|
||||||
<FormControl type='text' size='sm' disabled value={AduanaH}></FormControl> |
|
||||||
</FormLabel> |
|
||||||
</Col> |
|
||||||
<Col xs={1}> |
|
||||||
<FormLabel> |
|
||||||
Patente |
|
||||||
<FormControl type='text' size='sm' disabled value={PatenteH}></FormControl> |
|
||||||
</FormLabel> |
|
||||||
</Col> |
|
||||||
<Col xs={2}> |
|
||||||
<FormLabel> |
|
||||||
Pedimento |
|
||||||
<Form.Control |
|
||||||
as="select" |
|
||||||
id="CmbCliente" |
|
||||||
onChange={(e) => { |
|
||||||
setIdPedimentoConsolidadoSelected(e.target.value) |
|
||||||
PrepareRectificacion(+e.target.value) |
|
||||||
}} |
|
||||||
value={IdPedimentoConsolidadoSelected} |
|
||||||
className="form-select form-select-sm" |
|
||||||
> |
|
||||||
<option value="#">-SELECCIONE-</option> |
|
||||||
{props.Pedimentos |
|
||||||
? props.Pedimentos.map((p) => { |
|
||||||
return ( |
|
||||||
<option key={p.id} value={p.id}> |
|
||||||
{p.pedimento} |
|
||||||
</option> |
|
||||||
) |
|
||||||
}) |
|
||||||
: null} |
|
||||||
</Form.Control> |
|
||||||
</FormLabel> |
|
||||||
</Col> |
|
||||||
<Col xs={2}> |
|
||||||
<Form.Label> |
|
||||||
Clave |
|
||||||
<FormControl type='text' size='sm' disabled value={ClavePedimentoH}></FormControl> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
<Col xs={2}> |
|
||||||
<Form.Label> |
|
||||||
Fec. Pago |
|
||||||
<Form.Control |
|
||||||
type="date" |
|
||||||
id="FechaPago" |
|
||||||
size="sm" |
|
||||||
value={setDate(FechaPagoH)} |
|
||||||
readOnly={true} |
|
||||||
disabled={true} |
|
||||||
/> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
<Col xs={2}> |
|
||||||
<Button onClick={() => generaRectificacion()}>Agregar</Button> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
<Row className="justify-content-end align-items-center"> |
|
||||||
<Col xs={1}><span style={{wordWrap:'normal'}}>Rectificación</span></Col> |
|
||||||
<Col |
|
||||||
xs={1} |
|
||||||
style={{ |
|
||||||
textAlign: 'right', |
|
||||||
paddingTop: '5px', |
|
||||||
cursor: 'pointer', |
|
||||||
}} |
|
||||||
onClick={() => { |
|
||||||
cleanForm(); |
|
||||||
}} |
|
||||||
> |
|
||||||
<IconContext.Provider value={{ color: 'orange', size: '25px' }}> |
|
||||||
<FaEraser /> |
|
||||||
</IconContext.Provider> |
|
||||||
</Col> |
|
||||||
<Col xs={1}> |
|
||||||
<FormLabel> |
|
||||||
Aduana |
|
||||||
<FormControl type='text' size='sm' disabled value={Aduana} onChange={(e) => setAduana(e.target.value)}></FormControl> |
|
||||||
</FormLabel> |
|
||||||
</Col> |
|
||||||
<Col xs={1}> |
|
||||||
<FormLabel> |
|
||||||
Patente |
|
||||||
<FormControl type='text' size='sm' disabled value={Patente} onChange={(e) => setPatente(+e.target.value)}></FormControl> |
|
||||||
</FormLabel> |
|
||||||
</Col> |
|
||||||
<Col xs={2}> |
|
||||||
<FormLabel> |
|
||||||
Pedimento |
|
||||||
<CurrencyFormat |
|
||||||
value={Pedimento} |
|
||||||
displayType='input' |
|
||||||
format={'### ####'} |
|
||||||
mask="_" |
|
||||||
onValueChange={(values: any) => { |
|
||||||
const { value } = values |
|
||||||
if(value.length === 7 ){ |
|
||||||
CTrafDataService.ValidaTraficoDuplicado(Aduana, Patente, value, props.IdTrafico).then( response => { |
|
||||||
if(response.data !== ""){ |
|
||||||
setHeader('Informativo') |
|
||||||
setMsg(`Pedimento Duplicado.\n\rLa referencia ${response.data} ya cuenta con los mismos datos de aduana, patente y pedimento`) |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
} |
|
||||||
setPedimento(value.length === 0 ? 0 : value) |
|
||||||
}) |
|
||||||
} |
|
||||||
}} |
|
||||||
style={{ |
|
||||||
fontSize: '18px', |
|
||||||
backgroundColor: '#FEFDF5', |
|
||||||
border: '2px solid #837F5D', |
|
||||||
width: '100%', |
|
||||||
textAlign: 'right', |
|
||||||
borderRadius: '10px' |
|
||||||
}} |
|
||||||
/> |
|
||||||
</FormLabel> |
|
||||||
</Col> |
|
||||||
<Col xs={2}> |
|
||||||
<Form.Label> |
|
||||||
Clave |
|
||||||
<Form.Control |
|
||||||
as="select" |
|
||||||
id="CmbClavePedimento" |
|
||||||
onChange={(e) => { |
|
||||||
setClavePedimento(e.target.value) |
|
||||||
}} |
|
||||||
className="form-select form-select-sm" |
|
||||||
value={ClavePedimento} |
|
||||||
> |
|
||||||
<option value="-Seleccione-">-Seleccione-</option> |
|
||||||
{props.ClavesPedimento |
|
||||||
? props.ClavesPedimento.map((item, index) => { |
|
||||||
return ( |
|
||||||
<option key={item.id} value={item.clave}> |
|
||||||
{item.clave} |
|
||||||
</option> |
|
||||||
) |
|
||||||
}) |
|
||||||
: ''} |
|
||||||
</Form.Control>
|
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
<Col xs={2}> |
|
||||||
<Form.Label> |
|
||||||
Fec. Pago |
|
||||||
<Form.Control |
|
||||||
type="date" |
|
||||||
id="FechaPago" |
|
||||||
size="sm" |
|
||||||
value={FechaPago} |
|
||||||
onChange={(e) => setFechaPago(e.target.value)} |
|
||||||
/> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
<Col xs={2}></Col> |
|
||||||
</Row> |
|
||||||
<hr/> </>: '' } |
|
||||||
<HistorialRectificaciones IdPedimentoConsolidado={IdPedimentoConsolidadoSelected} ></HistorialRectificaciones> |
|
||||||
<MsgInformativo |
|
||||||
show={show} |
|
||||||
msg={msg} |
|
||||||
header={header} |
|
||||||
msgColor={msgColor} |
|
||||||
closeToast={() => { |
|
||||||
setShowMsg(false) |
|
||||||
}} |
|
||||||
/> |
|
||||||
</Card.Body> |
|
||||||
</Card> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,154 +0,0 @@ |
|||||||
import { Button, Col, Form, FormLabel, Row } from "react-bootstrap"; |
|
||||||
import { CiWarning } from "react-icons/ci"; |
|
||||||
import { MsgInformativo } from "../../Utils/Toast/msgInformativo"; |
|
||||||
import '../../../css/generic01.css' |
|
||||||
import { ICorresponsalTraficoSolicitud } from "../../../Interfaces/Corresponsales/ICorresponsalTraficoSolicitud"; |
|
||||||
import { DTOTraficoSolicitud } from "../../../DTO/Corresponsales/DTOTraficoSolicitud"; |
|
||||||
import CTrafDataService from "../../../Services/Corresponsalias/Corresponsales.Trafico.Services" |
|
||||||
import { useState } from "react"; |
|
||||||
import CorresponsalesTraficoSolicitudService from "../../../Services/Corresponsalias/Corresponsales.Trafico.Solicitud.Service"; |
|
||||||
|
|
||||||
interface IProps { |
|
||||||
solicitud: DTOTraficoSolicitud; |
|
||||||
userId: number; |
|
||||||
close: (estado: number) => void |
|
||||||
title: string; |
|
||||||
mensaje: string; |
|
||||||
} |
|
||||||
export const AutorizarSolicitud:React.FC<IProps> = (props) => { |
|
||||||
const [Motivo, setMotivo] = useState('') |
|
||||||
const [showMsg, setShowMsg] = useState(false) |
|
||||||
const [msg, setMsg] = useState('') |
|
||||||
const [header, setHeader] = useState('') |
|
||||||
const [SelectedOption, setSelectedOption] = useState(2) |
|
||||||
const [Depto, setDepto] = useState(() => { |
|
||||||
const stickyValue = window.localStorage.getItem('Departamento') |
|
||||||
return stickyValue !== null ? JSON.parse(stickyValue) : '' |
|
||||||
}) |
|
||||||
const [Perfil, setPerfil] = useState(() => { |
|
||||||
const stickyValue = window.localStorage.getItem('Perfil') |
|
||||||
return stickyValue !== null ? JSON.parse(stickyValue) : '' |
|
||||||
}) |
|
||||||
|
|
||||||
const AppendSolicitud = () =>{ |
|
||||||
if(SelectedOption === 0 && !Motivo){ |
|
||||||
setHeader('Error'); |
|
||||||
setMsg('Favor de capturar una razon válida.') |
|
||||||
setShowMsg(true) |
|
||||||
return; |
|
||||||
} |
|
||||||
if(SelectedOption === 0 && Motivo.length < 30){ |
|
||||||
setHeader('Error'); |
|
||||||
setMsg('La razón del rechazo debe contener al menos 30 caracteres') |
|
||||||
setShowMsg(true) |
|
||||||
return; |
|
||||||
} |
|
||||||
var solicitud: ICorresponsalTraficoSolicitud = { |
|
||||||
id: props.solicitud.id, |
|
||||||
idTrafico: props.solicitud.idTrafico, |
|
||||||
idUsuarioSolicita: props.solicitud.idUsuarioSolicita, |
|
||||||
fechaSolicita: props.solicitud.fechaSolicita, |
|
||||||
motivoSolicita: props.solicitud.motivoSolicita, |
|
||||||
idUsuarioAutoriza: props.userId, |
|
||||||
fechaAutoriza: undefined, |
|
||||||
motivoRechazo: Motivo, |
|
||||||
estado: SelectedOption |
|
||||||
} |
|
||||||
if(Depto === 'Facturacion'){ |
|
||||||
AppendSolicitudReapertura(solicitud) |
|
||||||
} |
|
||||||
if(Depto === 'Corresponsalias'){ |
|
||||||
AppendSolicitudEliminarReferencia(solicitud) |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
const AppendSolicitudReapertura = (solicitud: ICorresponsalTraficoSolicitud) => { |
|
||||||
CorresponsalesTraficoSolicitudService.AppendSolicitudReapertura(solicitud) |
|
||||||
.then((resp) => { |
|
||||||
if(resp.data.id > 0){ |
|
||||||
props.close(SelectedOption) |
|
||||||
} |
|
||||||
}) |
|
||||||
.catch(() => { |
|
||||||
setHeader('Error'); |
|
||||||
setMsg('Ocurrió un error. Favor de intentar nuevamente') |
|
||||||
setShowMsg(true) |
|
||||||
return; |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
const AppendSolicitudEliminarReferencia = (solicitud: ICorresponsalTraficoSolicitud) => { |
|
||||||
CorresponsalesTraficoSolicitudService.AppendSolicitudEliminarReferencia(solicitud) |
|
||||||
.then((resp) => { |
|
||||||
if(resp.data.id > 0){ |
|
||||||
props.close(SelectedOption) |
|
||||||
} |
|
||||||
}) |
|
||||||
.catch(() => { |
|
||||||
setHeader('Error'); |
|
||||||
setMsg('Ocurrió un error. Favor de intentar nuevamente') |
|
||||||
setShowMsg(true) |
|
||||||
return; |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
return( |
|
||||||
<> |
|
||||||
<h3>{props.title}</h3> |
|
||||||
<hr/> |
|
||||||
<Row> |
|
||||||
<CiWarning style={{fontSize:'150px', color:'#ff3100'}} /> |
|
||||||
</Row> |
|
||||||
<Row> |
|
||||||
<Col xs={12}> |
|
||||||
<p style={{textAlign:'center'}}> |
|
||||||
{props.solicitud.usuarioSolicita} {props.mensaje} |
|
||||||
</p> |
|
||||||
<p style={{textAlign:'center'}}>{props.solicitud.motivoSolicita}</p> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
<Row className='justify-content-center'> |
|
||||||
<Col xs={4}> |
|
||||||
<Form.Control
|
|
||||||
as='select' |
|
||||||
className="form-select form-select-sm" |
|
||||||
value={SelectedOption} |
|
||||||
style={{width:'100%', marginBottom:'10px'}} |
|
||||||
onChange={(e) => setSelectedOption(+e.target.value)} |
|
||||||
> |
|
||||||
<option value={2}>Autorizar</option> |
|
||||||
<option value={0}>Rechazar</option> |
|
||||||
</Form.Control> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
<Row style={{visibility: SelectedOption === 0 ? 'visible' : 'hidden'}}> |
|
||||||
<Col xs={12}> |
|
||||||
<FormLabel style={{width:'100%'}}> |
|
||||||
<Form.Control |
|
||||||
as="textarea" |
|
||||||
rows={3}
|
|
||||||
onChange={(e) => setMotivo(e.target?.value)} |
|
||||||
placeholder='ingrese el motivo del rechazo de la solicitud' |
|
||||||
/> |
|
||||||
</FormLabel> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
<Row className='justify-content-end'> |
|
||||||
<Col xs={4} style={{textAlign:'end'}}> |
|
||||||
<Button variant='primary' onClick={() => {AppendSolicitud()}}> |
|
||||||
Guardar |
|
||||||
</Button> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
<MsgInformativo |
|
||||||
show={showMsg} |
|
||||||
msg={msg} |
|
||||||
header={header} |
|
||||||
msgColor={'primary'} |
|
||||||
closeToast={() => { |
|
||||||
setShowMsg(false) |
|
||||||
}} |
|
||||||
/> |
|
||||||
</> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,119 +0,0 @@ |
|||||||
import React, { useState } from "react" |
|
||||||
import { Button, Col, Form, FormLabel, Row } from "react-bootstrap" |
|
||||||
import CTrafDataService from "../../../Services/Corresponsalias/Corresponsales.Trafico.Services" |
|
||||||
import { MsgInformativo } from "../../Utils/Toast/msgInformativo" |
|
||||||
import { ICorresponsalTraficoSolicitud } from "../../../Interfaces/Corresponsales/ICorresponsalTraficoSolicitud" |
|
||||||
import CorresponsalesTraficoSolicitudService from "../../../Services/Corresponsalias/Corresponsales.Trafico.Solicitud.Service" |
|
||||||
|
|
||||||
interface IProps{ |
|
||||||
idTrafico: number, |
|
||||||
idUsuario: number, |
|
||||||
close: () => void, |
|
||||||
title: string, |
|
||||||
} |
|
||||||
export const CrearSolicitud:React.FC<IProps> = (props) => { |
|
||||||
const [Motivo, setMotivo] = useState('') |
|
||||||
const [showMsg, setShowMsg] = useState(false) |
|
||||||
const [msg, setMsg] = useState('') |
|
||||||
const [header, setHeader] = useState('') |
|
||||||
const [Depto, setDepto] = useState(() => { |
|
||||||
const stickyValue = window.localStorage.getItem('Departamento') |
|
||||||
return stickyValue !== null ? JSON.parse(stickyValue) : '' |
|
||||||
}) |
|
||||||
const [Perfil, setPerfil] = useState(() => { |
|
||||||
const stickyValue = window.localStorage.getItem('Perfil') |
|
||||||
return stickyValue !== null ? JSON.parse(stickyValue) : '' |
|
||||||
})
|
|
||||||
|
|
||||||
const AppendSolicitud = () => { |
|
||||||
if(!Motivo){ |
|
||||||
setHeader('Error'); |
|
||||||
setMsg('Favor de capturar una razon válida.') |
|
||||||
setShowMsg(true) |
|
||||||
return; |
|
||||||
} |
|
||||||
if(Motivo.length < 30){ |
|
||||||
setHeader('Error'); |
|
||||||
setMsg('La razón de su solicitud debe contener al menos 30 caracteres') |
|
||||||
setShowMsg(true) |
|
||||||
return; |
|
||||||
} |
|
||||||
var solicitud: ICorresponsalTraficoSolicitud = { |
|
||||||
id: 0, |
|
||||||
idTrafico: props.idTrafico, |
|
||||||
idUsuarioSolicita: props.idUsuario, |
|
||||||
fechaSolicita: undefined, |
|
||||||
motivoSolicita: Motivo, |
|
||||||
idUsuarioAutoriza: Perfil.includes('Sup') ? props.idUsuario : 0, //Si es un supervisor se asigna su id al usuario que autoriza ya que la solicitud no requiere ser autorizada por otro usuario
|
|
||||||
fechaAutoriza: undefined, |
|
||||||
motivoRechazo: "", |
|
||||||
estado: Perfil.includes('Sup') ? 2 : 1 //Si es un supervisor se asigna el estado de la solicitud como autorizada desde que se crea
|
|
||||||
} |
|
||||||
if(Depto === 'Facturacion'){ |
|
||||||
AppendSolicitudReapertura(solicitud) |
|
||||||
} |
|
||||||
if(Depto === 'Corresponsalias'){ |
|
||||||
AppendSolicitudEliminarReferencia(solicitud) |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
const AppendSolicitudReapertura = (solicitud: ICorresponsalTraficoSolicitud) => { |
|
||||||
CorresponsalesTraficoSolicitudService.AppendSolicitudReapertura(solicitud) |
|
||||||
.then((resp) => { |
|
||||||
props.close() |
|
||||||
}) |
|
||||||
.catch(() => { |
|
||||||
setHeader('Error'); |
|
||||||
setMsg('Ocurrió un error. Favor de intentar nuevamente') |
|
||||||
setShowMsg(true) |
|
||||||
return; |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
const AppendSolicitudEliminarReferencia = (solicitud: ICorresponsalTraficoSolicitud) => { |
|
||||||
CorresponsalesTraficoSolicitudService.AppendSolicitudEliminarReferencia(solicitud) |
|
||||||
.then((resp) => { |
|
||||||
props.close() |
|
||||||
}) |
|
||||||
.catch(() => { |
|
||||||
setHeader('Error'); |
|
||||||
setMsg('Ocurrió un error. Favor de intentar nuevamente') |
|
||||||
setShowMsg(true) |
|
||||||
return; |
|
||||||
}) |
|
||||||
} |
|
||||||
return( |
|
||||||
<> |
|
||||||
<h3>{props.title}</h3> |
|
||||||
<hr/> |
|
||||||
<Row> |
|
||||||
<Col xs={12}> |
|
||||||
<FormLabel style={{width:'100%'}}> |
|
||||||
<Form.Control |
|
||||||
as="textarea" |
|
||||||
rows={5}
|
|
||||||
onChange={(e) => setMotivo(e.target?.value)} |
|
||||||
placeholder='ingrese el motivo de la solicitud' |
|
||||||
/> |
|
||||||
</FormLabel> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
<Row className='justify-content-end'> |
|
||||||
<Col xs={2} style={{textAlign:'end'}}> |
|
||||||
<Button variant='primary' onClick={() => AppendSolicitud()}> |
|
||||||
Guardar |
|
||||||
</Button> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
<MsgInformativo |
|
||||||
show={showMsg} |
|
||||||
msg={msg} |
|
||||||
header={header} |
|
||||||
msgColor={'primary'} |
|
||||||
closeToast={() => { |
|
||||||
setShowMsg(false) |
|
||||||
}} |
|
||||||
/> |
|
||||||
</> |
|
||||||
) |
|
||||||
} |
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,125 +0,0 @@ |
|||||||
import { FC, useEffect, useState } from 'react'; |
|
||||||
import { Card, Col, Row } from 'react-bootstrap'; |
|
||||||
import { Link } from 'react-router-dom'; |
|
||||||
import { IconContext } from 'react-icons'; |
|
||||||
import { FcSurvey } from 'react-icons/fc'; |
|
||||||
import { FaCcMastercard } from 'react-icons/fa'; |
|
||||||
import ClientesServices from '../../Services/Catalogos/Clientes.Services'; |
|
||||||
import { AxiosError } from 'axios'; |
|
||||||
import IClientes from '../../Interfaces/Catalogos/IClientes'; |
|
||||||
import { MsgInformativo } from '../Utils/Toast/msgInformativo'; |
|
||||||
|
|
||||||
export default function DashboardClientes() { |
|
||||||
const [UserId, setUserId] = useState(() => { |
|
||||||
const stickyValue = window.localStorage.getItem('UserId') |
|
||||||
return stickyValue !== null ? JSON.parse(stickyValue) : 0 |
|
||||||
}) |
|
||||||
//const [ShowEstadosCuenta, setShowEstadosCuenta] = useState(false)
|
|
||||||
const [show, setShow] = useState(false) |
|
||||||
const [msg, setMsg] = useState('') |
|
||||||
const [header, setHeader] = useState('') |
|
||||||
const [msgColor, setMsgColor] = useState('primary') |
|
||||||
//
|
|
||||||
const [clientes, setClientes] = useState<IClientes[]>([]) |
|
||||||
|
|
||||||
/* useEffect(() => { |
|
||||||
ClientesServices.getUsuariosAsignados(UserId) |
|
||||||
.then(resp => { |
|
||||||
setClientes(resp.data) |
|
||||||
let cliente = resp.data.filter((x) => x.sClave===1896 && x.agrupado===1) |
|
||||||
if(cliente.length > 0){ |
|
||||||
setShowEstadosCuenta(true) |
|
||||||
} |
|
||||||
}) |
|
||||||
.catch((err: AxiosError)=>{ |
|
||||||
setShow(true) |
|
||||||
setMsg(err.request.responseText) |
|
||||||
setHeader('Error') |
|
||||||
return |
|
||||||
}) |
|
||||||
}, []) */ |
|
||||||
|
|
||||||
return ( |
|
||||||
<> |
|
||||||
<Col> |
|
||||||
<Card style={{ width: '18rem' }} className='dashboardComponentFont'> |
|
||||||
<Card.Header style={{fontSize:'15.9px'}}> |
|
||||||
Clientes |
|
||||||
</Card.Header> |
|
||||||
<Card.Body style={{ paddingBottom: '50px' }}> |
|
||||||
<Card.Title> |
|
||||||
Traficos |
|
||||||
<br /> |
|
||||||
<br /> |
|
||||||
</Card.Title> |
|
||||||
<Card.Img variant='top' src='' onClick={() => {}} /> |
|
||||||
<div style={{ fontSize: '6em' }} className='text-center'> |
|
||||||
<FcSurvey /> |
|
||||||
</div> |
|
||||||
</Card.Body> |
|
||||||
<Card.Footer> |
|
||||||
<Row> |
|
||||||
<Col xs={6} style={{ paddingRight: '5px' }}> |
|
||||||
{/* <Link |
|
||||||
to={`../RptCorresponsalesTraficosHst?proc=0&status=0`} |
|
||||||
style={{ textDecoration: 'none', float: 'right', paddingRight: '10px' }} |
|
||||||
> |
|
||||||
Buscar |
|
||||||
</Link> */} |
|
||||||
{/* <span style={{ fontWeight: 'bold' }}>Tipo cambio: ${TipoCambio}</span> */} |
|
||||||
</Col> |
|
||||||
{/* <Col xs={3}></Col> */} |
|
||||||
<Col xs={6} style={{ paddingRight: '5px' }}> |
|
||||||
<Link |
|
||||||
to={`../Clientes/Traficos`} |
|
||||||
style={{ |
|
||||||
textDecoration: 'none', |
|
||||||
float: 'right', |
|
||||||
paddingRight: '10px', |
|
||||||
}} |
|
||||||
> |
|
||||||
Ver mas... |
|
||||||
</Link> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
</Card.Footer> |
|
||||||
</Card> |
|
||||||
</Col> |
|
||||||
<Col> |
|
||||||
<Card style={{ width: '18rem' }} className='dashboardComponentFont'> |
|
||||||
<Card.Header>Clientes</Card.Header> |
|
||||||
<Card.Body style={{ paddingBottom: '50px' }}> |
|
||||||
<Card.Title> |
|
||||||
Estados de cuenta |
|
||||||
<br /> |
|
||||||
<br /> |
|
||||||
</Card.Title> |
|
||||||
<Card.Img variant='top' src='' onClick={() => {}} /> |
|
||||||
<div style={{ fontSize: '6em' }} className='text-center'> |
|
||||||
<IconContext.Provider value={{ color: 'orange' }}> |
|
||||||
<FaCcMastercard /> |
|
||||||
</IconContext.Provider> |
|
||||||
</div> |
|
||||||
</Card.Body> |
|
||||||
<Card.Footer style={{ paddingRight: '5px' }}> |
|
||||||
<Link |
|
||||||
to='../Clientes/EstadosCuenta' |
|
||||||
style={{ textDecoration: 'none', float: 'right', paddingRight: '10px' }} |
|
||||||
> |
|
||||||
Ver mas... |
|
||||||
</Link> |
|
||||||
</Card.Footer> |
|
||||||
</Card> |
|
||||||
</Col> |
|
||||||
<MsgInformativo |
|
||||||
show={show} |
|
||||||
msg={msg} |
|
||||||
header={header} |
|
||||||
msgColor={msgColor} |
|
||||||
closeToast={function (arg: boolean): void { |
|
||||||
setShow(false) |
|
||||||
}} |
|
||||||
/> |
|
||||||
</> |
|
||||||
); |
|
||||||
}; |
|
||||||
@ -1,125 +0,0 @@ |
|||||||
import { ApexOptions } from "apexcharts"; |
|
||||||
import { useEffect, useState } from "react"; |
|
||||||
import ReactApexChart from "react-apexcharts" |
|
||||||
import { Card, Col, Row } from "react-bootstrap" |
|
||||||
import { Link } from "react-router-dom" |
|
||||||
import DashboardDataService from '../../Services/Dashboard/Dashboard.Corresponsales.Services'; |
|
||||||
|
|
||||||
export const DashboardSistemas:React.FC = () => { |
|
||||||
const [TotalCorresponsales, setTotalCorresponsales] = useState(0); |
|
||||||
const [series, setseries] = useState<number[]>([]); |
|
||||||
const [Label, setLabel] = useState(''); |
|
||||||
const [CircleOptions, setCirleOpcions] = useState<ApexOptions>({ |
|
||||||
labels: [], |
|
||||||
colors: ['#EB984E',], |
|
||||||
legend: { position: 'bottom' }, |
|
||||||
plotOptions: { |
|
||||||
pie: { |
|
||||||
donut: { |
|
||||||
size: '55%', |
|
||||||
}, |
|
||||||
}, |
|
||||||
}, |
|
||||||
}); |
|
||||||
|
|
||||||
useEffect(() => { |
|
||||||
DashboardDataService.getDisk() |
|
||||||
.then((response) => { |
|
||||||
console.log(response.data); |
|
||||||
setLabel(response.data.descripcion) |
|
||||||
setseries([response.data.total]); |
|
||||||
|
|
||||||
setCirleOpcions({ |
|
||||||
labels: [response.data.descripcion], |
|
||||||
colors: ['#ABEB4E'], |
|
||||||
legend: { position: 'bottom' }, |
|
||||||
plotOptions: { |
|
||||||
radialBar: { |
|
||||||
startAngle: -135, |
|
||||||
endAngle: 135, |
|
||||||
track: { |
|
||||||
background: "#e7e7e7", |
|
||||||
strokeWidth: '100%', |
|
||||||
margin: 5, // margin is in pixels
|
|
||||||
dropShadow: { |
|
||||||
enabled: false, |
|
||||||
top: 2, |
|
||||||
left: 0, |
|
||||||
color: '#999', |
|
||||||
opacity: 1, |
|
||||||
blur: 2 |
|
||||||
} |
|
||||||
}, |
|
||||||
dataLabels: { |
|
||||||
name:{ |
|
||||||
show:false |
|
||||||
}, |
|
||||||
value: { |
|
||||||
show: true, |
|
||||||
fontSize: '43px', |
|
||||||
fontWeight: 'bold', |
|
||||||
}, |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
grid: { |
|
||||||
padding: { |
|
||||||
top: -10 |
|
||||||
} |
|
||||||
}, |
|
||||||
}); |
|
||||||
}) |
|
||||||
.catch((e: Error) => { |
|
||||||
return; |
|
||||||
}); |
|
||||||
//getTipoCambio(currentDate())
|
|
||||||
}, []); |
|
||||||
|
|
||||||
return ( |
|
||||||
<Col> |
|
||||||
<Card style={{ width: '18rem' }} className='dashboardComponentFont'> |
|
||||||
<Card.Header style={{fontSize:'15.9px'}}> |
|
||||||
<b>Sistemas </b> |
|
||||||
</Card.Header> |
|
||||||
<Card.Body style={{ paddingBottom: '0px'}}> |
|
||||||
<Card.Title>Almacenamiento interno</Card.Title> |
|
||||||
<ReactApexChart |
|
||||||
type='radialBar' |
|
||||||
options={CircleOptions} |
|
||||||
series={series} |
|
||||||
width={250} |
|
||||||
height={310} |
|
||||||
/> |
|
||||||
<div style={{textAlign:"center"}}>{Label}</div> |
|
||||||
</Card.Body> |
|
||||||
<Card.Footer> |
|
||||||
<Row> |
|
||||||
<Col xs={6} style={{ paddingRight: '5px' }}> |
|
||||||
{/* <Link |
|
||||||
to={`../RptCorresponsalesTraficosHst?proc=0&status=0`} |
|
||||||
style={{ textDecoration: 'none', float: 'right', paddingRight: '10px' }} |
|
||||||
> |
|
||||||
Buscar |
|
||||||
</Link> */} |
|
||||||
{/* <span style={{ fontWeight: 'bold' }}>Tipo cambio: ${TipoCambio}</span> */} |
|
||||||
</Col> |
|
||||||
{/* <Col xs={3}></Col> */} |
|
||||||
<Col xs={6} style={{ paddingRight: '5px' }}> |
|
||||||
<Link |
|
||||||
to={``} |
|
||||||
style={{ |
|
||||||
visibility: 'hidden', |
|
||||||
textDecoration: 'none', |
|
||||||
float: 'right', |
|
||||||
paddingRight: '10px', |
|
||||||
}} |
|
||||||
> |
|
||||||
Ver mas... |
|
||||||
</Link> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
</Card.Footer> |
|
||||||
</Card> |
|
||||||
</Col> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,517 +0,0 @@ |
|||||||
import { useEffect, useRef, useState } from "react" |
|
||||||
import { Button, Card, Col, Row, Form } from "react-bootstrap" |
|
||||||
import ClientesServices from "../../Services/Catalogos/Clientes.Services" |
|
||||||
import IClientes from "../../Interfaces/Catalogos/IClientes" |
|
||||||
import { AxiosError } from "axios" |
|
||||||
import { MsgInformativo } from "../Utils/Toast/msgInformativo" |
|
||||||
import { AgGridReact } from "ag-grid-react" |
|
||||||
import EstadosCuentaAlenService from "../../Services/EstadosCuenta/EstadosCuentaAlen.Service" |
|
||||||
import { DTOEstadoCuentaAlen } from "../../DTO/EstadosCuenta/DTOEstadoCuentaAlen" |
|
||||||
import { ColDef, ILargeTextEditorParams } from "ag-grid-community" |
|
||||||
import { BsFileEarmarkExcelFill } from "react-icons/bs" |
|
||||||
import { DTOEstadoCuentaAlenFilters } from "../../DTO/EstadosCuenta/DTOEstadosCuentaAlenFilters" |
|
||||||
import { FaDownload } from "react-icons/fa" |
|
||||||
import { IconContext } from "react-icons" |
|
||||||
import FileManagerServices from "../../Services/Utils/FileManager.Services" |
|
||||||
|
|
||||||
export const EstadosCuenta:React.FC = () => { |
|
||||||
const [Perfil, setPerfil] = useState(() => { |
|
||||||
const stickyValue = window.localStorage.getItem('Perfil') |
|
||||||
return stickyValue !== null ? JSON.parse(stickyValue) : '' |
|
||||||
}) |
|
||||||
const [Cuentas, setCuentas] = useState<DTOEstadoCuentaAlen[]> ([]) |
|
||||||
const [show, setShow] = useState(false) |
|
||||||
const [msg, setMsg] = useState('') |
|
||||||
const [header, setHeader] = useState('') |
|
||||||
const [msgColor, setMsgColor] = useState('primary') |
|
||||||
const hiddenFileInputRef = useRef<HTMLInputElement>(null); |
|
||||||
const [showSpinner, setShowSpinner] = useState(false) |
|
||||||
const [File, setFile] = useState<File | null>(); |
|
||||||
//Estados de los filtros
|
|
||||||
const [Remitentes, setRemitentes] = useState<string[]>([]) |
|
||||||
const [Trafico, setTrafico] = useState('') |
|
||||||
const [Aduana, setAduana] = useState('') |
|
||||||
const [Patente, setPatente] = useState('') |
|
||||||
const [Pedimento, setPedimento] = useState('') |
|
||||||
const [TipoOperacion, setTipoOperacion] = useState('') |
|
||||||
const [Inicio, setInicio] = useState('') |
|
||||||
const [Fin, setFin] = useState('') |
|
||||||
const [Remitente, setRemitente] = useState('') |
|
||||||
const [Programado, setProgramado] = useState(0) |
|
||||||
//
|
|
||||||
const [columnDefs] = useState<ColDef[]>([ |
|
||||||
{ |
|
||||||
field:'serie', headerName:'Serie', |
|
||||||
valueGetter: ({data}:any) => {return data.serie + data.noMovimiento}, |
|
||||||
width:100, |
|
||||||
filter: true |
|
||||||
},/* { |
|
||||||
field:'noMovimiento', headerName:'Movimiento' |
|
||||||
}, */{ |
|
||||||
field:'fecha', filter: true |
|
||||||
},{ |
|
||||||
field:'trafico', width:150, sortable: true, filter: true |
|
||||||
},{ |
|
||||||
field:'aduana', width:100, filter: true |
|
||||||
},{ |
|
||||||
field:'patente', width:100, filter: true |
|
||||||
},{ |
|
||||||
field:'pedimento', width:120, filter: true |
|
||||||
},{ |
|
||||||
field:'clave', headerName:'Cve. Pedim', width:120, filter: true |
|
||||||
},{ |
|
||||||
field:'impexp', headerName: 'Impo/Expo', width:120, filter: true |
|
||||||
},{ |
|
||||||
field:'noCliente', headerName: 'No. Cte.', width:100, filter: true |
|
||||||
},{ |
|
||||||
field:'nombre', headerName: 'Nombre Cliente', width:300, filter: true |
|
||||||
},{ |
|
||||||
field:'cargos', width:100, filter: true |
|
||||||
},{ |
|
||||||
field:'abonos', width:100, filter: true |
|
||||||
},{ |
|
||||||
field:'saldoFinal', width:120, filter: true |
|
||||||
},{ |
|
||||||
field:'ivaAl', headerName: '% IVA', width:100, filter: true |
|
||||||
},{ |
|
||||||
field:'descripcion', width:300, wrapText:true, autoHeight: true, filter: true |
|
||||||
},{ |
|
||||||
field:'remitente', width:300, wrapText:true, autoHeight: true, filter: true |
|
||||||
},{ |
|
||||||
field:'pedido', width:300, wrapText:true, autoHeight: true, filter: true |
|
||||||
},{ |
|
||||||
field:'ordenCompra', editable: true, filter: true, wrapText: true, autoHeight:true |
|
||||||
} |
|
||||||
,{ |
|
||||||
field:'tipoMercancia', headerName: 'Tipo Mcia', filter: true |
|
||||||
}, |
|
||||||
{ |
|
||||||
field:'idPdf', headerName: 'PDF', |
|
||||||
cellRenderer: ({data}:any)=>{ |
|
||||||
return ( |
|
||||||
<IconContext.Provider value={{color: 'blue', size:'20px'}}> |
|
||||||
<FaDownload style={{cursor:'pointer'}} onClick={() => { |
|
||||||
if(data.trafico[data.trafico.length-1].toUpperCase() === 'C') |
|
||||||
getCorresponsaliasFile(data.idPdf, 37, data.pdf) |
|
||||||
else |
|
||||||
getAEO(data.serie, data.noMovimiento, 'pdf', data.trafico); |
|
||||||
} |
|
||||||
}/> |
|
||||||
</IconContext.Provider> |
|
||||||
) |
|
||||||
} |
|
||||||
}, |
|
||||||
{ |
|
||||||
field:'idXml', headerName: 'XML', |
|
||||||
cellRenderer: ({data}:any)=>{ |
|
||||||
return ( |
|
||||||
<IconContext.Provider value={{color: 'blue', size:'20px'}}> |
|
||||||
<FaDownload style={{cursor:'pointer'}} onClick={() => { |
|
||||||
if(data.trafico[data.trafico.length-1].toUpperCase() === 'C') |
|
||||||
getCorresponsaliasFile(data.idXml, 38, data.xml) |
|
||||||
else |
|
||||||
getAEO(data.serie, data.noMovimiento, 'xml', data.trafico); |
|
||||||
} |
|
||||||
}/> |
|
||||||
</IconContext.Provider> |
|
||||||
) |
|
||||||
} |
|
||||||
}, |
|
||||||
{ |
|
||||||
field: "observaciones",
|
|
||||||
editable:true, |
|
||||||
filter: true, |
|
||||||
wrapText: true, |
|
||||||
cellEditor: "agLargeTextCellEditor", |
|
||||||
cellEditorPopup: true, |
|
||||||
cellEditorParams: { |
|
||||||
rows: 5, |
|
||||||
maxLength: 1000 |
|
||||||
} as ILargeTextEditorParams, |
|
||||||
autoHeight:true
|
|
||||||
}, |
|
||||||
/* { |
|
||||||
field:'idNotasCargo', headerName: 'Notas de Cargo', |
|
||||||
cellRenderer: ({data}:any)=>{ |
|
||||||
return ( |
|
||||||
data.idNotasCargo !== 0 ?
|
|
||||||
<IconContext.Provider value={{color: 'blue', size:'20px'}}> |
|
||||||
<FaDownload style={{cursor:'pointer'}} onClick={() => { |
|
||||||
if(data.trafico[data.trafico.length-1].toUpperCase() === 'C') |
|
||||||
getCorresponsaliasFile(data.idNotasCargo, 41, data.notasCargo) |
|
||||||
/* else |
|
||||||
getAEO(data.serie, data.noMovimiento);
|
|
||||||
} |
|
||||||
}/> |
|
||||||
</IconContext.Provider> : '' |
|
||||||
) |
|
||||||
} |
|
||||||
}, */ |
|
||||||
]) |
|
||||||
useEffect(() => { |
|
||||||
getCuentas(); |
|
||||||
},[]) |
|
||||||
|
|
||||||
function currentDate(days: number): string { |
|
||||||
var today = new Date() |
|
||||||
today.setDate(today.getDate() + days) |
|
||||||
var dd = String(today.getDate()).padStart(2, '0') |
|
||||||
var mm = String(today.getMonth() + 1).padStart(2, '0') |
|
||||||
var yyyy = today.getFullYear() |
|
||||||
return yyyy + '-' + mm + '-' + dd |
|
||||||
} |
|
||||||
|
|
||||||
const uploadFile = (file: File) => { |
|
||||||
setShowSpinner(true) |
|
||||||
const formData = new FormData() |
|
||||||
formData.append('name', file.name) |
|
||||||
formData.append('file', file) |
|
||||||
if(Perfil === 'Administrador'){ |
|
||||||
EstadosCuentaAlenService.Append(formData) |
|
||||||
.then((res) => { |
|
||||||
hiddenFileInputRef.current!.value = '' |
|
||||||
setCuentas(res.data) |
|
||||||
setShowSpinner(false) |
|
||||||
}) |
|
||||||
.catch((err: AxiosError) => { |
|
||||||
setShowSpinner(false) |
|
||||||
hiddenFileInputRef.current!.value = '' |
|
||||||
setShow(true) |
|
||||||
setMsg(err.request.responseText) |
|
||||||
setHeader('Error') |
|
||||||
return |
|
||||||
}) |
|
||||||
} |
|
||||||
if(['Facturacion', 'Sup. Facturacion'].includes(Perfil)){ |
|
||||||
EstadosCuentaAlenService.AppendProgramacionesPago(formData) |
|
||||||
.then((res) => { |
|
||||||
hiddenFileInputRef.current!.value = '' |
|
||||||
setCuentas(res.data) |
|
||||||
setShowSpinner(false) |
|
||||||
}) |
|
||||||
.catch((err: AxiosError) => { |
|
||||||
setShowSpinner(false) |
|
||||||
hiddenFileInputRef.current!.value = '' |
|
||||||
setShow(true) |
|
||||||
setMsg(err.request.responseText) |
|
||||||
setHeader('Error') |
|
||||||
return |
|
||||||
}) |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
const getCuentas = () => { |
|
||||||
var filters: DTOEstadoCuentaAlenFilters = { |
|
||||||
Trafico: Trafico, |
|
||||||
Impexp: TipoOperacion, |
|
||||||
Aduana: Aduana, |
|
||||||
Patente: Patente, |
|
||||||
Pedimento: Pedimento, |
|
||||||
Inicio: Inicio, |
|
||||||
Fin: Fin, |
|
||||||
Remitente: Remitente, |
|
||||||
Programado: Programado |
|
||||||
} |
|
||||||
EstadosCuentaAlenService.GetAll(filters) |
|
||||||
.then(resp => { |
|
||||||
setCuentas(resp.data) |
|
||||||
if(resp.data.length === 0){ |
|
||||||
setShow(true) |
|
||||||
setMsg("No se encontraron registros") |
|
||||||
setHeader('Informativo') |
|
||||||
return; |
|
||||||
} |
|
||||||
if(Remitentes.length === 0){ |
|
||||||
let remitentes = resp.data.map((x:any) => { |
|
||||||
if(x.remitente==='' || x.remitente===null) x.remitente = 'SIN REMITENTE' |
|
||||||
return x.remitente |
|
||||||
}) |
|
||||||
setRemitentes(remitentes.filter(function(elem, index, self) { |
|
||||||
return index === self.indexOf(elem); |
|
||||||
}).sort((a,b) => (a < b ? -1 : 1))) |
|
||||||
} |
|
||||||
}) |
|
||||||
.catch((err: AxiosError) => { |
|
||||||
setShowSpinner(false) |
|
||||||
setShow(true) |
|
||||||
setMsg(err.request.responseText) |
|
||||||
setHeader('Error') |
|
||||||
return |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
const selectFile = () => { |
|
||||||
hiddenFileInputRef.current?.click() |
|
||||||
} |
|
||||||
|
|
||||||
const downloadEstadosCuenta = () => { |
|
||||||
EstadosCuentaAlenService.ExportEstadosCuenta(Cuentas) |
|
||||||
.then((resp:any) => { |
|
||||||
const url = window.URL.createObjectURL(new Blob([resp.data])) |
|
||||||
const link = document.createElement('a') |
|
||||||
link.href = url |
|
||||||
link.setAttribute('download', "EstadosDeCuenta.xlsx") |
|
||||||
document.body.appendChild(link) |
|
||||||
link.click() |
|
||||||
}).catch((err:AxiosError) => { |
|
||||||
setShow(true) |
|
||||||
setMsg(err.request.responseText) |
|
||||||
setHeader('Error') |
|
||||||
return; |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
const getRowStyle = (params: any) => { |
|
||||||
var styles = { |
|
||||||
backgroundColor:'', |
|
||||||
border: '0.5px solid #aaaaaa', |
|
||||||
} |
|
||||||
/* if (params.data.programado === 1) { |
|
||||||
styles.backgroundColor = 'rgb(98, 190, 255, 0.5)'; |
|
||||||
} */ |
|
||||||
if(params.data.programado === true){ |
|
||||||
styles.backgroundColor = "rgb(255, 193, 7, 0.5)"; |
|
||||||
} |
|
||||||
|
|
||||||
return styles; |
|
||||||
}; |
|
||||||
|
|
||||||
const getCorresponsaliasFile = (id:number, proceso: number, fileName: string) => { |
|
||||||
FileManagerServices.getFileContent(id, proceso) |
|
||||||
.then((resp: any) => { |
|
||||||
const url = window.URL.createObjectURL(new Blob([resp.data])) |
|
||||||
const link = document.createElement('a') |
|
||||||
link.href = url |
|
||||||
link.setAttribute('download', fileName) |
|
||||||
document.body.appendChild(link) |
|
||||||
link.click() |
|
||||||
}).catch((err:AxiosError) => { |
|
||||||
setShow(true) |
|
||||||
setMsg("No se encontró el archivo solicitado") |
|
||||||
setHeader('Error') |
|
||||||
return; |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
const getAEO = (serie: string, noMovimiento: string, mime: string, trafico: string) => { |
|
||||||
FileManagerServices.getAEO(serie, noMovimiento, mime, trafico) |
|
||||||
.then((resp: any) => { |
|
||||||
const url = window.URL.createObjectURL(new Blob([resp.data])) |
|
||||||
const link = document.createElement('a') |
|
||||||
link.href = url |
|
||||||
link.setAttribute('download', `EstadoCuenta_${serie}${noMovimiento}.${mime}`) |
|
||||||
document.body.appendChild(link) |
|
||||||
link.click() |
|
||||||
}).catch((err:AxiosError) => { |
|
||||||
setShow(true) |
|
||||||
setMsg("No se encontró el archivo solicitado") |
|
||||||
setHeader('Error') |
|
||||||
return; |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
const onCellValueChanged = (event: any) => { |
|
||||||
var data: DTOEstadoCuentaAlen = event.data; |
|
||||||
let ColDef = event.colDef; |
|
||||||
if(ColDef.field === 'ordenCompra'){ |
|
||||||
EstadosCuentaAlenService.AppendOrdenCompra(data) |
|
||||||
.then(() => getCuentas()) |
|
||||||
.catch((err:AxiosError) => { |
|
||||||
setShow(true) |
|
||||||
setMsg(err.request.responseText) |
|
||||||
setHeader('Error') |
|
||||||
return; |
|
||||||
}) |
|
||||||
} |
|
||||||
if(ColDef.field === 'observaciones'){ |
|
||||||
EstadosCuentaAlenService.AppendObservaciones(data) |
|
||||||
.then(() => getCuentas()) |
|
||||||
.catch((err:AxiosError) => { |
|
||||||
setShow(true) |
|
||||||
setMsg(err.request.responseText) |
|
||||||
setHeader('Error') |
|
||||||
return; |
|
||||||
}) |
|
||||||
} |
|
||||||
} |
|
||||||
return ( |
|
||||||
<div> |
|
||||||
<Card> |
|
||||||
<Card.Body> |
|
||||||
<Row> |
|
||||||
<Col xs={2}> |
|
||||||
<Form.Label style={{width:'100%'}}> |
|
||||||
Trafico |
|
||||||
<Form.Control |
|
||||||
size="sm" |
|
||||||
type="text" |
|
||||||
value={Trafico} |
|
||||||
onChange={(e) => setTrafico(e.target.value)} |
|
||||||
> |
|
||||||
</Form.Control> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
<Col xs={1}> |
|
||||||
<Form.Label style={{width:'100%'}}> |
|
||||||
Aduana |
|
||||||
<Form.Control |
|
||||||
size="sm" |
|
||||||
type="text" |
|
||||||
value={Aduana} |
|
||||||
onChange={(e) => setAduana(e.target.value)} |
|
||||||
> |
|
||||||
</Form.Control> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
<Col xs={1}> |
|
||||||
<Form.Label style={{width:'100%'}}> |
|
||||||
Patente |
|
||||||
<Form.Control |
|
||||||
size="sm" |
|
||||||
type="text" |
|
||||||
value={Patente} |
|
||||||
onChange={(e) => setPatente(e.target.value)} |
|
||||||
> |
|
||||||
</Form.Control> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
<Col xs={2}> |
|
||||||
<Form.Label style={{width:'100%'}}> |
|
||||||
Pedimento |
|
||||||
<Form.Control |
|
||||||
size="sm" |
|
||||||
type="text" |
|
||||||
value={Pedimento} |
|
||||||
onChange={(e) => setPedimento(e.target.value)} |
|
||||||
> |
|
||||||
</Form.Control> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
<Col xs={2}> |
|
||||||
<Form.Label style={{width:'100%'}}> |
|
||||||
Inicio |
|
||||||
<Form.Control |
|
||||||
defaultValue={Inicio} |
|
||||||
type='date' |
|
||||||
name='Fecha' |
|
||||||
placeholder='Fecha' |
|
||||||
title='Fecha' |
|
||||||
alt='Fecha' |
|
||||||
onChange={(e) => setInicio(e.target.value)} |
|
||||||
size='sm' |
|
||||||
/> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
<Col xs={2}> |
|
||||||
<Form.Label style={{width:'100%'}}> |
|
||||||
Fin |
|
||||||
<Form.Control |
|
||||||
defaultValue={Fin} |
|
||||||
type='date' |
|
||||||
name='Fecha' |
|
||||||
placeholder='Fecha' |
|
||||||
title='Fecha' |
|
||||||
alt='Fecha' |
|
||||||
onChange={(e) => setFin(e.target.value)} |
|
||||||
size='sm' |
|
||||||
/> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
<Col xs={2}> |
|
||||||
<Form.Label style={{width:'100%'}}> |
|
||||||
Remitente |
|
||||||
<Form.Control |
|
||||||
as='select' |
|
||||||
value={Remitente!} |
|
||||||
onChange={(e) => { |
|
||||||
setRemitente(e.target.value) |
|
||||||
}} |
|
||||||
className='form-select form-select-sm' |
|
||||||
> |
|
||||||
<option value={''}>- SELECCIONE -</option> |
|
||||||
{Remitentes.map((r) => { |
|
||||||
return ( |
|
||||||
<option key={r} value={r}>{r}</option> |
|
||||||
) |
|
||||||
})} |
|
||||||
</Form.Control> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
<Row className="justify-content-between justify-items-end"> |
|
||||||
<Col xs={2}> |
|
||||||
<Form.Label style={{width:'100%'}}> |
|
||||||
Tipo Operacion |
|
||||||
<Form.Control |
|
||||||
as='select' |
|
||||||
value={TipoOperacion!} |
|
||||||
onChange={(e) => { |
|
||||||
setTipoOperacion(e.target.value) |
|
||||||
}} |
|
||||||
className='form-select form-select-sm' |
|
||||||
> |
|
||||||
<option value={''} key={'0'}>- SELECCIONE -</option> |
|
||||||
<option value={'I'} key={'I'}>IMPORTACION</option> |
|
||||||
<option value={'E'} key={'E'}>EXPORTACION</option> |
|
||||||
</Form.Control> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
<Col xs={2}> |
|
||||||
<Form.Label style={{width:'100%'}}> |
|
||||||
Estado |
|
||||||
<Form.Control |
|
||||||
as='select' |
|
||||||
value={Programado!} |
|
||||||
onChange={(e) => { |
|
||||||
setProgramado(+e.target.value) |
|
||||||
}} |
|
||||||
className='form-select form-select-sm' |
|
||||||
> |
|
||||||
<option value={0} key={0}>- SELECCIONE -</option> |
|
||||||
<option value={1} key={1}>EN PLATAFORMA</option> |
|
||||||
<option value={2} key={2}>NO EN PLATAFORMA</option> |
|
||||||
</Form.Control> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
<Col xs={8} className="d-flex align-items-end"> |
|
||||||
<div style={{textAlign:'end', width:'100%'}}> |
|
||||||
<Button variant='primary' onClick={() => getCuentas()} style={{marginRight:'10px'}}>Buscar</Button> |
|
||||||
{['Administrador', 'Facturacion', 'Sup. Facturacion'].includes(Perfil) ? <Button variant='primary' onClick={() => {selectFile()}} style={{marginRight:'10px'}}>Cargar Estados</Button> : ''} |
|
||||||
<Button variant='success' onClick={() => {downloadEstadosCuenta()}} style={{marginRight:'10px'}}><BsFileEarmarkExcelFill/> Excel</Button> |
|
||||||
<input type="file" ref={hiddenFileInputRef} style={{display:'none'}} |
|
||||||
onChange={(e:any) => { |
|
||||||
uploadFile(e.target.files[0]); |
|
||||||
setFile(e.target.files[0]); |
|
||||||
}} |
|
||||||
/> |
|
||||||
</div> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
</Card.Body> |
|
||||||
</Card> |
|
||||||
<br /> |
|
||||||
<div className='ag-theme-alpine' style={{ height: 500, width: '100%' }}> |
|
||||||
<AgGridReact |
|
||||||
rowData={Cuentas} |
|
||||||
columnDefs={columnDefs} |
|
||||||
pagination={true} |
|
||||||
paginationAutoPageSize={true} |
|
||||||
//ref={gridRef}
|
|
||||||
/* rowSelection={'multiple'} |
|
||||||
rowMultiSelectWithClick={true} */ |
|
||||||
getRowStyle={getRowStyle} |
|
||||||
onCellValueChanged={onCellValueChanged} |
|
||||||
></AgGridReact> |
|
||||||
</div> |
|
||||||
<MsgInformativo |
|
||||||
show={show} |
|
||||||
msg={msg} |
|
||||||
header={header} |
|
||||||
msgColor={msgColor} |
|
||||||
closeToast={function (arg: boolean): void { |
|
||||||
setShow(false) |
|
||||||
}} |
|
||||||
/> |
|
||||||
</div> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,195 +0,0 @@ |
|||||||
import React, { FC, useEffect, useState } from 'react' |
|
||||||
// Bootstrap
|
|
||||||
import { Button, Col, Container, Modal, Row } from 'react-bootstrap' |
|
||||||
import { BsCloudDownload } from 'react-icons/bs' |
|
||||||
// Interfaces
|
|
||||||
import IArchivoElectronico from '../../../Interfaces/IArchivoElectronico' |
|
||||||
// DTOs
|
|
||||||
import DTOgetArchivosPorReferencia from '../../../DTO/DTOgetArchivosPorReferencia' |
|
||||||
// Redux
|
|
||||||
import { RootState } from '../../../store/store' |
|
||||||
import { useSelector } from 'react-redux' |
|
||||||
// Servicios
|
|
||||||
import AEOServices from '../../../Services/Catalogos/ArchivoElectronico.Services' |
|
||||||
import ArchivoElectronicoDataServices from '../../../Services/Catalogos/ArchivoElectronico.Services' |
|
||||||
// Otros
|
|
||||||
import { AgGridReact } from 'ag-grid-react' |
|
||||||
import { MsgInformativo } from '../../Utils/Toast/msgInformativo' |
|
||||||
import { TargetURL } from '../../../Constants/TargetURL' |
|
||||||
import IFileManager from '../../../Interfaces/Utils/IFileManager' |
|
||||||
import FileManagerServices from '../../../Services/Utils/FileManager.Services' |
|
||||||
import { IconContext } from 'react-icons' |
|
||||||
import { FaDownload } from 'react-icons/fa' |
|
||||||
|
|
||||||
interface IProps { |
|
||||||
showDialog: boolean |
|
||||||
header: string |
|
||||||
closeDialog: (arg: boolean) => void |
|
||||||
archivos: IFileManager[] |
|
||||||
} |
|
||||||
|
|
||||||
interface ListaArchivos { |
|
||||||
archivo: string |
|
||||||
} |
|
||||||
|
|
||||||
const URL = new TargetURL() |
|
||||||
|
|
||||||
export const DialogAE: FC<IProps> = (props) => { |
|
||||||
const [curURL, setCurURL] = useState(URL.get()) |
|
||||||
const Referencia = useSelector((state: RootState) => state.ArchivoElectronico.Referencia) |
|
||||||
const Pedimento = useSelector((state: RootState) => state.ArchivoElectronico.Pedimento) |
|
||||||
const NoCliente = useSelector((state: RootState) => state.ArchivoElectronico.NoCliente) |
|
||||||
const [filteredData, setFilteredData] = useState<IFileManager[]>([]) |
|
||||||
const [columnDefs] = useState([ |
|
||||||
{ |
|
||||||
field: 'nombreArchivo', |
|
||||||
cellRender: (params:any) => {return params.data.nombreArchivo}, |
|
||||||
width: 430, |
|
||||||
headerCheckboxSelection: false, |
|
||||||
headerCheckboxSelectionFilteredOnly: false, |
|
||||||
checkboxSelection: false, |
|
||||||
sortable: true, |
|
||||||
filter: true, |
|
||||||
},{ |
|
||||||
field: 'Descargar', |
|
||||||
width: 100, |
|
||||||
cellRenderer: (params:any) => { |
|
||||||
return ( |
|
||||||
<div style={{textAlign:'center'}}> |
|
||||||
<IconContext.Provider value={{ color: 'blue', size: '25px' }}> |
|
||||||
<FaDownload onClick={() => {getFile(params.data)}} style={{cursor:'pointer'}}/> |
|
||||||
</IconContext.Provider> |
|
||||||
</div> |
|
||||||
) |
|
||||||
//return <Button variant='warning' onClick={() => {getFile(params.data)}}></Button>
|
|
||||||
}, |
|
||||||
} |
|
||||||
]) |
|
||||||
const gridRef = React.useRef<any>(null) |
|
||||||
const [msgColor, setMsgColor] = React.useState('primary') |
|
||||||
const [show, setShowMsg] = useState(false) |
|
||||||
const [header, setHeader] = useState('') |
|
||||||
const [msg, setMsg] = useState('') |
|
||||||
|
|
||||||
const viewFileContent = (fileName: string) => { |
|
||||||
window.open( |
|
||||||
`${curURL}/ArchivoElectronico/getFileContent?Referencia=${Referencia}&PedimentoLargo=dummy&NoCliente=${NoCliente}&IdUsuario=0&Archivo=${fileName}` |
|
||||||
) |
|
||||||
} |
|
||||||
|
|
||||||
useEffect(() => { |
|
||||||
setFilteredData(props.archivos) |
|
||||||
}, [props.archivos]) |
|
||||||
|
|
||||||
const getFile = (file: IFileManager) => { |
|
||||||
FileManagerServices.getFileContent(parseInt(file.tags), file.proceso).then((resp: any) => { |
|
||||||
const url = window.URL.createObjectURL(new Blob([resp.data])) |
|
||||||
const link = document.createElement('a') |
|
||||||
link.href = url |
|
||||||
link.setAttribute('download', file.nombreArchivo) |
|
||||||
document.body.appendChild(link) |
|
||||||
link.click() |
|
||||||
}).catch(() => { |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Ocurrio un error durante la descarga, favor de intentar nuevamente') |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
const getFilesByReference = () => { |
|
||||||
let selectedNodes = gridRef.current.api.getSelectedNodes() |
|
||||||
let selectedData = selectedNodes.map((node: any) => node.data) |
|
||||||
const Archivos = selectedData.map((item: ListaArchivos) => item.archivo) |
|
||||||
const data: DTOgetArchivosPorReferencia = { |
|
||||||
Referencia: Referencia, |
|
||||||
PedimentoLargo: Pedimento, |
|
||||||
NoCliente: NoCliente, |
|
||||||
IdUsuario: 0, |
|
||||||
Archivo: 'dummy', |
|
||||||
Archivos: Archivos, |
|
||||||
} |
|
||||||
/* AEOServices.getTheseFilesByReferences(data) |
|
||||||
.then((response: any) => { |
|
||||||
const url = window.URL.createObjectURL(new Blob([response.data])) |
|
||||||
const link = document.createElement('a') |
|
||||||
link.href = url |
|
||||||
link.setAttribute('download', Referencia + '.zip') |
|
||||||
document.body.appendChild(link) |
|
||||||
link.click() |
|
||||||
}) |
|
||||||
.catch((e: Error) => { |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Ocurrio un error: ' + e) |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
}) */ |
|
||||||
props.closeDialog(false) |
|
||||||
} |
|
||||||
|
|
||||||
return ( |
|
||||||
<div> |
|
||||||
{' '} |
|
||||||
<Modal |
|
||||||
dialogClassName='modal-50w' |
|
||||||
show={props.showDialog} |
|
||||||
onHide={() => { |
|
||||||
props.closeDialog(false) |
|
||||||
}} |
|
||||||
centered |
|
||||||
> |
|
||||||
<Modal.Header closeButton> |
|
||||||
<Modal.Title>Referencia: {Referencia}</Modal.Title> |
|
||||||
</Modal.Header> |
|
||||||
<Modal.Body> |
|
||||||
{filteredData ? ( |
|
||||||
<div style={{ height: '350px', width: '100%' }} className='ag-theme-alpine'> |
|
||||||
<AgGridReact |
|
||||||
rowData={filteredData} |
|
||||||
columnDefs={columnDefs} |
|
||||||
pagination={true} |
|
||||||
paginationPageSize={50} |
|
||||||
ref={gridRef} |
|
||||||
/* rowSelection={'multiple'} |
|
||||||
rowMultiSelectWithClick={true} */ |
|
||||||
></AgGridReact> |
|
||||||
</div> |
|
||||||
) : ( |
|
||||||
'Sin archivos que mostrar' |
|
||||||
)} |
|
||||||
<MsgInformativo show={show} msg={msg} header={header} msgColor={msgColor} closeToast={() => setShowMsg(false)} /> |
|
||||||
</Modal.Body> |
|
||||||
{/* <Modal.Footer> |
|
||||||
<Container> |
|
||||||
<Row> |
|
||||||
<Col md={2}></Col> |
|
||||||
<Col md={4}> |
|
||||||
<Button |
|
||||||
variant='warning' |
|
||||||
size='sm' |
|
||||||
onClick={() => { |
|
||||||
getFilesByReference() |
|
||||||
}} |
|
||||||
> |
|
||||||
<BsCloudDownload /> Descargar |
|
||||||
</Button> |
|
||||||
</Col> |
|
||||||
<Col md={3}></Col> |
|
||||||
<Col md={3}> |
|
||||||
<Button |
|
||||||
variant='primary' |
|
||||||
size='sm' |
|
||||||
onClick={() => { |
|
||||||
props.closeDialog(false) |
|
||||||
}} |
|
||||||
> |
|
||||||
Cerrar |
|
||||||
</Button> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
</Container> |
|
||||||
</Modal.Footer> */} |
|
||||||
</Modal> |
|
||||||
</div> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,42 +0,0 @@ |
|||||||
import { ICellRendererParams } from "ag-grid-community"; |
|
||||||
import { FC, useState, useEffect } from "react"; |
|
||||||
|
|
||||||
export const ClienteProgressBar: FC<ICellRendererParams> = (props: ICellRendererParams) => { |
|
||||||
const [Color, setColor] = useState('progress-bar bg-CORRESPONSAL_NORMAL') |
|
||||||
|
|
||||||
useEffect(() => { |
|
||||||
if (props.data.proceso === 1) setColor('progress-bar bg-RECHAZOS_PARA_CORRESPONSAL') |
|
||||||
if (props.data.proceso === 2 || props.data.proceso === 3) { |
|
||||||
setColor('progress-bar bg-FACTURACION_LISTOS_PARA_FACTURAR') |
|
||||||
} |
|
||||||
if (props.data.proceso === 4) setColor('progress-bar bg-CORRESPONSAL_NORMAL') |
|
||||||
}, [props]) |
|
||||||
|
|
||||||
const getTooltipTitle = () => { |
|
||||||
let proceso = props.data.proceso; |
|
||||||
switch(proceso){ |
|
||||||
case 1: |
|
||||||
return "Por Terminar" |
|
||||||
break; |
|
||||||
case 2: |
|
||||||
return "Despachado Sin Facturar" |
|
||||||
break; |
|
||||||
case 3: |
|
||||||
return "Despachado Sin Facturar" |
|
||||||
break; |
|
||||||
case 4: |
|
||||||
return "Despachado y Facturado" |
|
||||||
break; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
return ( |
|
||||||
<div> |
|
||||||
<div style={{ paddingTop: '20%' }}> |
|
||||||
<div className='progress' style={{ maxWidth: '80%' }}> |
|
||||||
<div className={Color} style={{ width: '100%' }} data-toggle="tooltip" data-placement="bottom" title={getTooltipTitle()}></div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,41 +0,0 @@ |
|||||||
import React, { FC, useState } from 'react' |
|
||||||
import { Button } from 'react-bootstrap' |
|
||||||
import { DialogAE } from '../ArchivoElectronico/DialogAE' |
|
||||||
import ArchivoElectronicoDataServices from '../../../Services/Catalogos/ArchivoElectronico.Services' |
|
||||||
import IFileManager from '../../../Interfaces/Utils/IFileManager'; |
|
||||||
import FileManagerServices from '../../../Services/Utils/FileManager.Services'; |
|
||||||
interface IProps { |
|
||||||
referencia: string; |
|
||||||
} |
|
||||||
|
|
||||||
export const VerDocumentos: FC<IProps> = (props) => { |
|
||||||
const [showDialog, setShowDialog] = useState(false) |
|
||||||
const [Archivos, setArchivos] = useState<IFileManager[]>([]); |
|
||||||
const showDocumentos = () => { |
|
||||||
FileManagerServices.getFileListByreferencia(props.referencia) |
|
||||||
.then((response) => { |
|
||||||
const filteredFileList = response.data.filter(x=> [2,10,11,12,13,14,15,19,17,18,37,38,39,41].includes(x.proceso)) |
|
||||||
setArchivos(filteredFileList) |
|
||||||
}) |
|
||||||
.catch((e: Error) => { |
|
||||||
console.log(e) |
|
||||||
return |
|
||||||
}) |
|
||||||
setShowDialog(true) |
|
||||||
} |
|
||||||
|
|
||||||
const closeDialog = () => { |
|
||||||
setShowDialog(false) |
|
||||||
} |
|
||||||
|
|
||||||
return ( |
|
||||||
<div> |
|
||||||
<span> |
|
||||||
<Button onClick={() => showDocumentos()} variant='secondary'> |
|
||||||
ver Documentos |
|
||||||
</Button> |
|
||||||
</span> |
|
||||||
<DialogAE showDialog={showDialog} header={''} closeDialog={closeDialog} archivos={Archivos}/> |
|
||||||
</div> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,64 +0,0 @@ |
|||||||
import { useState } from "react"; |
|
||||||
import { Button, Card, Col, Form, Row } from "react-bootstrap"; |
|
||||||
import ReportesAlenService from "../../../Services/Reportes/ReportesAlen.Service"; |
|
||||||
import { MsgInformativo } from "../../Utils/Toast/msgInformativo"; |
|
||||||
|
|
||||||
export const RelacionFacturas: React.FC<{}> = () => { |
|
||||||
const [Referencia, setReferencia] = useState('') |
|
||||||
const [show, setShowMsg] = useState(false) |
|
||||||
const [header, setHeader] = useState('') |
|
||||||
const [msg, setMsg] = useState('') |
|
||||||
const [msgColor, setMsgColor] = useState('primary') |
|
||||||
|
|
||||||
const GetExcel = () => { |
|
||||||
ReportesAlenService.getRelacionFacturas(Referencia) |
|
||||||
.then(resp => { |
|
||||||
const url = window.URL.createObjectURL(new Blob([resp.data])); |
|
||||||
const link = document.createElement('a'); |
|
||||||
link.href = url; |
|
||||||
link.setAttribute('download', `RelacionFacturas_${Referencia}.xlsx`); |
|
||||||
document.body.appendChild(link); |
|
||||||
link.click(); |
|
||||||
}).catch(e => { |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Ocurrio un error al generar el reporte. Por favor, intentelo de nuevo.') |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
}) |
|
||||||
} |
|
||||||
return( |
|
||||||
<> |
|
||||||
<Row style={{height:'90vh'}} className="align-items-center justify-content-center"> |
|
||||||
<Col xs={3}> |
|
||||||
<Card style={{width:'100%'}}> |
|
||||||
<Card.Header><h4>Relación de Facturas</h4></Card.Header> |
|
||||||
<Card.Body> |
|
||||||
<Row style={{padding:'0px 20px 0px 20px'}} className="align-items-center justify-content-center"> |
|
||||||
<Form.Control |
|
||||||
type="text" |
|
||||||
placeholder="Referencia" |
|
||||||
onChange={e => setReferencia(e.target.value)} |
|
||||||
/> |
|
||||||
</Row> |
|
||||||
</Card.Body> |
|
||||||
<Card.Footer style={{textAlign:'end'}}> |
|
||||||
<Button variant="primary" title="Quitar archivo cargado" style={{marginRight:'10px'}} onClick={GetExcel}> |
|
||||||
Generar Excel |
|
||||||
</Button> |
|
||||||
</Card.Footer> |
|
||||||
</Card> |
|
||||||
</Col> |
|
||||||
|
|
||||||
</Row> |
|
||||||
<MsgInformativo |
|
||||||
show={show} |
|
||||||
msg={msg} |
|
||||||
header={header} |
|
||||||
msgColor={msgColor} |
|
||||||
closeToast={() => { |
|
||||||
setShowMsg(false) |
|
||||||
}} |
|
||||||
/> |
|
||||||
</> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,71 +0,0 @@ |
|||||||
import { useState } from "react" |
|
||||||
import { Button, Card, Col, Form, Row } from "react-bootstrap" |
|
||||||
import ReportesAlenService from "../../../Services/Reportes/ReportesAlen.Service" |
|
||||||
import { MsgInformativo } from "../../Utils/Toast/msgInformativo" |
|
||||||
|
|
||||||
export const ReporteFacturasConsolidados:React.FC = () => { |
|
||||||
const [Referencia, setReferencia] = useState('') |
|
||||||
const [show, setShowMsg] = useState(false) |
|
||||||
const [header, setHeader] = useState('') |
|
||||||
const [msg, setMsg] = useState('') |
|
||||||
const [msgColor, setMsgColor] = useState('primary') |
|
||||||
|
|
||||||
const GetExcel = () => { |
|
||||||
if(Referencia !== ''){ |
|
||||||
ReportesAlenService.getFacturasConsolidados(Referencia) |
|
||||||
.then(resp => { |
|
||||||
const url = window.URL.createObjectURL(new Blob([resp.data])); |
|
||||||
const link = document.createElement('a'); |
|
||||||
link.href = url; |
|
||||||
link.setAttribute('download', `${Referencia}.xlsx`); |
|
||||||
document.body.appendChild(link); |
|
||||||
link.click(); |
|
||||||
}).catch(e => { |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Ocurrio un error al generar el reporte. Por favor, intentelo de nuevo.') |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
}) |
|
||||||
}else{ |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Favor de capturar la referencia para generar el reporte.') |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
} |
|
||||||
} |
|
||||||
return( |
|
||||||
<> |
|
||||||
<Row style={{height:'90vh'}} className="align-items-center justify-content-center"> |
|
||||||
<Col xs={3}> |
|
||||||
<Card style={{width:'100%'}}> |
|
||||||
<Card.Header><h4>Reporte de Facturas</h4></Card.Header> |
|
||||||
<Card.Body> |
|
||||||
<Row style={{padding:'0px 20px 0px 20px'}} className="align-items-center justify-content-center"> |
|
||||||
<Form.Control |
|
||||||
type="text" |
|
||||||
placeholder="Referencia" |
|
||||||
onChange={e => setReferencia(e.target.value)} |
|
||||||
/> |
|
||||||
</Row> |
|
||||||
</Card.Body> |
|
||||||
<Card.Footer style={{textAlign:'end'}}> |
|
||||||
<Button variant="primary" title="Quitar archivo cargado" style={{marginRight:'10px'}} onClick={GetExcel}> |
|
||||||
Generar Excel |
|
||||||
</Button> |
|
||||||
</Card.Footer> |
|
||||||
</Card> |
|
||||||
</Col> |
|
||||||
|
|
||||||
</Row> |
|
||||||
<MsgInformativo |
|
||||||
show={show} |
|
||||||
msg={msg} |
|
||||||
header={header} |
|
||||||
msgColor={msgColor} |
|
||||||
closeToast={() => { |
|
||||||
setShowMsg(false) |
|
||||||
}} |
|
||||||
/> |
|
||||||
</> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,210 +0,0 @@ |
|||||||
import { useEffect, useState } from "react"; |
|
||||||
import { Button, Card, Col, Form, Row } from "react-bootstrap"; |
|
||||||
import ReportesAlenService from "../../../Services/Reportes/ReportesAlen.Service"; |
|
||||||
import { MsgInformativo } from "../../Utils/Toast/msgInformativo"; |
|
||||||
import ClientesServices from "../../../Services/Catalogos/Clientes.Services"; |
|
||||||
import IClientes from "../../../Interfaces/Catalogos/IClientes"; |
|
||||||
import { useSelector } from "react-redux"; |
|
||||||
import { RootState } from "../../../store/store"; |
|
||||||
import ICatCorresponsales from "../../../Interfaces/Catalogos/ICatCorresponsales"; |
|
||||||
import CorresponsalesServices from "../../../Services/Catalogos/Corresponsales.Services"; |
|
||||||
import ReporteCuentasCerradasService from "../../../Services/Reportes/ReporteCuentasCerradas.Service"; |
|
||||||
export const CuentasCerradas: React.FC<{}> = () => { |
|
||||||
const [Inicio, setInicio] = useState(currentDate(-7)) |
|
||||||
const [Fin, setFin] = useState(currentDate(0)) |
|
||||||
const [show, setShowMsg] = useState(false) |
|
||||||
const [header, setHeader] = useState('') |
|
||||||
const [msg, setMsg] = useState('') |
|
||||||
const [msgColor, setMsgColor] = useState('primary') |
|
||||||
const [TipoOperacion, setTipoOperacion] = useState(0) |
|
||||||
const [IDCliente, setIDCliente] = useState(0) |
|
||||||
const [Clientes, setClientes] = useState<Array<IClientes>>() |
|
||||||
const [IDCorresponsal, setIDCorresponsal] = useState(0) |
|
||||||
const [Corresponsales, setCorresponsales] = useState<Array<ICatCorresponsales>>() |
|
||||||
|
|
||||||
function currentDate(days: number): string { |
|
||||||
var today = new Date() |
|
||||||
today.setDate(today.getDate() + days) |
|
||||||
var dd = String(today.getDate()).padStart(2, '0') |
|
||||||
var mm = String(today.getMonth() + 1).padStart(2, '0') |
|
||||||
var yyyy = today.getFullYear() |
|
||||||
return yyyy + '-' + mm + '-' + dd |
|
||||||
} |
|
||||||
|
|
||||||
useEffect(() => { |
|
||||||
ClientesServices.getAllClientes(0) |
|
||||||
.then((response) => { |
|
||||||
//clientes = response.data;
|
|
||||||
setClientes(response.data) |
|
||||||
}) |
|
||||||
.catch((e: Error) => { |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Ocurrio un error: ' + e) |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
}) |
|
||||||
CorresponsalesServices.getAll() |
|
||||||
.then((response) => { |
|
||||||
setCorresponsales(response.data) |
|
||||||
}) |
|
||||||
.catch((e: Error) => { |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Ocurrio un error: ' + e) |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
}) |
|
||||||
}, []) |
|
||||||
|
|
||||||
const GetExcel = () => { |
|
||||||
if(IDCliente === 0 && IDCorresponsal === 0){ |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Debe seleccionar un cliente o un corresponsal') |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
} |
|
||||||
ReporteCuentasCerradasService.DownloadExcel(Inicio, Fin, TipoOperacion, IDCliente, IDCorresponsal) |
|
||||||
.then(resp => { |
|
||||||
const url = window.URL.createObjectURL(new Blob([resp.data])); |
|
||||||
const link = document.createElement('a'); |
|
||||||
link.href = url; |
|
||||||
link.setAttribute('download', `Cuentas Cerradas ${Inicio} - ${Fin}.xlsx`); |
|
||||||
document.body.appendChild(link); |
|
||||||
link.click(); |
|
||||||
}).catch(e => { |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Ocurrio un error al generar el reporte. Por favor, intentelo de nuevo.') |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
}) |
|
||||||
} |
|
||||||
return( |
|
||||||
<> |
|
||||||
<Row style={{height:'90vh'}} className="align-items-center justify-content-center"> |
|
||||||
<Col xs={6}> |
|
||||||
<Card style={{width:'100%'}}> |
|
||||||
<Card.Header><h4>Reporte de Cuentas Cerradas</h4></Card.Header> |
|
||||||
<Card.Body> |
|
||||||
<Row> |
|
||||||
<Col xs={3}> |
|
||||||
<Form.Label style={{width:'100%'}}> |
|
||||||
Inicio
|
|
||||||
<Form.Control |
|
||||||
defaultValue={Inicio} |
|
||||||
type='date' |
|
||||||
name='Inicio' |
|
||||||
placeholder='Inicio' |
|
||||||
title='Inicio' |
|
||||||
alt='Inicio' |
|
||||||
data-date-format='YYYY-mm-dd' |
|
||||||
onChange={(e) => setInicio(e.target.value)} |
|
||||||
size='sm' |
|
||||||
/> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
<Col xs={3}> |
|
||||||
<Form.Label style={{width:'100%'}}> |
|
||||||
Fin |
|
||||||
<Form.Control |
|
||||||
defaultValue={Fin} |
|
||||||
type='date' |
|
||||||
name='Fin' |
|
||||||
placeholder='Fin' |
|
||||||
title='Fin' |
|
||||||
alt='Fin' |
|
||||||
onChange={(e) => setFin(e.target.value)} |
|
||||||
size='sm' |
|
||||||
/> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
<Col xs={3}> |
|
||||||
<Form.Label style={{width:'100%'}}> |
|
||||||
Tipo de Operación |
|
||||||
<Form.Control |
|
||||||
as="select" |
|
||||||
onChange={(e) => |
|
||||||
setTipoOperacion(parseInt(e.target.value)) |
|
||||||
} |
|
||||||
value={TipoOperacion} |
|
||||||
className="form-select form-select-sm" |
|
||||||
> |
|
||||||
<option value="0">--Seleccione--</option> |
|
||||||
<option value="1">Importacion</option> |
|
||||||
<option value="2">Exportacion</option> |
|
||||||
</Form.Control> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
<Row> |
|
||||||
<Col xs={6}> |
|
||||||
<Form.Label> |
|
||||||
Cliente |
|
||||||
<Form.Control |
|
||||||
as="select" |
|
||||||
id="CmbCliente" |
|
||||||
onChange={(e) => { |
|
||||||
setIDCliente(parseInt(e.target.value)) |
|
||||||
}} |
|
||||||
value={IDCliente} |
|
||||||
className="form-select form-select-sm" |
|
||||||
> |
|
||||||
<option value="0">-SELECCIONE-</option> |
|
||||||
{Clientes |
|
||||||
? Clientes.map((c) => { |
|
||||||
return ( |
|
||||||
<option key={c.sClave} value={c.sClave}> |
|
||||||
{c.sRazonSocial} |
|
||||||
</option> |
|
||||||
) |
|
||||||
}) |
|
||||||
: null} |
|
||||||
</Form.Control> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
<Col xs={6}> |
|
||||||
<Form.Label> |
|
||||||
Corresponsal |
|
||||||
<Form.Control |
|
||||||
as="select" |
|
||||||
id="CmbIDCorresponsal" |
|
||||||
onChange={(e) => { |
|
||||||
setIDCorresponsal(parseInt(e.target.value)) |
|
||||||
}} |
|
||||||
className="form-select form-select-sm" |
|
||||||
value={IDCorresponsal} |
|
||||||
> |
|
||||||
<option value="0">-SELECCIONE-</option> |
|
||||||
{Corresponsales |
|
||||||
? Corresponsales.map((item, index) => { |
|
||||||
return ( |
|
||||||
<option key={item.id} value={item.id}> |
|
||||||
{item.nombre} | {item.patente} | {item.aduana} |
|
||||||
</option> |
|
||||||
) |
|
||||||
}) |
|
||||||
: ''} |
|
||||||
</Form.Control> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
</Card.Body> |
|
||||||
<Card.Footer style={{textAlign:'end'}}> |
|
||||||
<Button variant="primary" title="Quitar archivo cargado" style={{marginRight:'10px'}} onClick={GetExcel}> |
|
||||||
Generar Excel |
|
||||||
</Button> |
|
||||||
</Card.Footer> |
|
||||||
</Card> |
|
||||||
</Col> |
|
||||||
|
|
||||||
</Row> |
|
||||||
<MsgInformativo |
|
||||||
show={show} |
|
||||||
msg={msg} |
|
||||||
header={header} |
|
||||||
msgColor={msgColor} |
|
||||||
closeToast={() => { |
|
||||||
setShowMsg(false) |
|
||||||
}} |
|
||||||
/> |
|
||||||
</> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,308 +0,0 @@ |
|||||||
import moment from "moment" |
|
||||||
import React, { useEffect } from "react" |
|
||||||
import { useState } from "react" |
|
||||||
import { Button, Card, Col, Form, ProgressBar, Row } from "react-bootstrap" |
|
||||||
import { BsFileEarmarkExcel, BsSearch } from "react-icons/bs" |
|
||||||
import DTORptCorresponsalesTraficos from "../../../DTO/Corresponsales/DTORptCorresponsalesTraficos" |
|
||||||
import ICatCorresponsales from "../../../Interfaces/Catalogos/ICatCorresponsales" |
|
||||||
import IClientes from "../../../Interfaces/Catalogos/IClientes" |
|
||||||
import CorresponsalesDataService from '../../../Services/Catalogos/Corresponsales.Services' |
|
||||||
import { AgGridReact } from "ag-grid-react" |
|
||||||
import { DTOReporteGeneral } from "../../../DTO/Facturacion/DTOReporteGeneral" |
|
||||||
import ReportesFacturacionService from "../../../Services/Reportes/ReportesFacturacion.Service" |
|
||||||
import ClientesServices from "../../../Services/Catalogos/Clientes.Services" |
|
||||||
|
|
||||||
export const ReporteGeneralFacturacion: React.FC = () => { |
|
||||||
const [UserId, setUserId] = useState(() => { |
|
||||||
const stickyValue = window.localStorage.getItem('UserId') |
|
||||||
return stickyValue !== null ? JSON.parse(stickyValue) : 0 |
|
||||||
}) |
|
||||||
const [Data, setData] = useState<DTOReporteGeneral[]>([]) |
|
||||||
const [filteredData, setFilteredData] = useState<DTOReporteGeneral[]>([]) |
|
||||||
const [Inicio, setInicio] = useState(currentDate(-365)) |
|
||||||
const [Fin, setFin] = useState(currentDate(0)) |
|
||||||
const [Corresponsal, setCorresponsal] = useState(() => { |
|
||||||
const stickyValue = window.localStorage.getItem('IdCorresponsal') |
|
||||||
return stickyValue !== null ? JSON.parse(stickyValue) : 0 |
|
||||||
}) |
|
||||||
const [Clientes, setClientes] = useState<Array<IClientes>>() |
|
||||||
const [Cliente, setCliente] = useState(0) |
|
||||||
const [header, setHeader] = useState('') |
|
||||||
const [msg, setMsg] = useState('') |
|
||||||
const [show, setShowMsg] = useState(false) |
|
||||||
const gridRef = React.useRef<any>(null) |
|
||||||
const [DataCorresponsales, setDataCorresponsales] = useState<ICatCorresponsales[]>([]) |
|
||||||
// const [Estado, setEstado] = useState(0)
|
|
||||||
const [columnDefs] = useState([ |
|
||||||
{ field: 'trafico', headerName: 'Trafico', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'corresponsal', headerName: 'Corresponsal', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'aduana', headerName: 'Aduana', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'patente', headerName: 'Patente', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'pedimentoCorresponsal', headerName: 'Pedimento Corresponsal', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'pedimentoCorresponsalR1', headerName: 'Pedimento Corresponsal R1', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'fechaPago', headerName: 'Fecha Pago', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'fechaAnticipo', headerName: 'Fecha Anticipo', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'sumaAnticipoCorresponsalFinanciado', headerName: 'Suma Anticipo Corresponsal Financiado', minWidth: 70, maxWidth:350, sortable: true, resizable: true}, |
|
||||||
{ field: 'fechaAlta', headerName: 'Fecha Alta', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'usuarioAlta', headerName: 'Usuario Alta', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'cliente', headerName: 'Cliente', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'nombreCliente', headerName: 'Nombre Cliente', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'cuenta', headerName: 'Cuenta', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'tipoOperacion', headerName: 'Tipo Operacion', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'terminado', headerName: 'Terminado', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'fechaTerminado', headerName: 'Fecha Terminado', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'fechaRegistroContabilizar', headerName: 'Fecha Registro Contabilizar', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'fechaContabilizado', headerName: 'Fecha Contabilizado', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'fechaFacturaCorresponsal', headerName: 'Fecha Factura Corresponsal', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'motivoCuentaRechazada', headerName: 'Motivo Cuenta Rechazada', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'estatusOperacion', headerName: 'Estatus Operacion', minWidth: 70, sortable: true, resizable: true}, |
|
||||||
{ field: 'cargoShipper', headerName: 'Cargo Shipper', minWidth: 70, sortable: true, resizable: true} |
|
||||||
]) |
|
||||||
|
|
||||||
function currentDate(days: number): string { |
|
||||||
var today = new Date() |
|
||||||
today.setDate(today.getDate() + days) |
|
||||||
var dd = String(today.getDate()).padStart(2, '0') |
|
||||||
var mm = String(today.getMonth() + 1).padStart(2, '0') |
|
||||||
var yyyy = today.getFullYear() |
|
||||||
return yyyy + '-' + mm + '-' + dd |
|
||||||
} |
|
||||||
|
|
||||||
useEffect(() => { |
|
||||||
ClientesServices.getAllClientes(0) |
|
||||||
.then((response) => { |
|
||||||
setClientes(response.data) |
|
||||||
}) |
|
||||||
.catch((e: Error) => { |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Ocurrio un error: ' + e) |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
}) |
|
||||||
CorresponsalesDataService.getAll() |
|
||||||
.then((response) => { |
|
||||||
setDataCorresponsales(response.data) |
|
||||||
}) |
|
||||||
.catch((e: Error) => { |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Ocurrio un error: ' + e) |
|
||||||
setShowMsg(true) |
|
||||||
}) |
|
||||||
generaReporte() |
|
||||||
}, []) |
|
||||||
|
|
||||||
const generaReporte = () => { |
|
||||||
const data: DTORptCorresponsalesTraficos = { |
|
||||||
Inicio: moment(Inicio).format('YYYY-MM-DD'), |
|
||||||
Fin: moment(Fin).format('YYYY-MM-DD'), |
|
||||||
TipoOperacion: 0, |
|
||||||
NoCliente: Cliente, |
|
||||||
IdCorresponsal: Corresponsal, |
|
||||||
Pedimento: 0, |
|
||||||
Aduana: '0', |
|
||||||
Patente: 0, |
|
||||||
Proceso: 0, |
|
||||||
Modo: 0, |
|
||||||
Referencia: '' |
|
||||||
} |
|
||||||
ReportesFacturacionService |
|
||||||
.GetReporteGeneral(data) |
|
||||||
.then((response) => { |
|
||||||
setData(response.data) |
|
||||||
setFilteredData(response.data) |
|
||||||
}) |
|
||||||
.catch((e: Error) => { |
|
||||||
return |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
const filtraReporte = (e: any) => { |
|
||||||
gridRef.current.api.setQuickFilter(e.target.value) |
|
||||||
} |
|
||||||
|
|
||||||
const downloadExcel = () => { |
|
||||||
const data: DTORptCorresponsalesTraficos = { |
|
||||||
Inicio: moment(Inicio).format('YYYY-MM-DD'), |
|
||||||
Fin: moment(Fin).format('YYYY-MM-DD'), |
|
||||||
TipoOperacion: 0, |
|
||||||
NoCliente: 0, |
|
||||||
IdCorresponsal: Corresponsal, |
|
||||||
Pedimento: 0, |
|
||||||
Aduana: '0', |
|
||||||
Patente: 0, |
|
||||||
Proceso: 0, |
|
||||||
Modo: 0, |
|
||||||
Referencia: '' |
|
||||||
} |
|
||||||
ReportesFacturacionService.DownloadExcel(data) |
|
||||||
.then(resp => { |
|
||||||
const url = window.URL.createObjectURL(new Blob([resp.data])); |
|
||||||
const link = document.createElement('a'); |
|
||||||
link.href = url; |
|
||||||
link.setAttribute('download', `ReporteFacturacion.xlsx`); |
|
||||||
document.body.appendChild(link); |
|
||||||
link.click(); |
|
||||||
}) |
|
||||||
}
|
|
||||||
|
|
||||||
return ( |
|
||||||
<div> |
|
||||||
<Card> |
|
||||||
<Card.Body> |
|
||||||
<Row> |
|
||||||
<Col xs={2}> |
|
||||||
<Form.Label style={{width:'100%', fontSize:'smaller'}}> |
|
||||||
Buscar |
|
||||||
<Form.Control |
|
||||||
type='text' |
|
||||||
size='sm' |
|
||||||
placeholder='Search...' |
|
||||||
onChange={(e) => { |
|
||||||
filtraReporte(e) |
|
||||||
}} |
|
||||||
/> |
|
||||||
</Form.Label>
|
|
||||||
</Col> |
|
||||||
<Col xs={2}> |
|
||||||
<Form.Label style={{width:'100%', fontSize:'smaller'}}> |
|
||||||
Inicio |
|
||||||
<Form.Control |
|
||||||
defaultValue={Inicio} |
|
||||||
type='date' |
|
||||||
name='Inicio' |
|
||||||
placeholder='Inicio' |
|
||||||
title='Inicio' |
|
||||||
alt='Inicio' |
|
||||||
data-date-format='YYYY-mm-dd' |
|
||||||
onChange={(e) => setInicio(e.target.value)} |
|
||||||
size='sm' |
|
||||||
/> |
|
||||||
</Form.Label>
|
|
||||||
</Col> |
|
||||||
<Col xs={2}> |
|
||||||
<Form.Label style={{width:'100%', fontSize:'smaller'}}> |
|
||||||
Fin |
|
||||||
<Form.Control |
|
||||||
defaultValue={Fin} |
|
||||||
type='date' |
|
||||||
name='Fin' |
|
||||||
placeholder='Fin' |
|
||||||
title='Fin' |
|
||||||
alt='Fin' |
|
||||||
onChange={(e) => setFin(e.target.value)} |
|
||||||
size='sm' |
|
||||||
/> |
|
||||||
</Form.Label>
|
|
||||||
</Col> |
|
||||||
<Col lg={3}> |
|
||||||
<Form.Label style={{width:'100%', fontSize:'smaller'}}> |
|
||||||
Corresponsal |
|
||||||
<Form.Control |
|
||||||
as='select' |
|
||||||
onChange={(e) => { |
|
||||||
setCorresponsal(parseInt(e.target.value)) |
|
||||||
}} |
|
||||||
className='form-select form-select-sm' |
|
||||||
value={Corresponsal} |
|
||||||
> |
|
||||||
<option value='0'>-SELECCIONE-</option> |
|
||||||
{DataCorresponsales |
|
||||||
? DataCorresponsales.map((c) => { |
|
||||||
return ( |
|
||||||
<option value={c.id} key={c.id}> |
|
||||||
{c.nombre} |
|
||||||
</option> |
|
||||||
) |
|
||||||
}) |
|
||||||
: null} |
|
||||||
</Form.Control> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
<Col lg={3}> |
|
||||||
<Form.Label style={{width:'100%', fontSize:'smaller'}}> |
|
||||||
Cliente |
|
||||||
<Form.Control |
|
||||||
as='select' |
|
||||||
onChange={(e) => { |
|
||||||
setCliente(parseInt(e.target.value)) |
|
||||||
}} |
|
||||||
className='form-select form-select-sm' |
|
||||||
value={Cliente} |
|
||||||
> |
|
||||||
<option value='0'>-SELECCIONE-</option> |
|
||||||
{Clientes |
|
||||||
? Clientes.map((c) => { |
|
||||||
return ( |
|
||||||
<option value={c.sClave} key={c.sClave}> |
|
||||||
{c.sRazonSocial} |
|
||||||
</option> |
|
||||||
) |
|
||||||
}) |
|
||||||
: null} |
|
||||||
</Form.Control> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
{/* <Row> |
|
||||||
<Col lg={2}> |
|
||||||
<Form.Label style={{width:'100%', fontSize:'smaller'}}> |
|
||||||
Estado |
|
||||||
<Form.Control |
|
||||||
as='select' |
|
||||||
onChange={(e) => { |
|
||||||
setEstado(parseInt(e.target.value)) |
|
||||||
}} |
|
||||||
className='form-select form-select-sm' |
|
||||||
value={Estado} |
|
||||||
> |
|
||||||
<option value='0'>-SELECCIONE-</option> |
|
||||||
<option value='3'>NO FACTURADO</option> |
|
||||||
<option value='4'>FACTURADO</option> |
|
||||||
</Form.Control> |
|
||||||
</Form.Label> |
|
||||||
</Col> |
|
||||||
</Row> */} |
|
||||||
<Row style={{paddingTop:'10px'}}> |
|
||||||
<Col lg={12} style={{textAlign:'end'}}> |
|
||||||
<Button |
|
||||||
variant='primary' |
|
||||||
size='sm' |
|
||||||
onClick={() => { |
|
||||||
generaReporte() |
|
||||||
}} |
|
||||||
style={{marginRight:'5px'}} |
|
||||||
> |
|
||||||
<BsSearch /> |
|
||||||
Buscar |
|
||||||
</Button> |
|
||||||
<Button |
|
||||||
size='sm' |
|
||||||
variant='success' |
|
||||||
onClick={() => { |
|
||||||
downloadExcel(); |
|
||||||
}} |
|
||||||
style={{marginRight:'5px'}} |
|
||||||
> |
|
||||||
<BsFileEarmarkExcel /> |
|
||||||
Excel |
|
||||||
</Button> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
</Card.Body> |
|
||||||
</Card> |
|
||||||
<br /> |
|
||||||
<div className='ag-theme-alpine' style={{ height: 500, width: '100%' }}> |
|
||||||
<AgGridReact |
|
||||||
rowData={filteredData} |
|
||||||
columnDefs={columnDefs} |
|
||||||
pagination={true} |
|
||||||
paginationAutoPageSize={true} |
|
||||||
ref={gridRef} |
|
||||||
rowSelection={'multiple'} |
|
||||||
rowMultiSelectWithClick={true} |
|
||||||
></AgGridReact> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
) |
|
||||||
|
|
||||||
} |
|
||||||
@ -1,372 +0,0 @@ |
|||||||
import React, { useEffect, useState } from "react" |
|
||||||
import { Button, Card, Col, Form, Modal, Row } from "react-bootstrap" |
|
||||||
import IClientes from "../../Interfaces/Catalogos/IClientes" |
|
||||||
import IRpArchivoElectronicoOficial from "../../Interfaces/Reportes/IRptArchivoElectronicoOficial" |
|
||||||
import { VerDocumentos } from "../Reportes/customCells/verDocumentos" |
|
||||||
import { MsgInformativo } from "../Utils/Toast/msgInformativo" |
|
||||||
import { AgGridReact } from "ag-grid-react" |
|
||||||
import { BsSearch, BsFileEarmarkExcel, BsCloudDownload } from "react-icons/bs" |
|
||||||
import { RowClickedEvent } from "ag-grid-community" |
|
||||||
import IArchivoElectronico from "../../Interfaces/IArchivoElectronico" |
|
||||||
import * as XLSX from 'xlsx' |
|
||||||
import DTOAEPeriodo from "../../DTO/DTOAEPeriodo" |
|
||||||
import ClientesServices from "../../Services/Catalogos/Clientes.Services" |
|
||||||
import reportesServices from "../../Services/Reportes/reportes.services" |
|
||||||
import loadingImg from '../../images/ajaxloader.gif' |
|
||||||
import ArchivoElectronicoServices from "../../Services/Catalogos/ArchivoElectronico.Services" |
|
||||||
|
|
||||||
export const ReporteArchivoElectronico:React.FC = () => { |
|
||||||
//const dispatch = useDispatch()
|
|
||||||
const [UserId, setUserId] = useState(() => { |
|
||||||
const stickyValue = window.localStorage.getItem('UserId') |
|
||||||
return stickyValue !== null ? JSON.parse(stickyValue) : 0 |
|
||||||
}) |
|
||||||
const [Years, setYears] = useState(generateArrayOfYears()) |
|
||||||
const [Months, setMonths] = useState([ |
|
||||||
'Enero', |
|
||||||
'Febrero', |
|
||||||
'Marzo', |
|
||||||
'Abril', |
|
||||||
'Mayo', |
|
||||||
'Junio', |
|
||||||
'Julio', |
|
||||||
'Agosto', |
|
||||||
'Septiembre', |
|
||||||
'Octubre', |
|
||||||
'Noviembre', |
|
||||||
'Diciembre', |
|
||||||
]) |
|
||||||
const [Anio, setAnio] = useState(currentDate(1)) |
|
||||||
const [Mes, setMes] = useState(currentDate(2)) |
|
||||||
const [Clientes, setClientes] = useState<Array<IClientes>>() |
|
||||||
const [Data, setData] = useState<Array<IRpArchivoElectronicoOficial>>([]) |
|
||||||
const [filteredData, setFilteredData] = useState<Array<IRpArchivoElectronicoOficial>>([]) |
|
||||||
const [TipoOperacion, setTipoOperacion] = useState(0) |
|
||||||
const [Cliente, setCliente] = useState(0) |
|
||||||
const [msgColor, setMsgColor] = React.useState('primary') |
|
||||||
const [show, setShowMsg] = useState(false) |
|
||||||
const [header, setHeader] = useState('') |
|
||||||
const [msg, setMsg] = useState('') |
|
||||||
const [filtro, setFiltro] = useState('') |
|
||||||
const [showDialog, setShowDialog] = useState(false) |
|
||||||
const gridRef = React.useRef<any>(null) |
|
||||||
const [columnDefs] = useState([ |
|
||||||
{ |
|
||||||
field: 'referencia', |
|
||||||
headerCheckboxSelection: true, |
|
||||||
headerCheckboxSelectionFilteredOnly: true, |
|
||||||
checkboxSelection: true, |
|
||||||
sortable: true, |
|
||||||
filter: true, |
|
||||||
}, |
|
||||||
{ field: 'ver documentos', sortable: true, cellRenderer: (params: any) => {return <VerDocumentos referencia={params.data.referencia}/>} }, |
|
||||||
{ field: 'aduana', sortable: true, filter: true }, |
|
||||||
{ field: 'patente', sortable: true, filter: true }, |
|
||||||
{ field: 'pedimento', sortable: true, filter: true }, |
|
||||||
{ field: 'fechaPago', sortable: true, filter: true }, |
|
||||||
]) |
|
||||||
|
|
||||||
const handleClose = () => setShowDialog(false) |
|
||||||
|
|
||||||
function generateArrayOfYears() { |
|
||||||
var max = new Date().getFullYear() |
|
||||||
var min = 2020 |
|
||||||
var years = [] |
|
||||||
for (var i = max; i >= min; i--) { |
|
||||||
years.push(i) |
|
||||||
} |
|
||||||
return years |
|
||||||
} |
|
||||||
|
|
||||||
function currentDate(mode: number): number { |
|
||||||
var today = new Date() |
|
||||||
var mm = String(today.getMonth() + 1).padStart(2, '0') //January is 0!
|
|
||||||
var yyyy = today.getFullYear() |
|
||||||
return mode === 1 ? yyyy : parseInt(mm) |
|
||||||
} |
|
||||||
|
|
||||||
const generaReporte = () => { |
|
||||||
if(Anio === 0){ |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Especifique el año de búsqueda.') |
|
||||||
setShowMsg(true) |
|
||||||
return; |
|
||||||
} |
|
||||||
if(Mes === 0){ |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Especifique el mes de búsqueda.') |
|
||||||
setShowMsg(true) |
|
||||||
return; |
|
||||||
} |
|
||||||
if(Cliente===0 && Clientes!.length > 1){ |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Seleccione una razón social') |
|
||||||
setShowMsg(true) |
|
||||||
return; |
|
||||||
} |
|
||||||
const data: DTOAEPeriodo = { |
|
||||||
Anio: Anio, |
|
||||||
Mes: Mes, |
|
||||||
TipoOperacion: TipoOperacion, |
|
||||||
NoCliente: Cliente, |
|
||||||
} |
|
||||||
console.log(JSON.stringify(data)) |
|
||||||
reportesServices |
|
||||||
.getRptArchivoElectronicoOficial(data) |
|
||||||
.then((response) => { |
|
||||||
setData(response.data) |
|
||||||
setFilteredData(response.data) |
|
||||||
console.log(response.data) |
|
||||||
setHeader('Informativo') |
|
||||||
setMsg('Se encontro la siguiente informacion...') |
|
||||||
setShowMsg(true) |
|
||||||
}) |
|
||||||
.catch((e: Error) => { |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Ocurrio un error: ' + e) |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
const downloadExcel = () => { |
|
||||||
exportExcel(Data, 'Reporte archivo electronico oficial') |
|
||||||
} |
|
||||||
|
|
||||||
function exportExcel(jsonData: any[], fileName: string): void { |
|
||||||
let Heading = [['Referencia', 'Aduana', 'Patente', 'Pedimento', 'Fecha pago']] |
|
||||||
const wb = XLSX.utils.book_new() |
|
||||||
const ws: XLSX.WorkSheet = XLSX.utils.json_to_sheet([]) |
|
||||||
XLSX.utils.sheet_add_aoa(ws, Heading) |
|
||||||
XLSX.utils.sheet_add_json(ws, jsonData, { origin: 'A2', skipHeader: true }) |
|
||||||
XLSX.utils.book_append_sheet(wb, ws, 'Sheet1') |
|
||||||
XLSX.writeFile(wb, fileName + '.xlsx') |
|
||||||
var range = XLSX.utils.decode_range(ws['!ref?']) |
|
||||||
for (var C = range.s.c; C <= range.e.c; ++C) { |
|
||||||
var address = XLSX.utils.encode_col(C) + '1' // <-- first row, column number C
|
|
||||||
if (!ws[address]) continue |
|
||||||
ws[address].v = ws[address].v.toUpperCase() |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
const filtraReporte = (e: any) => { |
|
||||||
setFiltro(e.target.value) |
|
||||||
gridRef.current.api.setQuickFilter(e.target.value) |
|
||||||
} |
|
||||||
|
|
||||||
useEffect(() => { |
|
||||||
ClientesServices.getAllClientes(parseInt(UserId)) |
|
||||||
.then((response) => { |
|
||||||
setClientes(response.data) |
|
||||||
if(response.data.length === 1) |
|
||||||
setCliente(response.data[0].sClave) |
|
||||||
}) |
|
||||||
.catch((e: Error) => { |
|
||||||
console.log(e) |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Ocurrio un error: ' + e) |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
}) |
|
||||||
}, []) |
|
||||||
|
|
||||||
/* function getParams(e: RowClickedEvent) { |
|
||||||
const data: IArchivoElectronico = { |
|
||||||
Referencia: e.data.referencia, |
|
||||||
PedimentoLargo: |
|
||||||
Anio.toString().substring(2, 2) + |
|
||||||
' ' + |
|
||||||
e.data.aduana.toString().substring(0, 2) + |
|
||||||
' ' + |
|
||||||
e.data.patente.toString() + |
|
||||||
' ' + |
|
||||||
e.data.pedimento.toString(), |
|
||||||
NoCliente: Cliente, |
|
||||||
IdUsuario: 0, |
|
||||||
Archivo: '', |
|
||||||
} |
|
||||||
console.log('.......................................................' + data) |
|
||||||
//dispatch(setArchivoElectronico(data))
|
|
||||||
} */ |
|
||||||
|
|
||||||
const downloadReferences = () => { |
|
||||||
setShowDialog(true) |
|
||||||
if (Cliente === 0) { |
|
||||||
setMsg('Seleccione el cliente') |
|
||||||
setHeader('Para poder continuar, favor de: ') |
|
||||||
setShowMsg(true) |
|
||||||
} |
|
||||||
let selectedNodes = gridRef.current.api.getSelectedNodes() |
|
||||||
let selectedData = selectedNodes.map((node: any) => node.data) |
|
||||||
const Referencias = selectedData.map((item: IRpArchivoElectronicoOficial) => item.referencia) |
|
||||||
const data = { |
|
||||||
Anio: Anio, |
|
||||||
Mes: Mes, |
|
||||||
NoCliente: Cliente, |
|
||||||
TipoOperacion: TipoOperacion, |
|
||||||
Referencias: Referencias, |
|
||||||
} |
|
||||||
console.log(data) |
|
||||||
ArchivoElectronicoServices.getZippedReferences(data) |
|
||||||
.then((response: any) => { |
|
||||||
const url = window.URL.createObjectURL(response.data) |
|
||||||
const link = document.createElement('a') |
|
||||||
link.href = url |
|
||||||
link.setAttribute('download', 'Archivo Electronico Oficial.zip') |
|
||||||
document.body.appendChild(link) |
|
||||||
link.click() |
|
||||||
setShowDialog(false) |
|
||||||
}) |
|
||||||
.catch((e: Error) => { |
|
||||||
console.log(e) |
|
||||||
setHeader('Error') |
|
||||||
setMsg('Ocurrio un error: ' + e) |
|
||||||
setShowMsg(true) |
|
||||||
return |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
return ( |
|
||||||
<div> |
|
||||||
<Card> |
|
||||||
<Card.Body> |
|
||||||
<div className='row'> |
|
||||||
<div className='col-md-1'></div> |
|
||||||
<div className='col-md-1'> |
|
||||||
<Form.Select |
|
||||||
aria-label='Año' |
|
||||||
onChange={(e) => setAnio(parseInt(e.target.value))} |
|
||||||
size='sm' |
|
||||||
defaultValue={Anio} |
|
||||||
> |
|
||||||
{Years.map((x, i) => ( |
|
||||||
<option value={x}>{x}</option> |
|
||||||
))} |
|
||||||
</Form.Select> |
|
||||||
</div> |
|
||||||
<div className='col-md-1'> |
|
||||||
<Form.Select |
|
||||||
aria-label='Mes' |
|
||||||
onChange={(e) => setMes(parseInt(e.target.value))} |
|
||||||
size='sm' |
|
||||||
defaultValue={Mes} |
|
||||||
> |
|
||||||
<option value='0'>Mes</option> |
|
||||||
{Months.map((x, i) => ( |
|
||||||
<option value={i + 1}>{x}</option> |
|
||||||
))} |
|
||||||
</Form.Select> |
|
||||||
</div> |
|
||||||
<div className='col-md-1 right-label'> |
|
||||||
<Form.Label>Tipo oper</Form.Label> |
|
||||||
</div> |
|
||||||
<div className='col-md-1'> |
|
||||||
<Form.Control |
|
||||||
as='select' |
|
||||||
onChange={(e) => setTipoOperacion(parseInt(e.target.value))} |
|
||||||
className='form-select form-select-sm' |
|
||||||
> |
|
||||||
<option value='0'>- Seleccione -</option> |
|
||||||
<option value='1'>Importacion</option> |
|
||||||
<option value='2'>Exportacion</option> |
|
||||||
</Form.Control> |
|
||||||
</div> |
|
||||||
<div className='col-md-1 right-label'> |
|
||||||
<Form.Label>Cliente</Form.Label> |
|
||||||
</div> |
|
||||||
<div className='col-md-4 form-group'> |
|
||||||
<Form.Control |
|
||||||
as='select' |
|
||||||
onChange={(e) => { |
|
||||||
setCliente(parseInt(e.target.value)) |
|
||||||
}} |
|
||||||
className='form-select form-select-sm' |
|
||||||
value={Cliente} |
|
||||||
> |
|
||||||
<option value='0'>-SELECCIONE-</option> |
|
||||||
{Clientes |
|
||||||
? Clientes.map((c) => { |
|
||||||
return c.agrupado === 1 ? <option value={c.sClave}>{c.sRazonSocial}</option> : '' |
|
||||||
}) |
|
||||||
: null} |
|
||||||
</Form.Control> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div className='col-md-1 right-label'> |
|
||||||
<Button |
|
||||||
variant='primary' |
|
||||||
size='sm' |
|
||||||
onClick={() => { |
|
||||||
generaReporte() |
|
||||||
}} |
|
||||||
> |
|
||||||
<BsSearch /> |
|
||||||
Buscar |
|
||||||
</Button> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div className='row' style={{ paddingTop: 5 }}> |
|
||||||
<div className='col'> </div> |
|
||||||
<div className='col-4'> |
|
||||||
<Form.Control |
|
||||||
type='text' |
|
||||||
placeholder='Search...' |
|
||||||
size='sm' |
|
||||||
onChange={(e) => { |
|
||||||
filtraReporte(e) |
|
||||||
}} |
|
||||||
/> |
|
||||||
</div> |
|
||||||
<div className='col'> |
|
||||||
<Button |
|
||||||
size='sm' |
|
||||||
variant='success' |
|
||||||
onClick={() => { |
|
||||||
downloadExcel() |
|
||||||
}} |
|
||||||
> |
|
||||||
<BsFileEarmarkExcel /> |
|
||||||
Excel |
|
||||||
</Button> |
|
||||||
|
|
||||||
<Button |
|
||||||
variant='danger' |
|
||||||
size='sm' |
|
||||||
onClick={() => { |
|
||||||
downloadReferences() |
|
||||||
}} |
|
||||||
> |
|
||||||
<BsCloudDownload /> |
|
||||||
Descarga |
|
||||||
</Button> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</Card.Body> |
|
||||||
</Card> |
|
||||||
<br /> |
|
||||||
<div className='ag-theme-alpine' style={{ height: 500, width: '100%' }}> |
|
||||||
<AgGridReact |
|
||||||
rowData={filteredData} |
|
||||||
columnDefs={columnDefs} |
|
||||||
pagination={true} |
|
||||||
paginationAutoPageSize={true} |
|
||||||
ref={gridRef} |
|
||||||
rowSelection={'multiple'} |
|
||||||
rowMultiSelectWithClick={true} |
|
||||||
onRowClicked={(e) => {/* getParams(e) */}} |
|
||||||
></AgGridReact> |
|
||||||
</div> |
|
||||||
<MsgInformativo show={show} msg={msg} header={header} msgColor={msgColor} closeToast={() => setShowMsg(false)} /> |
|
||||||
<Modal show={showDialog} onHide={handleClose} backdrop='static' keyboard={false} size='sm' centered> |
|
||||||
<Modal.Header closeButton> |
|
||||||
<Modal.Title></Modal.Title> |
|
||||||
</Modal.Header> |
|
||||||
<Modal.Body> |
|
||||||
<img src={loadingImg} style={{ width: '50%', height: '50%' }} alt='proccessing' /> |
|
||||||
Espere, por favor... |
|
||||||
</Modal.Body> |
|
||||||
<Modal.Footer></Modal.Footer> |
|
||||||
</Modal> |
|
||||||
</div> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,15 +1,4 @@ |
|||||||
export default interface DTORectificacionHistorico { |
export default interface DTORectificacionHistorico { |
||||||
IdTrafico: number, |
IdTrafico: number, |
||||||
IdUsuario: number, |
IdUsuario: number |
||||||
IdPedimento: number, |
|
||||||
Aduana: string,
|
|
||||||
Patente:number, |
|
||||||
Pedimento: number, |
|
||||||
Clave: string, |
|
||||||
FechaPago: string, |
|
||||||
AduanaH: string, |
|
||||||
PatenteH: number, |
|
||||||
PedimentoH: number, |
|
||||||
ClaveH: string, |
|
||||||
FechaPagoH: string |
|
||||||
} |
} |
||||||
|
|||||||
@ -1,6 +1,6 @@ |
|||||||
export default interface DTOTraficoCompleto { |
export default interface DTOTraficoCompleto { |
||||||
id: number, |
id: number, |
||||||
idUsuario: number, |
idUsuario: number, |
||||||
pedimentoObligatorio: number, |
estatus: number, |
||||||
comentarios: string |
comentarios: string |
||||||
}
|
}
|
||||||
@ -1,9 +0,0 @@ |
|||||||
export interface DTOTraficoSolicitud{ |
|
||||||
id: number, |
|
||||||
idTrafico: number, |
|
||||||
idUsuarioSolicita: number, |
|
||||||
usuarioSolicita: string, |
|
||||||
motivoSolicita: string, |
|
||||||
fechaSolicita: string, |
|
||||||
estado: number |
|
||||||
} |
|
||||||
@ -1,48 +0,0 @@ |
|||||||
export interface DTOEstadoCuentaAlen{ |
|
||||||
id: number, |
|
||||||
tipoMovimiento: string |
|
||||||
noSerie: string |
|
||||||
noMovimiento: string |
|
||||||
trafico: string |
|
||||||
impexp: string |
|
||||||
aduana: string |
|
||||||
patente: string |
|
||||||
pedimento: string |
|
||||||
clave: string |
|
||||||
noCliente: string |
|
||||||
noCentro: string |
|
||||||
subCentro: string |
|
||||||
nombre: string |
|
||||||
subCtaNombre: string |
|
||||||
tipoRangos: string |
|
||||||
cargos: string |
|
||||||
abonos: string |
|
||||||
fecha: string |
|
||||||
fechaPedimento: string |
|
||||||
fechaRev: string |
|
||||||
diasPedimCta: string |
|
||||||
diasCtaRev: string |
|
||||||
diasRev: string |
|
||||||
ivaAl: string |
|
||||||
totalFacturado: string |
|
||||||
saldoFinal: string |
|
||||||
anticipo: string |
|
||||||
uuid: string |
|
||||||
descripcion: string |
|
||||||
remitente: string |
|
||||||
pedido: string |
|
||||||
tipoMercancia: string |
|
||||||
campoAdicional5: string |
|
||||||
idPdf:number |
|
||||||
pdf: string |
|
||||||
idXml:number |
|
||||||
xml: number |
|
||||||
idNotasCargo: number |
|
||||||
notasCargo: string |
|
||||||
programado: boolean |
|
||||||
serie: string |
|
||||||
idOrdenCompra: number |
|
||||||
ordenCompra: string |
|
||||||
idObservaciones: number |
|
||||||
observaciones: string |
|
||||||
} |
|
||||||
@ -1,11 +0,0 @@ |
|||||||
export interface DTOEstadoCuentaAlenFilters{ |
|
||||||
Trafico: string, |
|
||||||
Impexp: string, |
|
||||||
Aduana: string, |
|
||||||
Patente: string, |
|
||||||
Pedimento: string, |
|
||||||
Inicio: string, |
|
||||||
Fin: string,
|
|
||||||
Remitente: string, |
|
||||||
Programado: number |
|
||||||
} |
|
||||||
@ -1,29 +0,0 @@ |
|||||||
export interface DTOReporteGeneral{ |
|
||||||
trafico: string; |
|
||||||
corresponsal: string; |
|
||||||
aduana: string; |
|
||||||
patente: number; |
|
||||||
pedimentoCorreponsal: string; |
|
||||||
pedimentoCorresponsalR1: string; |
|
||||||
fechaPago: string; |
|
||||||
fechaAnticipo: string; |
|
||||||
sumaanticipoCorresponsalFinanciado: number; |
|
||||||
fechaAlta: string; |
|
||||||
usuarioAlta: string; |
|
||||||
cliente: number; |
|
||||||
nombrecliente:number; |
|
||||||
cuenta: string; |
|
||||||
tipoOperacion: string; |
|
||||||
terminado: string; |
|
||||||
fechaRegistroContabilizar: string; |
|
||||||
fechaContabilizado: string; |
|
||||||
fechaFacturado: string; |
|
||||||
fechaFacturaCorresponsal: string; |
|
||||||
fechaCruce: string; |
|
||||||
motivoCuentaRechazadaContabilidad: string; |
|
||||||
motivoCuentaRechazadaFacturacion: string; |
|
||||||
motivoSolicitaReapertura: string; |
|
||||||
solicitudReaperturaAutorizada: string; |
|
||||||
estatusOperacion: string; |
|
||||||
cargoShipper: string; |
|
||||||
} |
|
||||||
@ -1,21 +0,0 @@ |
|||||||
export interface DTOReporteCuentasCerradas{ |
|
||||||
Trafico: string, |
|
||||||
TipoOperacion: string, |
|
||||||
Cliente: string, |
|
||||||
Proveedor: string, |
|
||||||
Corresponsal: string, |
|
||||||
Aduana: string, |
|
||||||
Patente: string, |
|
||||||
Pedimento: string, |
|
||||||
FechaPago: string, |
|
||||||
Facturas: string, |
|
||||||
Descripcion: string, |
|
||||||
FechaAlta: string, |
|
||||||
Clave: string, |
|
||||||
ValorMn: string, |
|
||||||
ValorDls: string, |
|
||||||
TipoCambio: string, |
|
||||||
ValorComercial: string, |
|
||||||
Fracciones: string, |
|
||||||
Caja: string |
|
||||||
} |
|
||||||
@ -1,4 +0,0 @@ |
|||||||
export interface ICatTiposContenedores{ |
|
||||||
id: number; |
|
||||||
descripcion: number; |
|
||||||
} |
|
||||||
@ -1,11 +0,0 @@ |
|||||||
export interface ICorresponsalTraficoSolicitud{ |
|
||||||
id:number, |
|
||||||
idTrafico: number, |
|
||||||
idUsuarioSolicita: number, |
|
||||||
fechaSolicita?: string, |
|
||||||
motivoSolicita: string, |
|
||||||
idUsuarioAutoriza: number, |
|
||||||
fechaAutoriza?: string,
|
|
||||||
motivoRechazo: string, |
|
||||||
estado: number |
|
||||||
} |
|
||||||
@ -1,5 +1,5 @@ |
|||||||
export default interface IReporteOperacionesNewell{ |
export default interface IReporteOperacionesNewell{ |
||||||
aduana: string; patente: number; pedimento: number; fechaDeEntrada: string|Date; fechaDePago: string|Date; |
aduana: number; patente: number; pedimento: number; fechaDeEntrada: string|Date; fechaDePago: string|Date; |
||||||
valorComercialMxn: number; valorComercialDlls: number; valorAduana: number; clave: string; iva: number; |
valorComercialMxn: number; valorComercialDlls: number; valorAduana: number; clave: string; iva: number; |
||||||
dta: number; prv: number; lgi: number; factura: string; tc: number; proveedor: string; taxId: number; producto: string; |
dta: number; prv: number; lgi: number; factura: string; tc: number; proveedor: string; taxId: number; producto: string; |
||||||
gc:number; contenedor: string; cuentaDeGastos: string; razon: string; maniobras: number; |
gc:number; contenedor: string; cuentaDeGastos: string; razon: string; maniobras: number; |
||||||
|
|||||||
@ -1,10 +0,0 @@ |
|||||||
import http from "../common/http-common"; |
|
||||||
import { ICatTiposContenedores } from "../../Interfaces/Catalogos/ICatTiposContenedores"; |
|
||||||
|
|
||||||
class CatTiposContenedoresService{ |
|
||||||
getAll(){ |
|
||||||
return http.get<ICatTiposContenedores[]>('/Catalogos/CatTiposContenedores/'); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
export default new CatTiposContenedoresService(); |
|
||||||
@ -1,19 +0,0 @@ |
|||||||
import { DTOTraficoSolicitud } from "../../DTO/Corresponsales/DTOTraficoSolicitud" |
|
||||||
import { ICorresponsalTraficoSolicitud } from "../../Interfaces/Corresponsales/ICorresponsalTraficoSolicitud" |
|
||||||
import http from "../common/http-common"; |
|
||||||
class TraficoSolicitudServices { |
|
||||||
AppendSolicitudReapertura(solicitud: ICorresponsalTraficoSolicitud){ |
|
||||||
return http.post<ICorresponsalTraficoSolicitud>(`/Corresponsalias/Solicitudes/Reapertura/Append`, solicitud) |
|
||||||
} |
|
||||||
AppendSolicitudEliminarReferencia(solicitud: ICorresponsalTraficoSolicitud){ |
|
||||||
return http.post<ICorresponsalTraficoSolicitud>(`/Corresponsalias/Solicitudes/EliminarCuenta/Append`, solicitud) |
|
||||||
} |
|
||||||
GetSolicitudReapertura(idTrafico: number){ |
|
||||||
return http.get<DTOTraficoSolicitud>(`/Corresponsalias/Solicitudes/Reapertura/Get?idTrafico=${idTrafico}`) |
|
||||||
} |
|
||||||
GetSolicitudEliminarReferencia(idTrafico: number){ |
|
||||||
return http.get<DTOTraficoSolicitud>(`/Corresponsalias/Solicitudes/EliminarCuenta/Get?idTrafico=${idTrafico}`) |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
export default new TraficoSolicitudServices() |
|
||||||
@ -1,41 +0,0 @@ |
|||||||
import { DTOEstadoCuentaAlen } from "../../DTO/EstadosCuenta/DTOEstadoCuentaAlen"; |
|
||||||
import { DTOEstadoCuentaAlenFilters } from "../../DTO/EstadosCuenta/DTOEstadosCuentaAlenFilters"; |
|
||||||
import http from "../common/http-common"; |
|
||||||
|
|
||||||
class EstadosCuentaAlenService { |
|
||||||
Append(formData: FormData){ |
|
||||||
return http.post<DTOEstadoCuentaAlen[]>(`ReporteEstadosCuentaAlen/Append`,formData,{ |
|
||||||
headers:{ |
|
||||||
"Content-Type":'multipart/form-data' |
|
||||||
} |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
AppendOrdenCompra(data:DTOEstadoCuentaAlen){ |
|
||||||
return http.post<DTOEstadoCuentaAlen[]>(`ReporteEstadosCuentaAlen/AppendOrdenCompra`,data) |
|
||||||
} |
|
||||||
|
|
||||||
AppendObservaciones(data:DTOEstadoCuentaAlen){ |
|
||||||
return http.post<DTOEstadoCuentaAlen[]>(`ReporteEstadosCuentaAlen/AppendObservaciones`,data) |
|
||||||
} |
|
||||||
|
|
||||||
AppendProgramacionesPago(formData: FormData){ |
|
||||||
return http.post<DTOEstadoCuentaAlen[]>(`ReporteEstadosCuentaAlen/AppendProgramacionesPago`,formData,{ |
|
||||||
headers:{ |
|
||||||
"Content-Type":'multipart/form-data' |
|
||||||
} |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
GetAll(filters: DTOEstadoCuentaAlenFilters){ |
|
||||||
return http.get<DTOEstadoCuentaAlen[]>(`ReporteEstadosCuentaAlen/GetAll`, { |
|
||||||
params:filters |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
ExportEstadosCuenta(cuentas: DTOEstadoCuentaAlen[]){ |
|
||||||
return http.post(`ReporteEstadosCuentaAlen/Export`, cuentas, {responseType: 'arraybuffer'}) |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
export default new EstadosCuentaAlenService(); |
|
||||||
@ -1,8 +0,0 @@ |
|||||||
import http from "../common/http-common"; |
|
||||||
class ReporteGC50Service{ |
|
||||||
DownloadExcel(Inicio: string, Fin: string, TipoOperacion: number, NoCliente: number, IdCorresponsal: number){ |
|
||||||
return http.get(`ReporteCuentasCerradas/GetExcel?Inicio=${Inicio}&Fin=${Fin}&TipoOperacion=${TipoOperacion}&NoCliente=${NoCliente}&IdCorresponsal=${IdCorresponsal}`, {responseType: 'blob'}); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
export default new ReporteGC50Service(); |
|
||||||
@ -1,13 +0,0 @@ |
|||||||
import http from '../common/http-common'; |
|
||||||
|
|
||||||
class ReportesAlenService{ |
|
||||||
|
|
||||||
getRelacionFacturas(referencia: string){ |
|
||||||
return http.get(`ReportesAlen/RelacionFacturas?referencia=${referencia}`, {responseType: 'blob'}); |
|
||||||
} |
|
||||||
getFacturasConsolidados(referencia: string){ |
|
||||||
return http.get(`ReportesAlen/FacturasConsolidados?referencia=${referencia}`, {responseType: 'blob'}); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
export default new ReportesAlenService(); |
|
||||||
@ -1,16 +0,0 @@ |
|||||||
import http from "../common/http-common"; |
|
||||||
|
|
||||||
import DTORptCorresponsalesTraficos from "../../DTO/Corresponsales/DTORptCorresponsalesTraficos"; |
|
||||||
import { DTOReporteGeneral } from "../../DTO/Facturacion/DTOReporteGeneral"; |
|
||||||
|
|
||||||
class ReportesFacturacionService{ |
|
||||||
GetReporteGeneral(data: DTORptCorresponsalesTraficos){ |
|
||||||
return http.get<DTOReporteGeneral[]>(`ReportesFacturacion/CuentasFacturadas?Inicio=${data.Inicio}&Fin=${data.Fin}&TipoOperacion=${data.TipoOperacion}&NoCliente=${data.NoCliente}&IdCorresponsal=${data.IdCorresponsal}&Pedimento=${data.Pedimento}&Aduana=${data.Aduana}&Patente=${data.Patente}&Proceso=${data.Proceso}&Modo=${data.Modo}`) |
|
||||||
} |
|
||||||
|
|
||||||
DownloadExcel(data: DTORptCorresponsalesTraficos){ |
|
||||||
return http.get(`ReportesFacturacion/FacturacionExcel?Inicio=${data.Inicio}&Fin=${data.Fin}&TipoOperacion=${data.TipoOperacion}&NoCliente=${data.NoCliente}&IdCorresponsal=${data.IdCorresponsal}&Pedimento=${data.Pedimento}&Aduana=${data.Aduana}&Patente=${data.Patente}&Proceso=${data.Proceso}&Modo=${data.Modo}`, {responseType: 'blob'}); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
export default new ReportesFacturacionService() |
|
||||||
@ -1,21 +0,0 @@ |
|||||||
import { createSlice, PayloadAction } from '@reduxjs/toolkit' |
|
||||||
import { ICatTiposContenedores } from '../../../Interfaces/Catalogos/ICatTiposContenedores' |
|
||||||
|
|
||||||
const CatTiposContenedores: ICatTiposContenedores[] = [] |
|
||||||
const initialState = {CatTiposContenedores} |
|
||||||
|
|
||||||
export const CatTiposContenedoresSlice = createSlice({ |
|
||||||
name: 'CatTiposContenedores', |
|
||||||
initialState: initialState, |
|
||||||
reducers: { |
|
||||||
populateCatTiposContenedores : (state, action: PayloadAction<ICatTiposContenedores[]>) => { |
|
||||||
state.CatTiposContenedores = [] |
|
||||||
state.CatTiposContenedores.push(... action.payload) |
|
||||||
}, |
|
||||||
} |
|
||||||
}) |
|
||||||
|
|
||||||
export const { |
|
||||||
populateCatTiposContenedores,
|
|
||||||
} = CatTiposContenedoresSlice.actions; |
|
||||||
export default CatTiposContenedoresSlice.reducer; |
|
||||||
@ -1,40 +0,0 @@ |
|||||||
import ICorresponsalRectificacionHistorico from "../../../Interfaces/Corresponsales/ICorresponsalRectificacionHistorico"; |
|
||||||
import { createSlice, PayloadAction } from "@reduxjs/toolkit"; |
|
||||||
|
|
||||||
const RectificacionesPedimentos: ICorresponsalRectificacionHistorico[] = [] |
|
||||||
|
|
||||||
const initialState = {RectificacionesPedimentos}; |
|
||||||
|
|
||||||
export const RectificacionesPedimentosSlice = createSlice({ |
|
||||||
name: 'RectificacionesPedimentos', |
|
||||||
initialState: initialState, |
|
||||||
reducers: { |
|
||||||
populateRectificaciones : (state, action: PayloadAction<ICorresponsalRectificacionHistorico[]>) => { |
|
||||||
state.RectificacionesPedimentos = [] |
|
||||||
state.RectificacionesPedimentos.push(... action.payload) |
|
||||||
}, |
|
||||||
addRectificacion : (state, action: PayloadAction<ICorresponsalRectificacionHistorico>) => { |
|
||||||
var Existe = state.RectificacionesPedimentos.find(function(item) { |
|
||||||
return item.id === action.payload.id; |
|
||||||
}); |
|
||||||
if (!Existe) state.RectificacionesPedimentos.push(action.payload) |
|
||||||
}, |
|
||||||
updateRectificacion : (state, action: PayloadAction<ICorresponsalRectificacionHistorico>) => { |
|
||||||
const i = state.RectificacionesPedimentos.findIndex(_element => _element.id === action.payload.id); |
|
||||||
if (i > -1) state.RectificacionesPedimentos[i] = action.payload; |
|
||||||
else state.RectificacionesPedimentos.push(action.payload); |
|
||||||
}, |
|
||||||
deleteRectificacion : (state, action: PayloadAction<number>) => { |
|
||||||
const newArr = state.RectificacionesPedimentos.filter(data => data.id != action.payload); |
|
||||||
state.RectificacionesPedimentos=newArr |
|
||||||
}, |
|
||||||
} |
|
||||||
}) |
|
||||||
|
|
||||||
|
|
||||||
export const { populateRectificaciones,
|
|
||||||
addRectificacion,
|
|
||||||
updateRectificacion,
|
|
||||||
deleteRectificacion, |
|
||||||
} = RectificacionesPedimentosSlice.actions; |
|
||||||
export default RectificacionesPedimentosSlice.reducer; |
|
||||||
Loading…
Reference in new issue