|
|
@ -10,7 +10,12 @@ import { |
|
|
|
Table |
|
|
|
Table |
|
|
|
} from 'react-bootstrap' |
|
|
|
} from 'react-bootstrap' |
|
|
|
import { IconContext } from 'react-icons' |
|
|
|
import { IconContext } from 'react-icons' |
|
|
|
import { BsChevronDown, BsChevronRight, BsSearch } from 'react-icons/bs' |
|
|
|
import { |
|
|
|
|
|
|
|
BsChevronDown, |
|
|
|
|
|
|
|
BsChevronRight, |
|
|
|
|
|
|
|
BsFilePdfFill, |
|
|
|
|
|
|
|
BsSearch |
|
|
|
|
|
|
|
} from 'react-icons/bs' |
|
|
|
import { |
|
|
|
import { |
|
|
|
FaAmazon, |
|
|
|
FaAmazon, |
|
|
|
FaCheckCircle, |
|
|
|
FaCheckCircle, |
|
|
@ -37,6 +42,7 @@ import RptAmazonInvoiceTrafficDetail from './RptAmazonLinkInvoice2TrafficDetail' |
|
|
|
|
|
|
|
|
|
|
|
// Redux
|
|
|
|
// Redux
|
|
|
|
import { useDispatch, useSelector } from 'react-redux' |
|
|
|
import { useDispatch, useSelector } from 'react-redux' |
|
|
|
|
|
|
|
import DTO2096LinkInvoice2Reference from '../../../DTO/DTO2096LinkInvoice2Reference' |
|
|
|
|
|
|
|
|
|
|
|
export interface IRptAmazonLinkInvoice2TrafficProps {} |
|
|
|
export interface IRptAmazonLinkInvoice2TrafficProps {} |
|
|
|
|
|
|
|
|
|
|
@ -98,6 +104,27 @@ export function RptAmazonLinkInvoice2Traffic( |
|
|
|
}) |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const downloadPDF = (id: number) => { |
|
|
|
|
|
|
|
DSAmazon.PDFAmazonInvoiceGET(id) |
|
|
|
|
|
|
|
.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', 'AmazonInvoice.pdf') |
|
|
|
|
|
|
|
document.body.appendChild(link) |
|
|
|
|
|
|
|
link.click() |
|
|
|
|
|
|
|
loadReport() |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
.catch((e: Error) => { |
|
|
|
|
|
|
|
setHeader('Error') |
|
|
|
|
|
|
|
setMsg('Ocurrio un error') |
|
|
|
|
|
|
|
setShowMsg(true) |
|
|
|
|
|
|
|
return |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
useEffect(() => { |
|
|
|
loadReport() |
|
|
|
loadReport() |
|
|
|
}, []) |
|
|
|
}, []) |
|
|
@ -135,6 +162,27 @@ export function RptAmazonLinkInvoice2Traffic( |
|
|
|
setShowModal(true) |
|
|
|
setShowModal(true) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const asociaFacturasReferencia = () => { |
|
|
|
|
|
|
|
// alert(Invoices)
|
|
|
|
|
|
|
|
const data : DTO2096LinkInvoice2Reference = { |
|
|
|
|
|
|
|
referencia: Referencia, |
|
|
|
|
|
|
|
facturas : Invoices
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
DSAmazon.AsignaFacturasReferencia(data) |
|
|
|
|
|
|
|
.then((response: any) => { |
|
|
|
|
|
|
|
setHeader('Confirmacion') |
|
|
|
|
|
|
|
setMsg('Las facturas se asociaron correctamente con la referencia') |
|
|
|
|
|
|
|
setShowMsg(true) |
|
|
|
|
|
|
|
return |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
.catch((e: Error) => { |
|
|
|
|
|
|
|
setHeader('Error') |
|
|
|
|
|
|
|
setMsg('Ocurrio un error') |
|
|
|
|
|
|
|
setShowMsg(true) |
|
|
|
|
|
|
|
return |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const openLink = (item: string) => { |
|
|
|
const openLink = (item: string) => { |
|
|
|
window.open('https://www.amazon.com/dp/' + item) |
|
|
|
window.open('https://www.amazon.com/dp/' + item) |
|
|
|
} |
|
|
|
} |
|
|
@ -174,6 +222,7 @@ export function RptAmazonLinkInvoice2Traffic( |
|
|
|
<th></th> |
|
|
|
<th></th> |
|
|
|
<th style={{ width: '50px' }}>id</th> |
|
|
|
<th style={{ width: '50px' }}>id</th> |
|
|
|
<th style={{ width: '50px' }}>[...]</th> |
|
|
|
<th style={{ width: '50px' }}>[...]</th> |
|
|
|
|
|
|
|
<th style={{ width: '50px' }}>PDF</th> |
|
|
|
<th style={{ width: '80px' }}>Commercial Invoice Date</th> |
|
|
|
<th style={{ width: '80px' }}>Commercial Invoice Date</th> |
|
|
|
<th style={{ width: '250px' }}>Invoice Number</th> |
|
|
|
<th style={{ width: '250px' }}>Invoice Number</th> |
|
|
|
<th style={{ width: '100px' }}>Incoterms</th> |
|
|
|
<th style={{ width: '100px' }}>Incoterms</th> |
|
|
@ -194,7 +243,7 @@ export function RptAmazonLinkInvoice2Traffic( |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<> |
|
|
|
<> |
|
|
|
<tr |
|
|
|
<tr |
|
|
|
style={{ cursor: 'pointer' }} |
|
|
|
style={{ cursor: 'pointer', height: '25px' }} |
|
|
|
className={ |
|
|
|
className={ |
|
|
|
MasterData.max === true |
|
|
|
MasterData.max === true |
|
|
|
? 'masterSelected' |
|
|
|
? 'masterSelected' |
|
|
@ -234,6 +283,15 @@ export function RptAmazonLinkInvoice2Traffic( |
|
|
|
onClick={() => toggleInvoice(MasterData.id)} |
|
|
|
onClick={() => toggleInvoice(MasterData.id)} |
|
|
|
/> |
|
|
|
/> |
|
|
|
</td> |
|
|
|
</td> |
|
|
|
|
|
|
|
<td style={{ width: '50px', textAlign: 'center' }}> |
|
|
|
|
|
|
|
<div onClick={() => {downloadPDF(MasterData.id)}}> |
|
|
|
|
|
|
|
<IconContext.Provider |
|
|
|
|
|
|
|
value={{ color: 'red', size: '20px' }} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<BsFilePdfFill /> |
|
|
|
|
|
|
|
</IconContext.Provider> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</td> |
|
|
|
<td style={{ width: '80px', textAlign: 'center' }}> |
|
|
|
<td style={{ width: '80px', textAlign: 'center' }}> |
|
|
|
{MasterData.commercialInvoiceDate} |
|
|
|
{MasterData.commercialInvoiceDate} |
|
|
|
</td> |
|
|
|
</td> |
|
|
@ -556,7 +614,7 @@ export function RptAmazonLinkInvoice2Traffic( |
|
|
|
</Button> |
|
|
|
</Button> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col xs={6} style={{ textAlign: 'center' }}> |
|
|
|
<Col xs={6} style={{ textAlign: 'center' }}> |
|
|
|
<Button variant="danger" onClick={() => {}}> |
|
|
|
<Button variant="danger" onClick={() => {asociaFacturasReferencia()}}> |
|
|
|
Asociar referencia |
|
|
|
Asociar referencia |
|
|
|
</Button> |
|
|
|
</Button> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|