|
|
|
@ -43,6 +43,7 @@ import RptAmazonInvoiceTrafficDetail from './RptAmazonLinkInvoice2TrafficDetail' |
|
|
|
|
// Redux
|
|
|
|
|
import { useDispatch, useSelector } from 'react-redux' |
|
|
|
|
import DTO2096LinkInvoice2Reference from '../../../DTO/DTO2096LinkInvoice2Reference' |
|
|
|
|
import { AiFillFileExcel } from 'react-icons/ai' |
|
|
|
|
|
|
|
|
|
export interface IRptAmazonLinkInvoice2TrafficProps {} |
|
|
|
|
|
|
|
|
@ -125,6 +126,49 @@ export function RptAmazonLinkInvoice2Traffic( |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const downloadExcelInvoices = (Referencia: string) => { |
|
|
|
|
DSAmazon.GETExcelInvoicesLinkByReference(Referencia) |
|
|
|
|
.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', 'FACTURAS_MODIFICA.xlsx') |
|
|
|
|
document.body.appendChild(link) |
|
|
|
|
link.click() |
|
|
|
|
loadReport() |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch((e: Error) => { |
|
|
|
|
setHeader('Error') |
|
|
|
|
setMsg('Ocurrio un error') |
|
|
|
|
setShowMsg(true) |
|
|
|
|
return |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const downloadExcelPartidas = (Referencia: string) => { |
|
|
|
|
DSAmazon.GETAmazonExcelByReference(Referencia) |
|
|
|
|
.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', 'PARTIDAS_MODIFICA.xlsx') |
|
|
|
|
document.body.appendChild(link) |
|
|
|
|
link.click() |
|
|
|
|
loadReport() |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch((e: Error) => { |
|
|
|
|
setHeader('Error') |
|
|
|
|
setMsg('Ocurrio un error') |
|
|
|
|
setShowMsg(true) |
|
|
|
|
return |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
loadReport() |
|
|
|
|
}, []) |
|
|
|
@ -223,6 +267,9 @@ export function RptAmazonLinkInvoice2Traffic( |
|
|
|
|
<th style={{ width: '50px' }}>id</th> |
|
|
|
|
<th style={{ width: '50px' }}>[...]</th> |
|
|
|
|
<th style={{ width: '50px' }}>PDF</th> |
|
|
|
|
<th style={{ width: '50px' }}>Facturas</th> |
|
|
|
|
<th style={{ width: '50px' }}>Partidas</th> |
|
|
|
|
<th style={{ width: '100px' }}>Referencia</th> |
|
|
|
|
<th style={{ width: '80px' }}>Commercial Invoice Date</th> |
|
|
|
|
<th style={{ width: '250px' }}>Invoice Number</th> |
|
|
|
|
<th style={{ width: '100px' }}>Incoterms</th> |
|
|
|
@ -292,6 +339,27 @@ export function RptAmazonLinkInvoice2Traffic( |
|
|
|
|
</IconContext.Provider> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td style={{ width: '50px', textAlign: 'center' }}> |
|
|
|
|
<div onClick={() => {downloadExcelInvoices(MasterData.referencia)}}> |
|
|
|
|
<IconContext.Provider |
|
|
|
|
value={{ color: 'green', size: '20px' }} |
|
|
|
|
> |
|
|
|
|
<AiFillFileExcel /> |
|
|
|
|
</IconContext.Provider> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td style={{ width: '50px', textAlign: 'center' }}> |
|
|
|
|
<div onClick={() => {downloadExcelPartidas(MasterData.referencia)}}> |
|
|
|
|
<IconContext.Provider |
|
|
|
|
value={{ color: 'green', size: '20px' }} |
|
|
|
|
> |
|
|
|
|
<AiFillFileExcel /> |
|
|
|
|
</IconContext.Provider> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td style={{ width: '100px', textAlign: 'center' }}> |
|
|
|
|
{MasterData.referencia} |
|
|
|
|
</td> |
|
|
|
|
<td style={{ width: '80px', textAlign: 'center' }}> |
|
|
|
|
{MasterData.commercialInvoiceDate} |
|
|
|
|
</td> |
|
|
|
|