diff --git a/src/Components/Corresponsales/TraficoCorresponsales.tsx b/src/Components/Corresponsales/TraficoCorresponsales.tsx index 2fcaed8..2408f5b 100644 --- a/src/Components/Corresponsales/TraficoCorresponsales.tsx +++ b/src/Components/Corresponsales/TraficoCorresponsales.tsx @@ -1,4 +1,4 @@ -import React, { FC, useEffect, useState } from 'react'; +import React, { FC, useEffect, useState } from 'react' // Bootstrap import { Alert, @@ -12,360 +12,365 @@ import { Modal, Row, Tab, - Tabs, -} from 'react-bootstrap'; -import { FcBusinessman, FcTimeline } from 'react-icons/fc'; -import { HiCurrencyDollar } from 'react-icons/hi'; -import { IconContext } from 'react-icons'; -import '../../css/generic01.css'; + Tabs +} from 'react-bootstrap' +import { FcBusinessman, FcTimeline } from 'react-icons/fc' +import { HiCurrencyDollar } from 'react-icons/hi' +import { IconContext } from 'react-icons' +import '../../css/generic01.css' // Clases -import CCorresponsalesTrafico from '../../Classes/Corresponsales/CCorresponsalesTrafico'; +import CCorresponsalesTrafico from '../../Classes/Corresponsales/CCorresponsalesTrafico' // Interfaces -import IClientes from '../../Interfaces/Catalogos/IClientes'; -import ICorresponsalesTraficoContabilidad from '../../Interfaces/Corresponsales/ICorresponsalTraficoContabilidad'; -import ITabulador from '../../Interfaces/Catalogos/ITabulador'; -import ICorresponsalRazonRechazo from '../../Interfaces/Corresponsales/ICorresponsalRazonesRechazo'; -import ICorresponsalCatTipoDocumento from '../../Interfaces/Corresponsales/ICorresponsalCatTipoDocumento'; -import ICorresponsalCatAduanas from '../../Interfaces/Corresponsales/ICorresponsalCatAduanas'; -import ICorresponsalCatDestinos from '../../Interfaces/Corresponsales/ICorresponsalCatDestinos'; -import ICorresponsalCatTiposEmbarque from '../../Interfaces/Corresponsales/ICorresponsalesCatTiposEmbarque'; +import IClientes from '../../Interfaces/Catalogos/IClientes' +import ICorresponsalesTraficoContabilidad from '../../Interfaces/Corresponsales/ICorresponsalTraficoContabilidad' +import ITabulador from '../../Interfaces/Catalogos/ITabulador' +import ICorresponsalRazonRechazo from '../../Interfaces/Corresponsales/ICorresponsalRazonesRechazo' +import ICorresponsalCatTipoDocumento from '../../Interfaces/Corresponsales/ICorresponsalCatTipoDocumento' +import ICorresponsalCatAduanas from '../../Interfaces/Corresponsales/ICorresponsalCatAduanas' +import ICorresponsalCatDestinos from '../../Interfaces/Corresponsales/ICorresponsalCatDestinos' +import ICorresponsalCatTiposEmbarque from '../../Interfaces/Corresponsales/ICorresponsalesCatTiposEmbarque' // Redux -import { useDispatch, useSelector } from 'react-redux'; -import { populateCatProveedores } from '../../store/features/CatProveedores/CatProveedoresSlice'; +import { useDispatch, useSelector } from 'react-redux' +import { populateCatProveedores } from '../../store/features/CatProveedores/CatProveedoresSlice' import { addCorresponsalesFacturas, - InitCorresponsalesFacturas, -} from '../../store/features/Corresponsales/CorresponsalesFacturasSlice'; + InitCorresponsalesFacturas +} from '../../store/features/Corresponsales/CorresponsalesFacturasSlice' import { addCorresponsalesFacturasTerceros, - InitCorresponsalesFacturasTerceros, -} from '../../store/features/Corresponsales/CorresponsalesFacturasTercerosSlice'; + InitCorresponsalesFacturasTerceros +} from '../../store/features/Corresponsales/CorresponsalesFacturasTercerosSlice' import { addCorresponsalesContenedores, CorresponsalesContenedoresSlice, - InitCorresponsalesContenedores, -} from '../../store/features/Corresponsales/CorresponsalesContenedoresSlice'; -import { populateCorresponsalesAnticipos } from '../../store/features/Corresponsales/CorresponsalesAnticiposSlice'; -import { RootState } from '../../store/store'; -import { populateCatCorresponsales } from '../../store/features/CatCorresponsales/CatCorresponsalesSlice'; -import { populateCorresponsalesGuias } from '../../store/features/Corresponsales/CorresponsalesGuiasSlice'; -import { populateCorresponsalesPartidas } from '../../store/features/Corresponsales/CorresponsalesPartidasSlice'; -import { populateCorresponsalesCuentasComplementariasEstatus } from '../../store/features/Corresponsales/CorresponsalesCuentasComplementariasEstatusSlice'; + InitCorresponsalesContenedores +} from '../../store/features/Corresponsales/CorresponsalesContenedoresSlice' +import { populateCorresponsalesAnticipos } from '../../store/features/Corresponsales/CorresponsalesAnticiposSlice' +import { RootState } from '../../store/store' +import { populateCatCorresponsales } from '../../store/features/CatCorresponsales/CatCorresponsalesSlice' +import { populateCorresponsalesGuias } from '../../store/features/Corresponsales/CorresponsalesGuiasSlice' +import { populateCorresponsalesPartidas } from '../../store/features/Corresponsales/CorresponsalesPartidasSlice' +import { populateCorresponsalesCuentasComplementariasEstatus } from '../../store/features/Corresponsales/CorresponsalesCuentasComplementariasEstatusSlice' // Services -import CAntDataService from '../../Services/Corresponsalias/Corresponsales.Anticipos.Services'; -import CContaDataService from '../../Services/Contabilidad/Contabilidad.Corresponsalias.Services'; -import CContDataService from '../../Services/Corresponsalias/Corresponsales.Contenedores.Services'; -import CorresponsalesDataService from '../../Services/Catalogos/Corresponsales.Services'; -import CFac3erDataService from '../../Services/Corresponsalias/Corresponsales.FacturasTerceros.services'; -import CFacDataService from '../../Services/Corresponsalias/Corresponsales.Facturas.Services'; -import CGuiasDataService from '../../Services/Corresponsalias/Corresponsales.Guias.Services'; -import CTrafDataService from '../../Services/Corresponsalias/Corresponsales.Trafico.Services'; -import ClientesDataService from '../../Services/Catalogos/Clientes.Services'; -import CTabDataService from '../../Services/Corresponsalias/Corresponsales.Tabuladores.Services'; -import ProvDataService from '../../Services/Catalogos/Proveedores.Services'; -import CCatTiposDocumentos from '../../Services/Corresponsalias/Corresponsalias.CatTiposDocumentos.Services'; -import CPartidasService from '../../Services/Corresponsalias/Corresponsales.Trafico.Pedimento.Partidas.Services'; -import CCatAduanasService from '../../Services/Corresponsalias/Corresponsales.CatAduanas.Services'; -import CCatDestinosService from '../../Services/Corresponsalias/Corresponsales.CatDestinos.Services'; -import CCatTiposEmbarqueService from '../../Services/Corresponsalias/Corresponsales.CatTiposEmbarque.Services'; -import CCatMediosEmbarqueService from '../../Services/Corresponsalias/Corresponsales.CatMediosEmbarque.Services'; -import CPedimentoService from '../../Services/Corresponsalias/Corresponsales.Trafico.Pedimento.Services'; -import DashboardService from '../../Services/Dashboard/Dashboard.Corresponsales.Services'; -import CCueCompService from '../../Services/Corresponsalias/Corresponsales.CuentasComplementarias.Services'; -import FileManService from '../../Services/Utils/FileManager.Services'; +import CAntDataService from '../../Services/Corresponsalias/Corresponsales.Anticipos.Services' +import CContaDataService from '../../Services/Contabilidad/Contabilidad.Corresponsalias.Services' +import CContDataService from '../../Services/Corresponsalias/Corresponsales.Contenedores.Services' +import CorresponsalesDataService from '../../Services/Catalogos/Corresponsales.Services' +import CFac3erDataService from '../../Services/Corresponsalias/Corresponsales.FacturasTerceros.services' +import CFacDataService from '../../Services/Corresponsalias/Corresponsales.Facturas.Services' +import CGuiasDataService from '../../Services/Corresponsalias/Corresponsales.Guias.Services' +import CTrafDataService from '../../Services/Corresponsalias/Corresponsales.Trafico.Services' +import ClientesDataService from '../../Services/Catalogos/Clientes.Services' +import CTabDataService from '../../Services/Corresponsalias/Corresponsales.Tabuladores.Services' +import ProvDataService from '../../Services/Catalogos/Proveedores.Services' +import CCatTiposDocumentos from '../../Services/Corresponsalias/Corresponsalias.CatTiposDocumentos.Services' +import CPartidasService from '../../Services/Corresponsalias/Corresponsales.Trafico.Pedimento.Partidas.Services' +import CCatAduanasService from '../../Services/Corresponsalias/Corresponsales.CatAduanas.Services' +import CCatDestinosService from '../../Services/Corresponsalias/Corresponsales.CatDestinos.Services' +import CCatTiposEmbarqueService from '../../Services/Corresponsalias/Corresponsales.CatTiposEmbarque.Services' +import CCatMediosEmbarqueService from '../../Services/Corresponsalias/Corresponsales.CatMediosEmbarque.Services' +import CPedimentoService from '../../Services/Corresponsalias/Corresponsales.Trafico.Pedimento.Services' +import DashboardService from '../../Services/Dashboard/Dashboard.Corresponsales.Services' +import CCueCompService from '../../Services/Corresponsalias/Corresponsales.CuentasComplementarias.Services' +import FileManService from '../../Services/Utils/FileManager.Services' // Componentes -import * as CurrencyFormat from 'react-currency-format'; -import Select from 'custom-item-select'; -import FileManager from '../Utils/FileManager/FileManager'; -import { Anticipos } from './Anticipos/Anticipos'; -import { CatCorresponsales } from '../Catalogos/CatCorresponsales/CatCorresponsales'; -import { Contenedores } from './Contenedores/Contenedores'; -import { MsgInformativo } from '../Utils/Toast/msgInformativo'; -import { PagosTerceros } from './PagosTerceros/PagosTerceros'; -import { ProveedorFactura } from './ProveedorFactura/ProveedorFactura'; -import { SelectContainer } from './Contenedores/SelectContainer'; -import { SelectGuias } from './Guias/SelectGuias'; -import { Tabulador } from './Tabulador/Tabulador'; -import { FaRegClone } from 'react-icons/fa'; -import { Rectificaciones } from './Rectificaciones/Rectificaciones'; -import { BsFillXCircleFill } from 'react-icons/bs'; -import DatePicker from 'react-datepicker'; -import 'react-datepicker/dist/react-datepicker.css'; -import { Partidas } from './Partidas/Partidas'; -import { MFileManager } from '../Utils/MFileManager/MFileManager'; -import ICorresponsalPedimento from '../../Interfaces/Corresponsales/ICorresponsalPedimento'; -import ICorresponsalesCatTraficoEstatus from '../../Interfaces/Corresponsales/ICorresponsalesCatTraficoEstatus'; -import ICorresponsalCatMediosEmbarque from '../../Interfaces/Corresponsales/ICorresponsalCatMediosEmbarque'; -import { CuentasComplementarias } from './CuentasComplementarias/CuentasComplementarias'; -import DTOTraficoCompleto from '../../DTO/Corresponsales/DTOTraficoCompleto'; +import * as CurrencyFormat from 'react-currency-format' +import Select from 'custom-item-select' +import FileManager from '../Utils/FileManager/FileManager' +import { Anticipos } from './Anticipos/Anticipos' +import { CatCorresponsales } from '../Catalogos/CatCorresponsales/CatCorresponsales' +import { Contenedores } from './Contenedores/Contenedores' +import { MsgInformativo } from '../Utils/Toast/msgInformativo' +import { PagosTerceros } from './PagosTerceros/PagosTerceros' +import { ProveedorFactura } from './ProveedorFactura/ProveedorFactura' +import { SelectContainer } from './Contenedores/SelectContainer' +import { SelectGuias } from './Guias/SelectGuias' +import { Tabulador } from './Tabulador/Tabulador' +import { FaRegClone } from 'react-icons/fa' +import { Rectificaciones } from './Rectificaciones/Rectificaciones' +import { BsFillXCircleFill } from 'react-icons/bs' +import DatePicker from 'react-datepicker' +import 'react-datepicker/dist/react-datepicker.css' +import { Partidas } from './Partidas/Partidas' +import { MFileManager } from '../Utils/MFileManager/MFileManager' +import ICorresponsalPedimento from '../../Interfaces/Corresponsales/ICorresponsalPedimento' +import ICorresponsalesCatTraficoEstatus from '../../Interfaces/Corresponsales/ICorresponsalesCatTraficoEstatus' +import ICorresponsalCatMediosEmbarque from '../../Interfaces/Corresponsales/ICorresponsalCatMediosEmbarque' +import { CuentasComplementarias } from './CuentasComplementarias/CuentasComplementarias' +import DTOTraficoCompleto from '../../DTO/Corresponsales/DTOTraficoCompleto' +import DTORectificacionHistorico from '../../DTO/Corresponsales/DTORectificacionHistorico' interface IProps { - IDTrafico: number; - onClose: (val: boolean) => void; + IDTrafico: number + onClose: (val: boolean) => void } interface ItemList { - id: number; - item: string; + id: number + item: string } interface ItemList { - item: string; + item: string } interface IAduanas { - id: number; - descripcion: string; + id: number + descripcion: string } export const TraficoCorresponsales: FC = (props) => { - const dispatch = useDispatch(); + const dispatch = useDispatch() const [UserId, setUserId] = useState(() => { - const stickyValue = window.localStorage.getItem('UserId'); - return stickyValue !== null ? JSON.parse(stickyValue) : 0; - }); + const stickyValue = window.localStorage.getItem('UserId') + return stickyValue !== null ? JSON.parse(stickyValue) : 0 + }) const [Usuario, setUsuario] = useState(() => { - const stickyValue = window.localStorage.getItem('Departamento'); - return stickyValue !== null ? JSON.parse(stickyValue) : ''; - }); + const stickyValue = window.localStorage.getItem('Departamento') + return stickyValue !== null ? JSON.parse(stickyValue) : '' + }) const [Depto, setDepto] = useState(() => { - const stickyValue = window.localStorage.getItem('Departamento'); - return stickyValue !== null ? JSON.parse(stickyValue) : ''; - }); + const stickyValue = window.localStorage.getItem('Departamento') + return stickyValue !== null ? JSON.parse(stickyValue) : '' + }) const mCorresponsales = useSelector( (state: RootState) => state.CatCorresponsales.CatCorresponsales - ); + ) const mCFacturas = useSelector( (state: RootState) => state.CFData.CorresponsalesFacturas - ); + ) const mCFTerceros = useSelector( (state: RootState) => state.CF3rosData.CorresponsalesFacturasTerceros - ); + ) const mCContenedores = useSelector( (state: RootState) => state.CCData.CorresponsalesContenedores - ); + ) const mCAnticipos = useSelector( (state: RootState) => state.CAnticipos.CorresponsalesAnticipos - ); + ) const mCCCEstatus = useSelector( (state: RootState) => state.CCueCompEstatus.CorresponsalesCuentasComplementariasEstatus - ); - const [ModalSize, setModalSize] = useState('sm'); - const [showModal, setShowModal] = useState(false); - const [LoadComponent, setLoadComponent] = useState(0); - const [IDTrafico, setIDTrafico] = useState(props.IDTrafico); - const [IDDetail, setIDDetail] = useState(0); - const [FolioTrafico, setFolioTrafico] = useState(''); - const [Proceso, setProceso] = useState(0); - const [IDCliente, setIDCliente] = useState(0); - const [NombreCliente, setNombreCliente] = useState(''); - const [Clientes, setClientes] = useState>(); + ) + const [ModalSize, setModalSize] = useState('sm') + const [showModal, setShowModal] = useState(false) + const [LoadComponent, setLoadComponent] = useState(0) + const [IDTrafico, setIDTrafico] = useState(props.IDTrafico) + const [IDDetail, setIDDetail] = useState(0) + const [FolioTrafico, setFolioTrafico] = useState('') + const [Proceso, setProceso] = useState(0) + const [IDCliente, setIDCliente] = useState(0) + const [NombreCliente, setNombreCliente] = useState('') + const [Clientes, setClientes] = useState>() const [CatTiposDocumento, setCatTiposDocumentos] = - useState(); + useState() const [ CatTiposDocumentoInfoCorresponsal, - setCatTiposDocumentosInfoCorresponsal, - ] = useState(); - const [TipoOperacion, setTipoOperacion] = useState(1); - const [OpEntrada, setOpEntrada] = useState(0); - const [OpSalida, setOpSalida] = useState(0); - const [IDCorresponsal, setIDCorresponsal] = useState(0); - const [Bultos, setBultos] = useState(0); - const [Kilos, setKilos] = useState(0); - const [Estatus, setEstatus] = useState(0); - const [Trafico, setTrafico] = useState(''); - const [Aduana, setAduana] = useState(0); - const [Patente, setPatente] = useState(0); - const [Pedimento, setPedimento] = useState(0); - const [ClavePedimento, setClavePedimento] = useState(''); - const [FechaPago, setFechaPago] = useState(''); - const [TipoCambio, setTipoCambio] = useState(0); - const [ValorAduanaMN, setValorAduanaMN] = useState(0); - const [TotalPagado, setTotalPagado] = useState(0); - const [ValorFacturaMN, setValorFacturaMN] = useState(0); + setCatTiposDocumentosInfoCorresponsal + ] = useState() + const [TipoOperacion, setTipoOperacion] = useState(1) + const [OpEntrada, setOpEntrada] = useState(0) + const [OpSalida, setOpSalida] = useState(0) + const [IDCorresponsal, setIDCorresponsal] = useState(0) + const [Bultos, setBultos] = useState(0) + const [Kilos, setKilos] = useState(0) + const [Estatus, setEstatus] = useState(0) + const [Trafico, setTrafico] = useState('') + const [Aduana, setAduana] = useState(0) + const [Patente, setPatente] = useState(0) + const [Pedimento, setPedimento] = useState(0) + const [ClavePedimento, setClavePedimento] = useState('') + const [FechaPago, setFechaPago] = useState('') + const [TipoCambio, setTipoCambio] = useState(0) + const [ValorAduanaMN, setValorAduanaMN] = useState(0) + const [TotalPagado, setTotalPagado] = useState(0) + const [ValorFacturaMN, setValorFacturaMN] = useState(0) const [CantidadFracciones, setCantidadFracciones] = useState< number | undefined - >(0); - const [Buque, setBuque] = useState(''); + >(0) + const [Buque, setBuque] = useState('') const [ValorFacturasDls, setValorFacturasDls] = useState( 0 - ); + ) const [DescripcionMercancia, setDescripcionMercancia] = useState< string | undefined - >(''); - const [Observaciones, setObservaciones] = useState(''); + >('') + const [Observaciones, setObservaciones] = useState('') const [FechaDesaduanamiento, setFechaDesaduanamiento] = - useState(); - const [SemafoFiscal, setSemaforoFiscal] = useState(0); - const [NoCuenta, setNoCuenta] = useState(''); - const [FechaCuenta, setFechaCuenta] = useState(''); - const [Anticipo, setAnticipo] = useState(0); - const [IDTabulador, setIDTabulador] = useState(0); - const [Tabuladores, setTabuladores] = useState([]); - const [header, setHeader] = useState(''); - const [show, setShowMsg] = useState(false); - const [msg, setMsg] = useState(''); - const [DSCatAduanas, setDSCatAduanas] = useState(); + useState() + const [SemafoFiscal, setSemaforoFiscal] = useState(0) + const [NoCuenta, setNoCuenta] = useState('') + const [FechaCuenta, setFechaCuenta] = useState('') + const [Anticipo, setAnticipo] = useState(0) + const [IDTabulador, setIDTabulador] = useState(0) + const [Tabuladores, setTabuladores] = useState([]) + const [header, setHeader] = useState('') + const [show, setShowMsg] = useState(false) + const [msg, setMsg] = useState('') + const [DSCatAduanas, setDSCatAduanas] = useState() const [DSCatDestinos, setDSCatDestinos] = - useState(); + useState() const [DSCatMediosEmbarque, setDSCatMediosEmbarque] = - useState(); + useState() const [DSCatTiposEmbarque, setDSCatTiposEmbarque] = - useState(); - const [LblFacturas, setLblFacturas] = useState('Facturas'); + useState() + const [LblFacturas, setLblFacturas] = useState('Facturas') const [LblFacturasTerceros, setLblFacturasTerceros] = useState( 'Facturas pagos a terceros' - ); - const [LblAnticipos, setLblAnticipos] = useState('Anticipos'); - const [StatusTrafico, setStatusTrafico] = useState(1); - const [StatusColor, setStatusColor] = useState('#FFFFFF'); - const [PagosaTerceros, setPagosaTerceros] = useState(0); - const [ComentariosRechazo, setComentariosRechazo] = useState(''); + ) + const [LblAnticipos, setLblAnticipos] = useState('Anticipos') + const [StatusTrafico, setStatusTrafico] = useState(1) + const [StatusColor, setStatusColor] = useState('#FFFFFF') + const [PagosaTerceros, setPagosaTerceros] = useState(0) + const [ComentariosRechazo, setComentariosRechazo] = useState('') const [RechazosTrafico, setRechazosTrafico] = useState< ICorresponsalRazonRechazo[] - >([]); + >([]) const [RechazosContabilidad, setRechazosContabilidad] = useState< ICorresponsalRazonRechazo[] - >([]); + >([]) const [DataCatEstatus, setDataCatEstatus] = useState< ICorresponsalesCatTraficoEstatus[] - >([]); + >([]) const [Aduanas, setAduanas] = useState([ { id: 440, descripcion: 'CD. ACUNA, COAH.' }, - { id: 810, descripcion: 'ALTAMIRA, TAMPS.' }, - ]); - const [IDAduana, setIDAduana] = useState(0); - const [CostoDiario, setCostoDiario] = useState(0); - const [Descripcion, setDescripcion] = useState(''); - const [IDDestino, setIDDestino] = useState(0); - const [DiasPedPagado, setDiasPedPagado] = useState(0); - const [Embalaje, setEmbalaje] = useState(0); - const [IDEstatus, setIDEstatus] = useState(0); + { id: 810, descripcion: 'ALTAMIRA, TAMPS.' } + ]) + const [IDAduana, setIDAduana] = useState(0) + const [CostoDiario, setCostoDiario] = useState(0) + const [Descripcion, setDescripcion] = useState('') + const [IDDestino, setIDDestino] = useState(0) + const [DiasPedPagado, setDiasPedPagado] = useState(0) + const [Embalaje, setEmbalaje] = useState(0) + const [IDEstatus, setIDEstatus] = useState(0) const [FAlmacenajeInicioGastos, setFAlmacenajeInicioGastos] = - useState(''); - const [FDespacho, setFDespacho] = useState(''); - const [FechaETA, setFechaETA] = useState(''); - const [FEntrada, setFEntrada] = useState(''); - const [FHEntregaPlanta, setFHEntregaPlanta] = useState(); - const [FHInstrucciones, setFHInstrucciones] = useState(); - const [Fletes, setFletes] = useState(0); - const [FRevalidacionGuia, setFRevalidacionGuia] = useState(''); - const [HAWB, setHAWB] = useState(''); - const [Incoterm, setIncoterm] = useState(''); + useState('') + const [FDespacho, setFDespacho] = useState('') + const [FechaETA, setFechaETA] = useState('') + const [FEntrada, setFEntrada] = useState('') + const [FHEntregaPlanta, setFHEntregaPlanta] = useState() + const [FHInstrucciones, setFHInstrucciones] = useState() + const [Fletes, setFletes] = useState(0) + const [FRevalidacionGuia, setFRevalidacionGuia] = useState('') + const [HAWB, setHAWB] = useState('') + const [Incoterm, setIncoterm] = useState('') const [LineaTransportistaInternacional, setLineaTransportistaInternacional] = - useState(''); - const [MAWB, setMAWB] = useState(''); - const [MontoUSD, setMontoUSD] = useState(0); - const [NoGuia, setNoGuia] = useState(''); - const [Origen, setOrigen] = useState(''); - const [Otros, setOtros] = useState(0); - const [Transportista, setTransportista] = useState(''); - const [PesoNeto, setPesoNeto] = useState(0); - const [PreferenciaArancelaria, setPreferenciaArancelaria] = useState(0); - const [Seguros, setSeguros] = useState(0); - const [IDTipoEmbarque, setIDTipoEmbarque] = useState(0); - const [TotalPagar, setTotalPagar] = useState(0); - const [ChangePermission, setChangePermission] = useState(false); - const [Ready4NextProcess, setReady4NextProcess] = useState(false); - const [TerminaProceso, setTerminaProceso] = useState(-100); - const [TieneArchivoZIPGEMCO, setTieneArchivoZIPGEMCO] = useState(0); + useState('') + const [MAWB, setMAWB] = useState('') + const [MontoUSD, setMontoUSD] = useState(0) + const [NoGuia, setNoGuia] = useState('') + const [Origen, setOrigen] = useState('') + const [Otros, setOtros] = useState(0) + const [Transportista, setTransportista] = useState('') + const [PesoNeto, setPesoNeto] = useState(0) + const [PreferenciaArancelaria, setPreferenciaArancelaria] = useState(0) + const [Seguros, setSeguros] = useState(0) + const [IDTipoEmbarque, setIDTipoEmbarque] = useState(0) + const [TotalPagar, setTotalPagar] = useState(0) + const [ChangePermission, setChangePermission] = useState(false) + const [Ready4NextProcess, setReady4NextProcess] = useState(false) + const [TerminaProceso, setTerminaProceso] = useState(-100) + const [TieneArchivoZIPGEMCO, setTieneArchivoZIPGEMCO] = useState(0) const [TieneArchivoZIPCorresponsal, setTieneArchivoZIPCorresponsal] = - useState(0); - const [IDEstatusContabilidad, setIDEstatusContabilidad] = useState(0); - const FechaRegistro = currentDate(); - const msgColor = 'primary'; + useState(0) + const [IDEstatusContabilidad, setIDEstatusContabilidad] = useState(0) + const [AduanaH, setAduanaH] = useState('') + const [PatenteH, setPatenteH] = useState('') + const [PedimentoH, setPedimentoH] = useState('') + const [ClavePedimentoH, setClavePedimentoH] = useState('') + const [FechaPagoH, setFechaPagoH] = useState('') + + const FechaRegistro = currentDate() + const msgColor = 'primary' const itemsTrafico = [ { key: 1, component: (
- + Confirmado
- ), + ) }, { key: 0, component: (
- + Rechazado
- ), - }, - ]; + ) + } + ] - const handleClose = () => setShowModal(false); + const handleClose = () => setShowModal(false) const adjustTimeZone = (str: string): string => { if (str) { - const original: any = new Date(str); - const real = new Date( - original - original.getTimezoneOffset() * 60 * 1000 - ); - return real.toISOString(); - } else return ''; - }; + const original: any = new Date(str) + const real = new Date(original - original.getTimezoneOffset() * 60 * 1000) + return real.toISOString() + } else return '' + } const saveForm = () => { if (IDCliente === 0) { - setHeader('Error'); - setMsg('Para continuar seleccion el cliente'); - setShowMsg(true); - return; + setHeader('Error') + setMsg('Para continuar seleccion el cliente') + setShowMsg(true) + return } if (OpEntrada === 0 || OpSalida === 0) { - setHeader('Error'); - setMsg('Para continuar seleccion las operacion es de Entrada y Salida'); - setShowMsg(true); - return; + setHeader('Error') + setMsg('Para continuar seleccion las operacion es de Entrada y Salida') + setShowMsg(true) + return } if (IDCorresponsal === 0) { - setHeader('Error'); - setMsg('Para continuar seleccion el corresponsal'); - setShowMsg(true); - return; + setHeader('Error') + setMsg('Para continuar seleccion el corresponsal') + setShowMsg(true) + return } - let data = new CCorresponsalesTrafico().getEmptyObject(); - data.id = IDTrafico; - data.idUsuario = UserId; - data.idCliente = IDCliente; - data.tipoOperacion = TipoOperacion; - data.opEntrada = OpEntrada; - data.opSalida = OpSalida; - data.idCorresponsal = IDCorresponsal; - data.bultos = Bultos; - data.kilos = Kilos; - data.estatus = Estatus; - data.trafico = Trafico; - data.aduana = Aduana; - data.patente = Patente; - data.pedimento = Pedimento; - data.clave = ClavePedimento; - data.fechaPago = FechaPago; - data.tipoCambio = TipoCambio; - data.valorAduanaMN = ValorAduanaMN; - data.totalPagado = TotalPagado; - data.valorFacturaMN = ValorFacturaMN; - data.cantidadFracciones = CantidadFracciones; - data.buque = Buque; - data.valorFacturaDls = ValorFacturasDls; - data.descripcionMercancia = DescripcionMercancia; - data.observaciones = Observaciones; + let data = new CCorresponsalesTrafico().getEmptyObject() + data.id = IDTrafico + data.idUsuario = UserId + data.idCliente = IDCliente + data.tipoOperacion = TipoOperacion + data.opEntrada = OpEntrada + data.opSalida = OpSalida + data.idCorresponsal = IDCorresponsal + data.bultos = Bultos + data.kilos = Kilos + data.estatus = Estatus + data.trafico = Trafico + data.aduana = Aduana + data.patente = Patente + data.pedimento = Pedimento + data.clave = ClavePedimento + data.fechaPago = FechaPago + data.tipoCambio = TipoCambio + data.valorAduanaMN = ValorAduanaMN + data.totalPagado = TotalPagado + data.valorFacturaMN = ValorFacturaMN + data.cantidadFracciones = CantidadFracciones + data.buque = Buque + data.valorFacturaDls = ValorFacturasDls + data.descripcionMercancia = DescripcionMercancia + data.observaciones = Observaciones data.fechaDesaduanamiento = FechaDesaduanamiento ? adjustTimeZone(FechaDesaduanamiento.toISOString()) - : ''; - data.semaforoFiscal = SemafoFiscal; - data.noCuenta = NoCuenta; - data.fechaCuenta = FechaCuenta; - data.idTabulador = IDTabulador; + : '' + data.semaforoFiscal = SemafoFiscal + data.noCuenta = NoCuenta + data.fechaCuenta = FechaCuenta + data.idTabulador = IDTabulador CTrafDataService.Append(data) .then((response) => { if (response.data.estatusCode === 0) { @@ -409,262 +414,278 @@ export const TraficoCorresponsales: FC = (props) => { seguros: Seguros, tipoEmbarque: IDTipoEmbarque, totalPagar: TotalPagar, - activo: 1, - }; + activo: 1 + } CPedimentoService.Append(Detail) .then((responseDetail) => { - setHeader('Informativo'); - setMsg('La informacion se guardo correctamente'); - setShowMsg(true); - if (Ready4NextProcess && TerminaProceso >= 0) saveFinalStep(); - return; + setHeader('Informativo') + setMsg('La informacion se guardo correctamente') + setShowMsg(true) + if (Ready4NextProcess && TerminaProceso >= 0) saveFinalStep() + return }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e + ' en el detail'); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e + ' en el detail') + setShowMsg(true) + return + }) } - setIDTrafico(response.data.id); - setHeader('Informativo'); - setMsg('La informacion se guardo correctamente'); - setShowMsg(true); - saveFinalStep(); - return; + setIDTrafico(response.data.id) + setHeader('Informativo') + setMsg('La informacion se guardo correctamente') + setShowMsg(true) + saveFinalStep() + return } else if (response.data.estatusCode === 409.1) { - setHeader('Error'); + setHeader('Error') setMsg( 'Ese pedimento ya esta registrado en el trafico: ' + response.data.folioGemco - ); - setShowMsg(true); - return; + ) + setShowMsg(true) + return } else if (response.data.estatusCode === 409.2) { - setHeader('Error'); + setHeader('Error') setMsg( 'Esa cuenta de gastos ya esta registrada en el trafico: ' + response.data.folioGemco - ); - setShowMsg(true); - return; + ) + setShowMsg(true) + return } }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); - }; + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) + } function currentDate(): string { - var today = new Date(); - var dd = String(today.getDate()).padStart(2, '0'); - var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0! - var yyyy = today.getFullYear(); - return yyyy + '-' + mm + '-' + dd; + var today = new Date() + var dd = String(today.getDate()).padStart(2, '0') + var mm = String(today.getMonth() + 1).padStart(2, '0') //January is 0! + var yyyy = today.getFullYear() + return yyyy + '-' + mm + '-' + dd } function getCurrentYear(): string { - var today = new Date(); - return today.getFullYear().toString(); + var today = new Date() + return today.getFullYear().toString() } const LoadEverything = () => { CorresponsalesDataService.getAll() .then((response) => { - dispatch(populateCatCorresponsales(response.data)); + dispatch(populateCatCorresponsales(response.data)) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) CTrafDataService.GetCorresponsalesTraficoEstatus() .then((response) => { - setDataCatEstatus(response.data); + setDataCatEstatus(response.data) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) CFacDataService.getAll(IDTrafico) .then((response) => { - dispatch(InitCorresponsalesFacturas(IDTrafico)); + dispatch(InitCorresponsalesFacturas(IDTrafico)) response.data.forEach((element) => { - dispatch(addCorresponsalesFacturas(element)); - }); + dispatch(addCorresponsalesFacturas(element)) + }) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) CFac3erDataService.getAll(IDTrafico) .then((response) => { - dispatch(InitCorresponsalesFacturasTerceros(IDTrafico)); + dispatch(InitCorresponsalesFacturasTerceros(IDTrafico)) response.data.forEach((element) => { - dispatch(addCorresponsalesFacturasTerceros(element)); - }); + dispatch(addCorresponsalesFacturasTerceros(element)) + }) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) CContDataService.getAll(IDTrafico) .then((response) => { - dispatch(InitCorresponsalesContenedores(IDTrafico)); + dispatch(InitCorresponsalesContenedores(IDTrafico)) response.data.forEach((element) => { - dispatch(addCorresponsalesContenedores(element)); - }); + dispatch(addCorresponsalesContenedores(element)) + }) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) ClientesDataService.getAllClientes(0) .then((response) => { - setClientes(response.data); + setClientes(response.data) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) CAntDataService.getAll(IDTrafico) .then((response) => { - dispatch(populateCorresponsalesAnticipos(response.data)); + dispatch(populateCorresponsalesAnticipos(response.data)) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) CGuiasDataService.getAll(IDTrafico) .then((response) => { - dispatch(populateCorresponsalesGuias(response.data)); + dispatch(populateCorresponsalesGuias(response.data)) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) ProvDataService.getAll(0) .then((response) => { - dispatch(populateCatProveedores(response.data)); + dispatch(populateCatProveedores(response.data)) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) CCatTiposDocumentos.getAll(2206, 1) .then((response) => { - setCatTiposDocumentos(response.data); + setCatTiposDocumentos(response.data) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) CCatTiposDocumentos.getAll(2206, 2) .then((response) => { - setCatTiposDocumentosInfoCorresponsal(response.data); + setCatTiposDocumentosInfoCorresponsal(response.data) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) CCueCompService.GetAllEstatus() .then((response) => { dispatch( populateCorresponsalesCuentasComplementariasEstatus(response.data) - ); + ) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) CTrafDataService.GetAll(IDTrafico) .then((response) => { - setFolioTrafico(response.data.folioGemco); - setProceso(response.data.proceso); - setIDCliente(response.data.idCliente); - setIDTabulador(response.data.idTabulador); - setTipoOperacion(response.data.tipoOperacion); - setOpEntrada(response.data.opEntrada); - setOpSalida(response.data.opSalida); - setIDCorresponsal(response.data.idCorresponsal); - setBultos(response.data.bultos); - setKilos(response.data.kilos); - setEstatus(response.data.estatus ? response.data.estatus : 0); - setTrafico(response.data.trafico); - setPedimento(response.data.pedimento); - setClavePedimento(response.data.clave ? response.data.clave : ''); - setFechaPago(setDate(response.data.fechaPago)); - setTipoCambio(response.data.tipoCambio); - setValorAduanaMN(response.data.valorAduanaMN); - setTotalPagado(response.data.totalPagado); - setValorFacturaMN(response.data.valorFacturaMN); - setCantidadFracciones(response.data.cantidadFracciones); - setBuque(response.data.buque); - setValorFacturasDls(response.data.valorFacturaDls); - setDescripcionMercancia(response.data.descripcionMercancia); + setFolioTrafico(response.data.folioGemco) + setProceso(response.data.proceso) + setIDCliente(response.data.idCliente) + setIDTabulador(response.data.idTabulador) + setTipoOperacion(response.data.tipoOperacion) + setOpEntrada(response.data.opEntrada) + setOpSalida(response.data.opSalida) + setIDCorresponsal(response.data.idCorresponsal) + setBultos(response.data.bultos) + setKilos(response.data.kilos) + setEstatus(response.data.estatus ? response.data.estatus : 0) + setTrafico(response.data.trafico) + setPedimento(response.data.pedimento) + setClavePedimento(response.data.clave ? response.data.clave : '') + setFechaPago(setDate(response.data.fechaPago)) + setTipoCambio(response.data.tipoCambio) + setValorAduanaMN(response.data.valorAduanaMN) + setTotalPagado(response.data.totalPagado) + setValorFacturaMN(response.data.valorFacturaMN) + setCantidadFracciones(response.data.cantidadFracciones) + setBuque(response.data.buque) + setValorFacturasDls(response.data.valorFacturaDls) + setDescripcionMercancia(response.data.descripcionMercancia) setObservaciones( response.data.observaciones ? response.data.observaciones : '' - ); - setFechaDesaduanamiento(StrtoDate(response.data.fechaDesaduanamiento)); - setSemaforoFiscal(response.data.semaforoFiscal); - setNoCuenta(response.data.noCuenta); - setFechaCuenta(setDate(response.data.fechaCuenta)); + ) + setFechaDesaduanamiento(StrtoDate(response.data.fechaDesaduanamiento)) + setSemaforoFiscal(response.data.semaforoFiscal) + setNoCuenta(response.data.noCuenta) + setFechaCuenta(setDate(response.data.fechaCuenta)) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) CContaDataService.Get(IDTrafico, 1) .then((response) => { - setRechazosTrafico(response.data); + setRechazosTrafico(response.data) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) CContaDataService.Get(IDTrafico, 2) .then((response) => { - setRechazosContabilidad(response.data); + setRechazosContabilidad(response.data) + }) + .catch((e: Error) => { + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) + CTrafDataService.GetRectificacionHistorico(IDTrafico) + .then((response) => { + if (response.data.id > 0) { + setAduanaH(response.data.aduana.toString()) + setPatenteH(response.data.patente.toString()) + setPedimentoH(response.data.pedimento.toString()) + setClavePedimento(response.data.clave) + setFechaPagoH(response.data.fechaPago) + } }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); - DoesThe2ZipFileExists(); - }; + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) + DoesThe2ZipFileExists() + } const DoesThe2ZipFileExists = () => { if (IDTrafico > 0) { @@ -672,100 +693,100 @@ export const TraficoCorresponsales: FC = (props) => { .then((response) => { setTieneArchivoZIPGEMCO( response.data.nombreArchivo.length > 5 ? 1 : 0 - ); + ) }) .catch((e: Error) => { - return; - }); + return + }) FileManService.getFileInfoFromProcess(IDTrafico, 3) .then((response) => { setTieneArchivoZIPCorresponsal( response.data.nombreArchivo.length > 5 ? 1 : 0 - ); + ) }) .catch((e: Error) => { - return; - }); + return + }) } - }; + } useEffect(() => { if (mCFacturas.length >= 2 && IDTrafico > 0) { CPartidasService.GetAll(IDTrafico) .then((response) => { - dispatch(populateCorresponsalesPartidas(response.data)); + dispatch(populateCorresponsalesPartidas(response.data)) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) CPedimentoService.Get(IDTrafico) .then((responsed) => { - setIDDetail(responsed.data.id); - setIDAduana(responsed.data.aduana); - setCostoDiario(responsed.data.costoDiario); - setDescripcion(responsed.data.descripcion); - setIDDestino(responsed.data.destino); - setDiasPedPagado(responsed.data.diasCPPagado); - setEmbalaje(responsed.data.embalaje); - setIDEstatus(responsed.data.estatus); - setFAlmacenajeInicioGastos(responsed.data.fAlmacenajeInicioGastos); - setFHInstrucciones(StrtoDate(responsed.data.fhInstrucciones)); - setFHEntregaPlanta(StrtoDate(responsed.data.fhEntregaPlanta)); - setFechaETA(setDate(responsed.data.fechaETA)); - setFletes(responsed.data.fletes); - setFRevalidacionGuia(responsed.data.fRevalidacionGuia); - setHAWB(responsed.data.hawb); - setIncoterm(responsed.data.incoterm); + setIDDetail(responsed.data.id) + setIDAduana(responsed.data.aduana) + setCostoDiario(responsed.data.costoDiario) + setDescripcion(responsed.data.descripcion) + setIDDestino(responsed.data.destino) + setDiasPedPagado(responsed.data.diasCPPagado) + setEmbalaje(responsed.data.embalaje) + setIDEstatus(responsed.data.estatus) + setFAlmacenajeInicioGastos(responsed.data.fAlmacenajeInicioGastos) + setFHInstrucciones(StrtoDate(responsed.data.fhInstrucciones)) + setFHEntregaPlanta(StrtoDate(responsed.data.fhEntregaPlanta)) + setFechaETA(setDate(responsed.data.fechaETA)) + setFletes(responsed.data.fletes) + setFRevalidacionGuia(responsed.data.fRevalidacionGuia) + setHAWB(responsed.data.hawb) + setIncoterm(responsed.data.incoterm) setLineaTransportistaInternacional( responsed.data.lineaTransportistaInternacional - ); - setMAWB(responsed.data.mawb); - setMontoUSD(responsed.data.montoUSA); - setNoGuia(responsed.data.noGuia); - setObservaciones(responsed.data.observaciones); - setOrigen(responsed.data.origen); - setOtros(responsed.data.otros); - setTransportista(responsed.data.paqueteriaTransportista); - setPesoNeto(responsed.data.pesoNeto); - setPreferenciaArancelaria(responsed.data.preferenciaArancelaria); - setSeguros(responsed.data.seguros); - setIDTipoEmbarque(responsed.data.tipoEmbarque); - setTotalPagar(responsed.data.totalPagar); + ) + setMAWB(responsed.data.mawb) + setMontoUSD(responsed.data.montoUSA) + setNoGuia(responsed.data.noGuia) + setObservaciones(responsed.data.observaciones) + setOrigen(responsed.data.origen) + setOtros(responsed.data.otros) + setTransportista(responsed.data.paqueteriaTransportista) + setPesoNeto(responsed.data.pesoNeto) + setPreferenciaArancelaria(responsed.data.preferenciaArancelaria) + setSeguros(responsed.data.seguros) + setIDTipoEmbarque(responsed.data.tipoEmbarque) + setTotalPagar(responsed.data.totalPagar) }) .catch((e: Error) => { /* setHeader('Error') setMsg('Ocurrio un error: ' + e + ' en el detail') setShowMsg(true) */ - return; - }); + return + }) } - }, [mCFacturas, IDTrafico, dispatch]); + }, [mCFacturas, IDTrafico, dispatch]) useEffect(() => { if (Proceso) { if (Depto === 'Contabilidad') { - setTerminaProceso(0); + setTerminaProceso(0) } else if (Depto === 'Corresponsalias' && Proceso <= 1) { - setChangePermission(true); + setChangePermission(true) } else if (Depto === 'Corresponsalias' && Proceso > 1) { - setChangePermission(false); - } else setChangePermission(false); + setChangePermission(false) + } else setChangePermission(false) } if (IDTrafico === 0) { - setChangePermission(true); + setChangePermission(true) } - }, [Proceso, IDTrafico, Depto, []]); + }, [Proceso, IDTrafico, Depto, []]) useEffect(() => { - LoadEverything(); - }, []); + LoadEverything() + }, []) useEffect(() => { - LoadEverything(); - }, [IDTrafico]); + LoadEverything() + }, [IDTrafico]) useEffect(() => { if ( @@ -779,18 +800,18 @@ export const TraficoCorresponsales: FC = (props) => { TieneArchivoZIPGEMCO && TieneArchivoZIPCorresponsal ) { - let tmp = Pedimento?.toString(); + let tmp = Pedimento?.toString() if (tmp?.length === 7) { - setStatusTrafico(2); - setStatusColor('readyColor'); - setReady4NextProcess(true); + setStatusTrafico(2) + setStatusColor('readyColor') + setReady4NextProcess(true) } else { - setStatusColor('pendingColor'); - setReady4NextProcess(false); + setStatusColor('pendingColor') + setReady4NextProcess(false) } } else { - setStatusColor('pendingColor'); - setReady4NextProcess(false); + setStatusColor('pendingColor') + setReady4NextProcess(false) } }, [ IDCorresponsal, @@ -801,206 +822,146 @@ export const TraficoCorresponsales: FC = (props) => { FechaDesaduanamiento, NoCuenta, TieneArchivoZIPGEMCO, - TieneArchivoZIPCorresponsal, - ]); + TieneArchivoZIPCorresponsal + ]) useEffect(() => { if (mCorresponsales) { const result = mCorresponsales.filter( (item) => item.id === IDCorresponsal - ); + ) if (result.length) { - setAduana(result[0].aduana); - setPatente(result[0].patente); + setAduana(result[0].aduana) + setPatente(result[0].patente) } } - }, [IDCorresponsal, mCorresponsales]); + }, [IDCorresponsal, mCorresponsales]) const StrtoDate = (str: string): Date | null => { if (str) { - const original: any = new Date(str); - return original; - } else return null; - }; + const original: any = new Date(str) + return original + } else return null + } useEffect(() => { if (FechaPago) { - getTipoCambio(FechaPago); + getTipoCambio(FechaPago) } - }, [FechaPago]); + }, [FechaPago]) const getTipoCambio = (Fecha: string) => { DashboardService.getTipoCambio(Fecha) .then((response) => { - setTipoCambio(response.data); + setTipoCambio(response.data) }) .catch((e: Error) => { /* setHeader('Error') setMsg('Ocurrio un error: no pude traer tipo de cambio para esa fecha') setShowMsg(true) */ - return; - }); - }; - - /* useEffect(() => { - CTrafDataService.GetAll(IDTrafico) - .then((response) => { - setFolioTrafico(response.data.folioGemco) - setProceso(response.data.proceso) - setIDCliente(response.data.idCliente) - setIDTabulador(response.data.idTabulador) - setTipoOperacion(response.data.tipoOperacion) - setOpEntrada(response.data.opEntrada) - setOpSalida(response.data.opSalida) - setIDCorresponsal(response.data.idCorresponsal) - setBultos(response.data.bultos) - setKilos(response.data.kilos) - setEstatus(response.data.estatus ? response.data.estatus : 0) - setTrafico(response.data.trafico) - setPedimento(response.data.pedimento) - setClavePedimento(response.data.clave ? response.data.clave : '') - setFechaPago(setDate(response.data.fechaPago)) - setTipoCambio(response.data.tipoCambio) - setValorAduanaMN(response.data.valorAduanaMN) - setTotalPagado(response.data.totalPagado) - setValorFacturaMN(response.data.valorFacturaMN) - setCantidadFracciones(response.data.cantidadFracciones) - setBuque(response.data.buque) - setValorFacturasDls(response.data.valorFacturaDls) - setDescripcionMercancia(response.data.descripcionMercancia) - setObservaciones(response.data.observaciones ? response.data.observaciones : '') - setFechaDesaduanamiento(StrtoDate(response.data.fechaDesaduanamiento)) - setSemaforoFiscal(response.data.semaforoFiscal) - setNoCuenta(response.data.noCuenta) - setFechaCuenta(setDate(response.data.fechaCuenta)) - }) - .catch((e: Error) => { - setHeader('Error') - setMsg('Ocurrio un error: ' + e) - setShowMsg(true) - return - }) - CContaDataService.Get(IDTrafico, 1) - .then((response) => { - setRechazosTrafico(response.data) - }) - .catch((e: Error) => { - setHeader('Error') - setMsg('Ocurrio un error: ' + e) - setShowMsg(true) - return - }) - CContaDataService.Get(IDTrafico, 2) - .then((response) => { - setRechazosContabilidad(response.data) - }) - .catch((e: Error) => { - setHeader('Error') - setMsg('Ocurrio un error: ' + e) - setShowMsg(true) return }) - }, [IDTrafico]) */ + } useEffect(() => { if (IDCliente > 0) { CTabDataService.GetByCustomer(IDCliente) .then((response) => { - setTabuladores(response.data); + setTabuladores(response.data) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) } if (Clientes) { - let tmpArray: ItemList[] = []; + let tmpArray: ItemList[] = [] Clientes.forEach((element) => { if (element.sClave === IDCliente) - tmpArray.push({ id: IDCliente, item: element.sRazonSocial }); - }); - setNombreCliente(tmpArray[0].item); + tmpArray.push({ id: IDCliente, item: element.sRazonSocial }) + }) + setNombreCliente(tmpArray[0].item) CCatAduanasService.getAll(IDCliente) .then((response) => { - setDSCatAduanas(response.data); + setDSCatAduanas(response.data) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) CCatDestinosService.getAll(IDCliente) .then((response) => { - setDSCatDestinos(response.data); + setDSCatDestinos(response.data) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) CCatMediosEmbarqueService.getAll() .then((response) => { - setDSCatMediosEmbarque(response.data); + setDSCatMediosEmbarque(response.data) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) CCatTiposEmbarqueService.getAll() .then((response) => { - setDSCatTiposEmbarque(response.data); + setDSCatTiposEmbarque(response.data) }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) } - }, [IDCliente]); + }, [IDCliente]) useEffect(() => { let cont = mCContenedores.length > 0 ? mCContenedores.length - 1 - : mCContenedores.length; - }, [mCContenedores]); + : mCContenedores.length + }, [mCContenedores]) useEffect(() => { let ant = - mCAnticipos.length > 0 ? mCAnticipos.length - 1 : mCAnticipos.length; - setLblAnticipos('(' + ant + ') anticipos'); - }, [mCAnticipos]); + mCAnticipos.length > 0 ? mCAnticipos.length - 1 : mCAnticipos.length + setLblAnticipos('(' + ant + ') anticipos') + }, [mCAnticipos]) useEffect(() => { let fac3 = mCFTerceros.filter(function (row) { - return row.factura !== '-Seleccione-' && row.idTrafico === IDTrafico; - }).length; - setLblFacturasTerceros('(' + fac3 + ') Facturas pagos a terceros'); - }, [mCFTerceros]); + return row.factura !== '-Seleccione-' && row.idTrafico === IDTrafico + }).length + setLblFacturasTerceros('(' + fac3 + ') Facturas pagos a terceros') + }, [mCFTerceros]) useEffect(() => { - let fac = mCFacturas.length > 0 ? mCFacturas.length - 1 : mCFacturas.length; - setLblFacturas('(' + fac + ') Facturas '); - let total = 0; + let fac = mCFacturas.length > 0 ? mCFacturas.length - 1 : mCFacturas.length + setLblFacturas('(' + fac + ') Facturas ') + let total = 0 mCFacturas.forEach((element) => { - total += element.idTrafico === IDTrafico ? element.valorFacturaDls : 0; - }); - setValorFacturasDls(total); - }, [mCFacturas, IDTrafico, IDCliente]); + total += element.idTrafico === IDTrafico ? element.valorFacturaDls : 0 + }) + setValorFacturasDls(total) + }, [mCFacturas, IDTrafico, IDCliente]) function calculateDaysBetweenDates(date1: Date, date2: Date) { - var oneDay = 24 * 60 * 60 * 1000; - var date1InMillis = date1.getTime(); - var date2InMillis = date2.getTime(); - var days = Math.round(Math.abs(date2InMillis - date1InMillis) / oneDay); - return days; + var oneDay = 24 * 60 * 60 * 1000 + var date1InMillis = date1.getTime() + var date2InMillis = date2.getTime() + var days = Math.round(Math.abs(date2InMillis - date1InMillis) / oneDay) + return days } useEffect(() => { @@ -1008,94 +969,118 @@ export const TraficoCorresponsales: FC = (props) => { const dias = calculateDaysBetweenDates( new Date(FAlmacenajeInicioGastos), FechaDesaduanamiento - ); - setTotalPagar((dias - 1) * CostoDiario); + ) + setTotalPagar((dias - 1) * CostoDiario) } - }, [FechaDesaduanamiento, FAlmacenajeInicioGastos, CostoDiario]); + }, [FechaDesaduanamiento, FAlmacenajeInicioGastos, CostoDiario]) function showModalBox(i: number) { - setLoadComponent(i); - if (i === 1) setModalSize('lg'); - else setModalSize('sm'); - setShowModal(true); + setLoadComponent(i) + if (i === 1) setModalSize('lg') + else setModalSize('sm') + setShowModal(true) } function setDate(fecha: string | undefined): string { - if (!fecha) return ''; + if (!fecha) return '' else { - var dd = fecha?.substring(3, 5); - var mm = fecha?.substring(0, 2); - var yyyy = fecha?.substring(6, 10); - return yyyy + '-' + mm + '-' + dd; + var dd = fecha?.substring(3, 5) + var mm = fecha?.substring(0, 2) + var yyyy = fecha?.substring(6, 10) + return yyyy + '-' + mm + '-' + dd } } function getAduana(id: number): string { Aduanas.forEach((element) => { - return element.id === id ? element.descripcion : ''; - }); - return ''; + return element.id === id ? element.descripcion : '' + }) + return '' } function openSOIA() { - let id: number = Aduana ? Aduana : 0; + let id: number = Aduana ? Aduana : 0 window.open( `https://aplicacionesc.mat.sat.gob.mx/SOIA_CR_WEB/oia_consultarapd_cep.aspx?&pa=${Patente}&dn=${Pedimento}&s=0&ap=${getCurrentYear()}&pad=${Aduana}&ad=${getAduana( id )}` - ); + ) } const saveFinalStep = () => { - console.log(TerminaProceso); - if (TerminaProceso === -100) return false; + console.log(TerminaProceso) + if (TerminaProceso === -100) return false let data: DTOTraficoCompleto = { id: 0, idUsuario: 0, estatus: 0, - comentarios: '', - }; + comentarios: '' + } if (Depto === 'Corresponsalias') { - data.id = IDTrafico; - data.idUsuario = UserId; - data.estatus = TerminaProceso; - data.comentarios = ComentariosRechazo; + data.id = IDTrafico + data.idUsuario = UserId + data.estatus = TerminaProceso + data.comentarios = ComentariosRechazo } else if (Depto === 'Contabilidad') { let arrStatus = mCCCEstatus.filter((a) => { if (a.id === IDEstatusContabilidad) { - return a; + return a } - }); - data.id = IDTrafico; - data.idUsuario = UserId; - data.estatus = 3; - data.comentarios = arrStatus[0].estatus; + }) + data.id = IDTrafico + data.idUsuario = UserId + data.estatus = 3 + data.comentarios = arrStatus[0].estatus } //console.log(JSON.stringify(data)) CTrafDataService.ValidateComplete(data) .then((response) => { if (response.status === 200) { - setHeader('Informativo'); - setMsg('La informacion se guardo correctamente'); - setShowMsg(true); - return; + setHeader('Informativo') + setMsg('La informacion se guardo correctamente') + setShowMsg(true) + return } }) .catch((e: Error) => { - setHeader('Error'); - setMsg('Ocurrio un error: ' + e); - setShowMsg(true); - return; - }); - }; + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) + } let handleColor = (time: Date) => { - return time.getHours() > 12 ? 'text-success' : 'text-error'; - }; + return time.getHours() > 12 ? 'text-success' : 'text-error' + } + + const generaRectificacion = () => { + if (Aduana && Patente && Pedimento && ClavePedimento.length>0 && FechaPago) { + const data : DTORectificacionHistorico = { + IdTrafico: IDTrafico, + IdUsuario: UserId + } + CTrafDataService.AppendRectificacionHistorico(data) + .then((response) => { + + }) + .catch((e: Error) => { + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + 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 + } + } return (
- + @@ -1106,7 +1091,7 @@ export const TraficoCorresponsales: FC = (props) => {
{ - props.onClose(true); + props.onClose(true) }} > = (props) => { - + { - showModalBox(11); + showModalBox(11) }} style={{ cursor: 'pointer' }} > @@ -1138,16 +1123,16 @@ export const TraficoCorresponsales: FC = (props) => { - + @@ -1159,9 +1144,9 @@ export const TraficoCorresponsales: FC = (props) => { @@ -1171,10 +1156,10 @@ export const TraficoCorresponsales: FC = (props) => { @@ -1185,23 +1170,23 @@ export const TraficoCorresponsales: FC = (props) => { { - setIDCliente(parseInt(e.target.value)); + setIDCliente(parseInt(e.target.value)) }} value={IDCliente} - className='form-select form-select-sm' + className="form-select form-select-sm" > - + {Clientes ? Clientes.map((c) => { return ( - ); + ) }) : null} @@ -1211,7 +1196,7 @@ export const TraficoCorresponsales: FC = (props) => { onClick={() => { return Depto === 'Corresponsalias' ? showModalBox(10) - : ''; + : '' }} style={{ cursor: 'pointer' }} > @@ -1225,22 +1210,22 @@ export const TraficoCorresponsales: FC = (props) => { { - setIDTabulador(parseInt(e.target.value)); + setIDTabulador(parseInt(e.target.value)) }} value={IDTabulador} - className='form-select form-select-sm' + className="form-select form-select-sm" > - + {Tabuladores ? Tabuladores.map((t) => { return ( - ); + ) }) : null} @@ -1250,9 +1235,9 @@ export const TraficoCorresponsales: FC = (props) => { > {ChangePermission ? ( + + + Aduana + + + + + + Patente + + + + + + + Pedimento + + + + + + + Clave + + + + + + Fec. Pago + + + + + - + Tipo cambio @@ -1613,8 +1702,8 @@ export const TraficoCorresponsales: FC = (props) => { } thousandSeparator={true} onValueChange={(values: any) => { - const { value } = values; - setTipoCambio(value); + const { value } = values + setTipoCambio(value) }} style={ Depto === 'Corresponsalias' @@ -1624,7 +1713,7 @@ export const TraficoCorresponsales: FC = (props) => { border: '2px solid #25D05B', width: '100px', textAlign: 'right', - borderRadius: '10px', + borderRadius: '10px' } : { fontSize: '18px', @@ -1634,13 +1723,13 @@ export const TraficoCorresponsales: FC = (props) => { textAlign: 'right', borderRadius: '10px', paddingRight: '5px', - paddingLeft: '5px', + paddingLeft: '5px' } } /> - + Val Aduana MN @@ -1653,8 +1742,8 @@ export const TraficoCorresponsales: FC = (props) => { } thousandSeparator={true} onValueChange={(values: any) => { - const { value } = values; - setValorAduanaMN(value); + const { value } = values + setValorAduanaMN(value) }} style={ Depto === 'Corresponsalias' @@ -1664,7 +1753,7 @@ export const TraficoCorresponsales: FC = (props) => { border: '2px solid #25D05B', width: '150px', textAlign: 'right', - borderRadius: '10px', + borderRadius: '10px' } : { fontSize: '18px', @@ -1674,13 +1763,13 @@ export const TraficoCorresponsales: FC = (props) => { textAlign: 'right', borderRadius: '10px', paddingRight: '5px', - paddingLeft: '5px', + paddingLeft: '5px' } } /> - + Total pagado @@ -1693,8 +1782,8 @@ export const TraficoCorresponsales: FC = (props) => { } thousandSeparator={true} onValueChange={(values: any) => { - const { value } = values; - setTotalPagado(value); + const { value } = values + setTotalPagado(value) }} style={ Depto === 'Corresponsalias' @@ -1704,7 +1793,7 @@ export const TraficoCorresponsales: FC = (props) => { border: '2px solid #25D05B', width: '150px', textAlign: 'right', - borderRadius: '10px', + borderRadius: '10px' } : { fontSize: '18px', @@ -1714,24 +1803,24 @@ export const TraficoCorresponsales: FC = (props) => { textAlign: 'right', borderRadius: '10px', paddingRight: '5px', - paddingLeft: '5px', + paddingLeft: '5px' } } /> - + Cant fracciones - + = (props) => { = (props) => { { - showModalBox(2); + showModalBox(2) }} style={{ cursor: 'pointer' }} > @@ -1786,9 +1875,9 @@ export const TraficoCorresponsales: FC = (props) => { {}} - className='form-select form-select-sm' + className="form-select form-select-sm" disabled={Depto !== 'Corresponsalias'} > {mCFacturas @@ -1798,14 +1887,14 @@ export const TraficoCorresponsales: FC = (props) => { {item.factura} ) : ( - - ); + + ) }) : ''} - + Val Fact Dls @@ -1816,8 +1905,8 @@ export const TraficoCorresponsales: FC = (props) => { value={ValorFacturasDls} displayType={'text'} onValueChange={(values: any) => { - const { value } = values; - setValorFacturasDls(value); + const { value } = values + setValorFacturasDls(value) }} style={ Depto === 'Corresponsalias' @@ -1827,7 +1916,7 @@ export const TraficoCorresponsales: FC = (props) => { border: '2px solid #25D05B', width: '150px', textAlign: 'right', - borderRadius: '10px', + borderRadius: '10px' } : { fontSize: '18px', @@ -1837,7 +1926,7 @@ export const TraficoCorresponsales: FC = (props) => { textAlign: 'right', borderRadius: '10px', paddingRight: '5px', - paddingLeft: '5px', + paddingLeft: '5px' } } /> @@ -1849,9 +1938,9 @@ export const TraficoCorresponsales: FC = (props) => { @@ -1864,9 +1953,9 @@ export const TraficoCorresponsales: FC = (props) => { setObservaciones(e.target.value)} @@ -1875,7 +1964,7 @@ export const TraficoCorresponsales: FC = (props) => { - + Fecha de desaduanamiento @@ -1888,20 +1977,20 @@ export const TraficoCorresponsales: FC = (props) => { disabled={Depto === 'Contabilidad'} showTimeSelect timeClassName={handleColor} - dateFormat='MM/dd/yyyy HH:mm:ss' - placeholderText='No definido' + dateFormat="MM/dd/yyyy HH:mm:ss" + placeholderText="No definido" isClearable />{' '} - + Semaf. fiscal = (props) => { setSemaforoFiscal(parseInt(e.target.value)) } > - - + + { - showModalBox(9); + showModalBox(9) }} style={{ cursor: 'pointer' }} > @@ -1931,8 +2020,8 @@ export const TraficoCorresponsales: FC = (props) => { @@ -1946,8 +2035,8 @@ export const TraficoCorresponsales: FC = (props) => { {item.concepto} ) : ( - - ); + + ) }) : ''} @@ -1959,15 +2048,15 @@ export const TraficoCorresponsales: FC = (props) => { { - setNoCuenta(e.target.value); + setNoCuenta(e.target.value) }} /> @@ -1976,9 +2065,9 @@ export const TraficoCorresponsales: FC = (props) => { = (props) => { { - showModalBox(4); + showModalBox(4) }} style={{ cursor: 'pointer' }} > @@ -2004,8 +2093,8 @@ export const TraficoCorresponsales: FC = (props) => { @@ -2019,8 +2108,8 @@ export const TraficoCorresponsales: FC = (props) => { {item.factura} ) : ( - - ); + + ) }) : ''} @@ -2044,7 +2133,7 @@ export const TraficoCorresponsales: FC = (props) => { 'Seleccione el archivo, arrastrelo hasta aqui y sueltelo para subirlo al servidor...' } onAppendFM={function (idFile: number): void { - DoesThe2ZipFileExists(); + DoesThe2ZipFileExists() }} /> @@ -2067,7 +2156,7 @@ export const TraficoCorresponsales: FC = (props) => { 'Seleccione el archivo, arrastrelo hasta aqui y sueltelo para subirlo al servidor...' } onAppendFM={function (idFile: number): void { - DoesThe2ZipFileExists(); + DoesThe2ZipFileExists() }} /> @@ -2078,7 +2167,7 @@ export const TraficoCorresponsales: FC = (props) => { Depto === 'Corresponsalias' && Proceso <= 1 ? 'visible' : 'hidden' /* , - height: Proceso >= 2 ? '0' : '', */, + height: Proceso >= 2 ? '0' : '', */ }} > = (props) => { Depto === 'Corresponsalias' && Proceso <= 1 ? 'visible' - : 'hidden', + : 'hidden' }} >