diff --git a/src/Components/Clientes/Amazon/Reportes/ConsultaTrafico/RptConsultaTrafico.tsx b/src/Components/Clientes/Amazon/Reportes/ConsultaTrafico/RptConsultaTrafico.tsx index e3aa335..599f203 100644 --- a/src/Components/Clientes/Amazon/Reportes/ConsultaTrafico/RptConsultaTrafico.tsx +++ b/src/Components/Clientes/Amazon/Reportes/ConsultaTrafico/RptConsultaTrafico.tsx @@ -1,6 +1,7 @@ import { useEffect, useState } from 'react' import { Alert, + Badge, Button, Card, Col, @@ -32,10 +33,14 @@ import { SiMicrosoftexcel } from 'react-icons/si' import I2096CatGrupoRegulatorio from '../../Interfaces/I2096CatGrupoRegulatorio' import { populateCatConcetosConsultas } from '../../../../../store/features/Clientes/2096/AmazonCatConceptosConsulta' +import { get } from 'cypress/types/jquery' export interface IRptConsultaTraficoProps {} export default function RptConsultaTrafico(props: IRptConsultaTraficoProps) { + const mConceptosConsulta = useSelector( + (state: RootState) => state.AmazonCatConceptosConsulta.CatConcetosConsulta + ) const dispatch = useDispatch() const mInvoices = useSelector( (state: RootState) => state.AmazonTraficoConsulta.Consulta @@ -45,6 +50,7 @@ export default function RptConsultaTrafico(props: IRptConsultaTraficoProps) { const [show, setShowMsg] = useState(false) const [ShowModal, setShowModal] = useState(false) const [ShowModalUnlink, setShowModalUnlink] = useState(false) + const [ShowModalArchivos, setShowModalArchivos] = useState(false) const [WaitingDialog, setWaitingDialog] = useState(false) const [WaitingMessage, setWaitingMessage] = useState('') const [msg, setMsg] = useState('') @@ -53,6 +59,11 @@ export default function RptConsultaTrafico(props: IRptConsultaTraficoProps) { const [CatGrupoRegulario, setCatGrupoRegulatorio] = useState< I2096CatGrupoRegulatorio[] >([]) + const [InvoiceConceptosConsulta, setInvoiceConceptosConsulta] = useState< + number[] + >([]) + const [IDInvoice, setIDInvoice] = useState(0) + const [InvoiceNumber, setInvoiceNumber] = useState('') const msgColor = 'primary' const loadReport = () => { @@ -87,14 +98,25 @@ export default function RptConsultaTrafico(props: IRptConsultaTraficoProps) { }) } - const downloadExcel = (id: number, Invoice: string) => { - DSAmazon.TraficoConsultasAmazonGenerateExcel(id) + const downloadExcel = ( + idinvoice: number, + Invoice: string, + idconceptoconsulta: number + ) => { + DSAmazon.TraficoConsultasAmazonGenerateExcel(idinvoice, idconceptoconsulta) .then((response: any) => { if (response.status === 200) { const url = window.URL.createObjectURL(new Blob([response.data])) const link = document.createElement('a') link.href = url - link.setAttribute('download', 'Broker File ' + Invoice + '.xls') + link.setAttribute( + 'download', + 'Broker File ' + + Invoice + + '_' + + getConcept(idconceptoconsulta) + + '.xls' + ) document.body.appendChild(link) link.click() } @@ -162,6 +184,21 @@ export default function RptConsultaTrafico(props: IRptConsultaTraficoProps) { return Cadena.slice(Cadena.indexOf(char1) + 1, Cadena.lastIndexOf(char2)) } + const FilterExistingConceptosInInvoice = (id: number) => { + DSAmazon.FiltraInvoiceConceptosConsultaGet(id) + .then((response) => { + setInvoiceConceptosConsulta(response.data) + }) + .catch((e: Error) => { + alert('Ocurrio un error' + e.message.toString()) + }) + } + + const getConcept = (id: number) => { + let concepto = mConceptosConsulta.find((concepto) => concepto.id === id) + return concepto?.siglas + } + return (