diff --git a/src/Components/Clientes/Amazon/DTO/DTO2096RptFacturasPagadas.ts b/src/Components/Clientes/Amazon/DTO/DTO2096RptFacturasPagadas.ts index 5262d56..3b21f56 100644 --- a/src/Components/Clientes/Amazon/DTO/DTO2096RptFacturasPagadas.ts +++ b/src/Components/Clientes/Amazon/DTO/DTO2096RptFacturasPagadas.ts @@ -1,4 +1,5 @@ export default interface DTO2096RptFacturasPagadas { + factura: string, pedimento: string, fechaPago: string, @@ -7,5 +8,6 @@ export default interface DTO2096RptFacturasPagadas { valorDolares: string, valorAduana: string, razonSocial: string, - aduana: string + aduana: string, + piezas: string } \ No newline at end of file diff --git a/src/Components/Clientes/Amazon/Reportes/FacturasPagadas/RptAmazonFacturasPagadas.tsx b/src/Components/Clientes/Amazon/Reportes/FacturasPagadas/RptAmazonFacturasPagadas.tsx index 590f919..a18e387 100644 --- a/src/Components/Clientes/Amazon/Reportes/FacturasPagadas/RptAmazonFacturasPagadas.tsx +++ b/src/Components/Clientes/Amazon/Reportes/FacturasPagadas/RptAmazonFacturasPagadas.tsx @@ -23,6 +23,7 @@ import { import { MsgInformativo } from '../../../../Utils/Toast/msgInformativo' import { AiFillFileExcel } from 'react-icons/ai' import { IconContext } from 'react-icons' +import { BsSearch, BsFileEarmarkExcel } from 'react-icons/bs' import { BsChevronDown, BsChevronRight, BsFilePdfFill } from 'react-icons/bs' import { FaAmazon } from 'react-icons/fa' import loadingImg from '../../../../../images/ajaxloader.gif' @@ -60,58 +61,75 @@ export default function RptAmazonFacturasPagadas( const msgColor = 'primary' const columnsConcepts = [ { - name: 'Factura', - width: '350px', + name:
Factura
, + + width: '300px', selector: (row: DTO2096RptFacturasPagadas) => row.factura, sortable: true }, { - name: 'Pedimento', + name:
Pedimento
, + width: '120px', selector: (row: DTO2096RptFacturasPagadas) => row.pedimento, sortable: true }, { - name: 'Fecha pago', + name:
Fecha Pago
, + width: '120px', - selector: (row: DTO2096RptFacturasPagadas) => row.fechaPago.substring(0,10), + selector: (row: DTO2096RptFacturasPagadas) => + row.fechaPago.substring(0, 10), sortable: true }, { - name: 'Clave', + name:
Clave
, + width: '80px', selector: (row: DTO2096RptFacturasPagadas) => row.clave, sortable: true }, { - name: 'Tipo Op', + name:
Tipo Operacion
, + width: '120px', selector: (row: DTO2096RptFacturasPagadas) => row.tipoOp, sortable: true }, { - name: 'Valor Dolares', + name:
Valor Dolares
, + width: '130px', selector: (row: DTO2096RptFacturasPagadas) => row.valorDolares, sortable: true }, { - name: 'Valor Aduana', + name:
Valor Aduana
, + width: '130px', selector: (row: DTO2096RptFacturasPagadas) => row.valorAduana, sortable: true }, { - name: 'Razon Social', + name:
Razon Social
, + width: '350px', selector: (row: DTO2096RptFacturasPagadas) => row.razonSocial, sortable: true }, { - name: 'Aduana', - width: '550px', + name:
Aduana
, + + width: '100px', selector: (row: DTO2096RptFacturasPagadas) => row.aduana, sortable: false + }, + { + name:
Piezas
, + + width: '100px', + selector: (row: DTO2096RptFacturasPagadas) => row.piezas, + sortable: false } ] @@ -137,7 +155,10 @@ export default function RptAmazonFacturasPagadas( exportExcel(Data, 'Reporte de facturas pagadas de Amazon') } - function exportExcel(jsonData: DTO2096RptFacturasPagadas[], fileName: string): void { + function exportExcel( + jsonData: DTO2096RptFacturasPagadas[], + fileName: string + ): void { let Heading = [ [ 'Factura', @@ -148,7 +169,8 @@ export default function RptAmazonFacturasPagadas( 'Valor Dolares', 'Valor Aduana', 'Razon Social', - 'Aduana' + 'Aduana', + 'Piezas' ] ] const dataOnly = jsonData.map( @@ -161,7 +183,8 @@ export default function RptAmazonFacturasPagadas( valorDolares, valorAduana, razonSocial, - aduana + aduana, + piezas }) => { return { factura, @@ -172,7 +195,8 @@ export default function RptAmazonFacturasPagadas( valorDolares, valorAduana, razonSocial, - aduana + aduana, + piezas } } ) @@ -186,7 +210,8 @@ export default function RptAmazonFacturasPagadas( valorDolares, valorAduana, razonSocial, - aduana + aduana, + piezas }) => { return { factura, @@ -197,7 +222,8 @@ export default function RptAmazonFacturasPagadas( valorDolares, valorAduana, razonSocial, - aduana + aduana, + piezas } } ) @@ -215,7 +241,6 @@ export default function RptAmazonFacturasPagadas( } } - useEffect(() => { loadReport() }, []) @@ -233,7 +258,20 @@ export default function RptAmazonFacturasPagadas( Facturas Pagadas - + + + + + + Desde - + {/*
*/} + + + {/*
*/} diff --git a/src/Components/Reportes/RptContsFacturasFraccion.tsx b/src/Components/Reportes/RptContsFacturasFraccion.tsx index 8d0964d..90092c2 100644 --- a/src/Components/Reportes/RptContsFacturasFraccion.tsx +++ b/src/Components/Reportes/RptContsFacturasFraccion.tsx @@ -1,6 +1,7 @@ import React, { useEffect, useState } from 'react' //boostrap componentes import { Button, Card, Form } from 'react-bootstrap' +import { BsSearch, BsFileEarmarkExcel } from 'react-icons/bs' //interfaces @@ -238,7 +239,7 @@ export default function RptPFacturasFraccion() { generaReporte() }} > - Buscar + Buscar @@ -263,7 +264,7 @@ export default function RptPFacturasFraccion() { downloadExcel() }} > - Excel + Excel