diff --git a/GEMCO_20230719.bak b/GEMCO_20230719.bak new file mode 100644 index 0000000..489d24e Binary files /dev/null and b/GEMCO_20230719.bak differ diff --git a/src/Components/Reportes/RptMonitoreoFacturasPagadasAmazon.tsx b/src/Components/Reportes/RptMonitoreoFacturasPagadasAmazon.tsx new file mode 100644 index 0000000..15502f3 --- /dev/null +++ b/src/Components/Reportes/RptMonitoreoFacturasPagadasAmazon.tsx @@ -0,0 +1,249 @@ +import React, { useEffect, useState } from 'react' +//boostrap componentes +import { Button, Card, Form } from 'react-bootstrap' +import { BsSearch, BsFileEarmarkExcel } from 'react-icons/bs' +//interfaces +import IClientes from "../../Interfaces/Catalogos/IClientes"; +import IArchivoElectronico from "../../Interfaces/IArchivoElectronico"; +import { IRptMonitoreoFacturaPagadasAmazon} from "../../Interfaces/Reportes/IRptMonitoreoFacturasPagadasAmazon"; +//dtos + +//Services +import reportsDataService from '../../Services/Reportes/reportes.services' +import ClientesDataService from '../../Services/Catalogos/Clientes.Services' + +import { useDispatch } from 'react-redux' + +// Gui Components +import { MsgInformativo } from '../Utils/Toast/msgInformativo' +import { AgGridReact } from 'ag-grid-react' +import { TargetURL } from '../../Constants/TargetURL' +//Other +import moment from 'moment' +import * as XLSX from 'xlsx' +import DTORPTMonitorFacturasPagAmazon from '../../DTO/Utils/DTORPTMonitorFacturasPagAmazon'; + +const URL = new TargetURL() + +export default function RptMonitoreoFacturasPagadasAmazon(){ + const [curURL, setCurURL] = useState(URL.get()) + const [UserId, setUserId] = useState(() => { + const stickyValue = window.localStorage.getItem('UserId') + return stickyValue !== null ? JSON.parse(stickyValue) : 0 + }) + const [Data, setData] = useState>([]) + const [filteredData, setFilteredData] = useState>([]) + const [Inicio, setInicio] = useState(currentDate()) + const [Fin, setFin] = useState(currentDate()) + + const [Clientes, setClientes] = useState>() + const [msgColor, setMsgColor] = React.useState('primary') + const [show, setShowMsg] = useState(false) + const [header, setHeader] = useState('') + const [msg, setMsg] = useState('') + const [filtro, setFiltro] = useState('') + const gridRef = React.useRef(null) + const [columnaVerPDF, setcolumnaVerPDF] = useState(false) + const dispatch = useDispatch() + const [columnDefs] = useState([ + {field: 'referencia' , sortable: true , filter: true }, + { field: 'factura', sortable: true, filter: true }, + { field: 'clasificador', sortable: true, filter: true }, + { field: 'fechaFactura', sortable: true, filter: true }, + { field: 'fCreacion', sortable: true, filter: true }, + { field: 'fechaPago', sortable:true, filter: true }, + { field: 'cantidadDiasFactura', sortable:true, filter: true }, + { field: 'cantidadDiasPago', sortable:true, filter: true }, + { field : 'cantidadASIN' , sortable: true, filter: true }, + { field: 'cantidadFraccionesDiferentes' , sortable: true, filter: true}, + { field: 'cantidadSightline', sortable: true, filter: true } + ]) + + 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 + } + + const closeToast = (show: boolean): void => { + setShowMsg(false) + } + + const generaReporte = () => { + + const data: DTORPTMonitorFacturasPagAmazon = { + Inicio: moment(Inicio).format('YYYY-MM-DD'), + Fin: moment(Fin).format('YYYY-MM-DD') + + + } + reportsDataService + .getRptMonitoreoFacturasPagadasAmazon(data) + .then((response) => { + setData(response.data) + setFilteredData(response.data) + setHeader('Informativo') + setMsg('Se encontro la siguiente informacion...') + setShowMsg(true) + }) + .catch((e: Error) => { + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) + } + + useEffect(() => { + ClientesDataService.getAllClientes(parseInt(UserId)) + .then((response) => { + setClientes(response.data) + }) + .catch((e: Error) => { + setHeader('Error') + setMsg('Ocurrio un error: ' + e) + setShowMsg(true) + return + }) + }, []) + + const downloadExcel = () => { + console.log(Data) + exportExcel(Data, 'MonitorFacturasPagadasAmazon') + } + + function exportExcel(jsonData: IRptMonitoreoFacturaPagadasAmazon[], fileName: string): void { + let Heading = [ + [ + 'Referencia', + 'Factura', + 'FechaFactura', + 'Clasificador', + 'FCreacion', + 'FechaPago', + 'CantidadDiasFactura', + 'CantidadDiasPago', + 'CantidadASIN', + 'CantidadFracionesIguales', + 'CantidadFracionesDiferentes', + 'CantidadSightline' + + + ], + ] + + const wb = XLSX.utils.book_new() + const ws: XLSX.WorkSheet = XLSX.utils.json_to_sheet([]) + XLSX.utils.sheet_add_aoa(ws, Heading) + XLSX.utils.sheet_add_json(ws, jsonData, { origin: 'A2', skipHeader: true }) + XLSX.utils.book_append_sheet(wb, ws, 'Sheet1') + XLSX.writeFile(wb, fileName + '.xlsx') + var range = XLSX.utils.decode_range(ws['!ref?']) + for (var C = range.s.c; C <= range.e.c; ++C) { + var address = XLSX.utils.encode_col(C) + '1' // <-- first row, column number C + if (!ws[address]) continue + ws[address].v = ws[address].v.toUpperCase() + } + } + const filtraReporte = (e: any) => { + setFiltro(e.target.value) + gridRef.current.api.setQuickFilter(e.target.value) + } + + const formatNumber = (number: string) => { + number = parseFloat(number).toFixed(2) + let value = Number(number).toLocaleString('en') + if (!value.indexOf('NaN')) return '0.00' + return value + } + return ( +
+ + +
+
+
+ + setInicio(e.target.value)} + size='sm' + /> +
+
+
+
+ + setFin(e.target.value)} + size='sm' + /> +
+
+
+ +
+
+ { + filtraReporte(e); + }} + /> +
+
+ +
+
+ + +
+
+ +
+ +
+ ); + + + } \ No newline at end of file diff --git a/src/DTO/Utils/DTORPTMonitorFacturasPagAmazon.ts b/src/DTO/Utils/DTORPTMonitorFacturasPagAmazon.ts new file mode 100644 index 0000000..2e62daf --- /dev/null +++ b/src/DTO/Utils/DTORPTMonitorFacturasPagAmazon.ts @@ -0,0 +1,6 @@ +export default interface DTORPTMonitorFacturasPagAmazon { + Inicio: string; + Fin: string; + + } + \ No newline at end of file diff --git a/src/Interfaces/Reportes/IRptMonitoreoFacturasPagadasAmazon.ts b/src/Interfaces/Reportes/IRptMonitoreoFacturasPagadasAmazon.ts new file mode 100644 index 0000000..ec7ad83 --- /dev/null +++ b/src/Interfaces/Reportes/IRptMonitoreoFacturasPagadasAmazon.ts @@ -0,0 +1,16 @@ +export interface IRptMonitoreoFacturaPagadasAmazon{ +Referencia : string | null; +Factura : string| null; +FechaFactura : string | null; +Clasificador : string | null; +FCreacion : string | null; +FechaPago : string | null; +CantidadDiasFacturas : number | null; +CantidadDiasPago : number | null; +CantidadASIN : number | null; +CantidadFraccionesIguales : number | null; +CantidadFraccionesDiferentes : number | null; +CantidadSightline : number | null; + + +} \ No newline at end of file diff --git a/src/Services/Reportes/reportes.services.ts b/src/Services/Reportes/reportes.services.ts index e02943c..3721e6a 100644 --- a/src/Services/Reportes/reportes.services.ts +++ b/src/Services/Reportes/reportes.services.ts @@ -15,7 +15,8 @@ import IRptOperaciones from '../../Interfaces/Reportes/IRptOperaciones' import IRptOperacionesConsolidadas from '../../Interfaces/Reportes/IRptOperacionesConsolidadas' import IRptOperacionesDiarias from '../../Interfaces/Reportes/IRptOperacionesDiarias' import { IRptPedimentosPagadosFacturasCruzadas } from '../../Interfaces/Reportes/IRptPedimentosPagadosFacturasCruzadas' - +import { IRptMonitoreoFacturaPagadasAmazon } from '../../Interfaces/Reportes/IRptMonitoreoFacturasPagadasAmazon' +import DTORPTMonitorFacturasPagAmazon from '../../DTO/Utils/DTORPTMonitorFacturasPagAmazon' class reportsDataService { getRptPedimentosPagados(data: DTOReporte) { return http.post>( @@ -106,5 +107,13 @@ class reportsDataService { data ) } + + getRptMonitoreoFacturasPagadasAmazon(data: DTORPTMonitorFacturasPagAmazon) { + return http.post>( + '/reportes/RptMonitoreoFacturasPagadasAmazon', + data + ) + } + } export default new reportsDataService() diff --git a/src/index.tsx b/src/index.tsx index cf97fcb..ba5def1 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -61,6 +61,7 @@ import RptPedimentosCruces05 from './Components/Reportes/Direccion/RptPedimentos import RptPedimentosCruces06 from './Components/Reportes/Direccion/RptPedimentosCruces06' import RptSegregacion from './Components/Clientes/Amazon/Reportes/Segregacion/RptSegregacion' import RptConsultaTrafico from './Components/Clientes/Amazon/Reportes/ConsultaTrafico/RptConsultaTrafico' +import RptMonitoreoFacturasPagadasAmazon from './Components/Reportes/RptMonitoreoFacturasPagadasAmazon' require(`./css/${process.env.REACT_APP_ENVIRONMENT}-home.css`) @@ -206,6 +207,10 @@ ReactDOM.render( path="/RptPedimentosPagadosFacturasCruzadas" element={} /> + } + /> }