dmolinari/GestionIntegralWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Comenzando la implementación final de permisos y depuración. Se sigue...

Browse Source
This commit is contained in:
eldiadmolinari
2025-06-03 18:42:56 -03:00
parent 062cc05fd0
commit 8fb94f8cef
46 changed files with 711 additions and 493 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Frontend/src/models/dtos/Distribucion/PublicacionDropdownDto.ts Normal file
View File

@@ -0,0 +1,4 @@
export interface PublicacionDropdownDto {
idPublicacion: number;
nombre: string;
}

4
Frontend/src/models/dtos/Impresion/PlantaDropdownDto.ts Normal file
View File

@@ -0,0 +1,4 @@
export interface PlantaDropdownDto {
idPlanta: number;
nombre: string;
}

4
Frontend/src/pages/Contables/GestionarNotasCDPage.tsx
View File

@@ -51,7 +51,7 @@ const GestionarNotasCDPage: React.FC = () => {
const [editingNota, setEditingNota] = useState<NotaCreditoDebitoDto | null>(null);
const [page, setPage] = useState(0);
const [rowsPerPage, setRowsPerPage] = useState(10);
const [rowsPerPage, setRowsPerPage] = useState(25);
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
const [selectedRow, setSelectedRow] = useState<NotaCreditoDebitoDto | null>(null);
@@ -236,7 +236,7 @@ const GestionarNotasCDPage: React.FC = () => {
</TableBody>
</Table>
<TablePagination
rowsPerPageOptions={[10, 25, 50]} component="div" count={notas.length}
rowsPerPageOptions={[25, 50, 100]} component="div" count={notas.length}
rowsPerPage={rowsPerPage} page={page} onPageChange={handleChangePage}
onRowsPerPageChange={handleChangeRowsPerPage} labelRowsPerPage="Filas por página:"
/>

4
Frontend/src/pages/Contables/GestionarPagosDistribuidorPage.tsx
View File

@@ -45,7 +45,7 @@ const GestionarPagosDistribuidorPage: React.FC = () => {
const [editingPago, setEditingPago] = useState<PagoDistribuidorDto | null>(null);
const [page, setPage] = useState(0);
const [rowsPerPage, setRowsPerPage] = useState(10);
const [rowsPerPage, setRowsPerPage] = useState(25);
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
const [selectedRow, setSelectedRow] = useState<PagoDistribuidorDto | null>(null);
@@ -205,7 +205,7 @@ const GestionarPagosDistribuidorPage: React.FC = () => {
</TableBody>
</Table>
<TablePagination
rowsPerPageOptions={[10, 25, 50]} component="div" count={pagos.length}
rowsPerPageOptions={[25, 50, 100]} component="div" count={pagos.length}
rowsPerPage={rowsPerPage} page={page} onPageChange={handleChangePage}
onRowsPerPageChange={handleChangeRowsPerPage} labelRowsPerPage="Filas por página:"
/>

4
Frontend/src/pages/Contables/GestionarTiposPagoPage.tsx
View File

@@ -126,7 +126,7 @@ const GestionarTiposPagoPage: React.FC = () => {
};
const handleChangeRowsPerPage = (event: React.ChangeEvent<HTMLInputElement>) => {
setRowsPerPage(parseInt(event.target.value, 10));
setRowsPerPage(parseInt(event.target.value, 25));
setPage(0);
};
@@ -200,7 +200,7 @@ const GestionarTiposPagoPage: React.FC = () => {
</TableBody>
</Table>
<TablePagination
rowsPerPageOptions={[5, 10, 25]}
rowsPerPageOptions={[25, 50, 100]}
component="div"
count={tiposPago.length}
rowsPerPage={rowsPerPage}

4
Frontend/src/pages/Distribucion/GestionarCanillitasPage.tsx
View File

@@ -51,7 +51,7 @@ const GestionarCanillitasPage: React.FC = () => {
}
setLoading(true); setError(null); setApiErrorMessage(null);
try {
const legajoNum = filtroLegajo ? parseInt(filtroLegajo, 10) : undefined;
const legajoNum = filtroLegajo ? parseInt(filtroLegajo, 25) : undefined;
if (filtroLegajo && isNaN(legajoNum!)) {
setApiErrorMessage("Legajo debe ser un número.");
setCanillitas([]); // Limpiar resultados si el filtro es inválido
@@ -194,7 +194,7 @@ const GestionarCanillitasPage: React.FC = () => {
</TableBody>
</Table>
<TablePagination
rowsPerPageOptions={[5, 10, 25]} component="div" count={canillitas.length}
rowsPerPageOptions={[25, 50, 100]} component="div" count={canillitas.length}
rowsPerPage={rowsPerPage} page={page} onPageChange={handleChangePage}
onRowsPerPageChange={handleChangeRowsPerPage} labelRowsPerPage="Filas por página:"
/>

4
Frontend/src/pages/Distribucion/GestionarControlDevolucionesPage.tsx
View File

@@ -39,7 +39,7 @@ const GestionarControlDevolucionesPage: React.FC = () => {
const [editingControl, setEditingControl] = useState<ControlDevolucionesDto | null>(null);
const [page, setPage] = useState(0);
const [rowsPerPage, setRowsPerPage] = useState(10);
const [rowsPerPage, setRowsPerPage] = useState(25);
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
const [selectedRow, setSelectedRow] = useState<ControlDevolucionesDto | null>(null);
@@ -206,7 +206,7 @@ const GestionarControlDevolucionesPage: React.FC = () => {
</TableBody>
</Table>
<TablePagination
rowsPerPageOptions={[10, 25, 50]} component="div" count={controles.length}
rowsPerPageOptions={[25, 50, 100]} component="div" count={controles.length}
rowsPerPage={rowsPerPage} page={page} onPageChange={handleChangePage}
onRowsPerPageChange={handleChangeRowsPerPage} labelRowsPerPage="Filas por página:"
/>

4
Frontend/src/pages/Distribucion/GestionarDistribuidoresPage.tsx
View File

@@ -30,7 +30,7 @@ const GestionarDistribuidoresPage: React.FC = () => {
const [apiErrorMessage, setApiErrorMessage] = useState<string | null>(null);
const [page, setPage] = useState(0);
const [rowsPerPage, setRowsPerPage] = useState(5);
const [rowsPerPage, setRowsPerPage] = useState(25);
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
const [selectedDistribuidorRow, setSelectedDistribuidorRow] = useState<DistribuidorDto | null>(null);
@@ -171,7 +171,7 @@ const GestionarDistribuidoresPage: React.FC = () => {
</TableBody>
</Table>
<TablePagination
rowsPerPageOptions={[5, 10, 25]} component="div" count={distribuidores.length}
rowsPerPageOptions={[25, 50, 100]} component="div" count={distribuidores.length}
rowsPerPage={rowsPerPage} page={page} onPageChange={handleChangePage}
onRowsPerPageChange={handleChangeRowsPerPage} labelRowsPerPage="Filas por página:"
/>

4
Frontend/src/pages/Distribucion/GestionarEmpresasPage.tsx
View File

@@ -30,7 +30,7 @@ const GestionarEmpresasPage: React.FC = () => {
const [apiErrorMessage, setApiErrorMessage] = useState<string | null>(null); // Para errores del modal (Create/Update/Delete)
const [page, setPage] = useState(0);
const [rowsPerPage, setRowsPerPage] = useState(5);
const [rowsPerPage, setRowsPerPage] = useState(25);
// Para el menú contextual de acciones por fila
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
@@ -227,7 +227,7 @@ const GestionarEmpresasPage: React.FC = () => {
</Table>
{/* Paginación */}
<TablePagination
rowsPerPageOptions={[5, 10, 25]}
rowsPerPageOptions={[25, 50, 100]}
component="div"
count={empresas.length}
rowsPerPage={rowsPerPage}

4
Frontend/src/pages/Distribucion/GestionarEntradasSalidasCanillaPage.tsx
View File

@@ -49,7 +49,7 @@ const GestionarEntradasSalidasCanillaPage: React.FC = () => {
const [editingMovimiento, setEditingMovimiento] = useState<EntradaSalidaCanillaDto | null>(null);
const [page, setPage] = useState(0);
const [rowsPerPage, setRowsPerPage] = useState(10);
const [rowsPerPage, setRowsPerPage] = useState(25);
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
const [selectedRow, setSelectedRow] = useState<EntradaSalidaCanillaDto | null>(null);
const [selectedIdsParaLiquidar, setSelectedIdsParaLiquidar] = useState<Set<number>>(new Set());
@@ -452,7 +452,7 @@ const GestionarEntradasSalidasCanillaPage: React.FC = () => {
</TableBody>
</Table>
<TablePagination
rowsPerPageOptions={[10, 25, 50, 100]} component="div" count={movimientos.length}
rowsPerPageOptions={[25, 50, 100]} component="div" count={movimientos.length}
rowsPerPage={rowsPerPage} page={page} onPageChange={handleChangePage}
onRowsPerPageChange={handleChangeRowsPerPage} labelRowsPerPage="Filas por página:"
/>

4
Frontend/src/pages/Distribucion/GestionarEntradasSalidasDistPage.tsx
View File

@@ -44,7 +44,7 @@ const GestionarEntradasSalidasDistPage: React.FC = () => {
const [editingMovimiento, setEditingMovimiento] = useState<EntradaSalidaDistDto | null>(null);
const [page, setPage] = useState(0);
const [rowsPerPage, setRowsPerPage] = useState(10);
const [rowsPerPage, setRowsPerPage] = useState(25);
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
const [selectedRow, setSelectedRow] = useState<EntradaSalidaDistDto | null>(null);
@@ -220,7 +220,7 @@ const GestionarEntradasSalidasDistPage: React.FC = () => {
</TableBody>
</Table>
<TablePagination
rowsPerPageOptions={[10, 25, 50]} component="div" count={movimientos.length}
rowsPerPageOptions={[25, 50, 100]} component="div" count={movimientos.length}
rowsPerPage={rowsPerPage} page={page} onPageChange={handleChangePage}
onRowsPerPageChange={handleChangeRowsPerPage} labelRowsPerPage="Filas por página:"
/>

4
Frontend/src/pages/Distribucion/GestionarOtrosDestinosPage.tsx
View File

@@ -29,7 +29,7 @@ const GestionarOtrosDestinosPage: React.FC = () => {
const [apiErrorMessage, setApiErrorMessage] = useState<string | null>(null);
const [page, setPage] = useState(0);
const [rowsPerPage, setRowsPerPage] = useState(5);
const [rowsPerPage, setRowsPerPage] = useState(25);
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
const [selectedDestinoRow, setSelectedDestinoRow] = useState<OtroDestinoDto | null>(null);
@@ -193,7 +193,7 @@ const GestionarOtrosDestinosPage: React.FC = () => {
</TableBody>
</Table>
<TablePagination
rowsPerPageOptions={[5, 10, 25]}
rowsPerPageOptions={[25, 50, 100]}
component="div"
count={otrosDestinos.length}
rowsPerPage={rowsPerPage}

4
Frontend/src/pages/Distribucion/GestionarPublicacionesPage.tsx
View File

@@ -47,7 +47,7 @@ const GestionarPublicacionesPage: React.FC = () => {
const [apiErrorMessage, setApiErrorMessage] = useState<string | null>(null);
const [page, setPage] = useState(0);
const [rowsPerPage, setRowsPerPage] = useState(5);
const [rowsPerPage, setRowsPerPage] = useState(25);
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
const [selectedPublicacionRow, setSelectedPublicacionRow] = useState<PublicacionDto | null>(null);
@@ -284,7 +284,7 @@ const GestionarPublicacionesPage: React.FC = () => {
</TableBody>
</Table>
<TablePagination
rowsPerPageOptions={[5, 10, 25]} component="div" count={publicaciones.length}
rowsPerPageOptions={[25, 50, 100]} component="div" count={publicaciones.length}
rowsPerPage={rowsPerPage} page={page} onPageChange={handleChangePage}
onRowsPerPageChange={handleChangeRowsPerPage} labelRowsPerPage="Filas por página:"
/>

4
Frontend/src/pages/Distribucion/GestionarSalidasOtrosDestinosPage.tsx
View File

@@ -42,7 +42,7 @@ const GestionarSalidasOtrosDestinosPage: React.FC = () => {
const [editingSalida, setEditingSalida] = useState<SalidaOtroDestinoDto | null>(null);
const [page, setPage] = useState(0);
const [rowsPerPage, setRowsPerPage] = useState(10);
const [rowsPerPage, setRowsPerPage] = useState(25);
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
const [selectedRow, setSelectedRow] = useState<SalidaOtroDestinoDto | null>(null);
@@ -224,7 +224,7 @@ const GestionarSalidasOtrosDestinosPage: React.FC = () => {
</TableBody>
</Table>
<TablePagination
rowsPerPageOptions={[5, 10, 25]} component="div" count={salidas.length}
rowsPerPageOptions={[25, 50, 100]} component="div" count={salidas.length}
rowsPerPage={rowsPerPage} page={page} onPageChange={handleChangePage}
onRowsPerPageChange={handleChangeRowsPerPage} labelRowsPerPage="Filas por página:"
/>

4
Frontend/src/pages/Distribucion/GestionarZonasPage.tsx
View File

@@ -30,7 +30,7 @@ const GestionarZonasPage: React.FC = () => {
const [apiErrorMessage, setApiErrorMessage] = useState<string | null>(null);
const [page, setPage] = useState(0);
const [rowsPerPage, setRowsPerPage] = useState(5);
const [rowsPerPage, setRowsPerPage] = useState(25);
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
const [selectedZonaRow, setSelectedZonaRow] = useState<ZonaDto | null>(null);
@@ -201,7 +201,7 @@ const GestionarZonasPage: React.FC = () => {
</TableBody>
</Table>
<TablePagination
rowsPerPageOptions={[5, 10, 25]}
rowsPerPageOptions={[25, 50, 100]}
component="div"
count={zonas.length}
rowsPerPage={rowsPerPage}

4
Frontend/src/pages/Impresion/GestionarEstadosBobinaPage.tsx
View File

@@ -29,7 +29,7 @@ const GestionarEstadosBobinaPage: React.FC = () => {
const [apiErrorMessage, setApiErrorMessage] = useState<string | null>(null);
const [page, setPage] = useState(0);
const [rowsPerPage, setRowsPerPage] = useState(5);
const [rowsPerPage, setRowsPerPage] = useState(25);
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
const [selectedEstadoRow, setSelectedEstadoRow] = useState<EstadoBobinaDto | null>(null);
@@ -209,7 +209,7 @@ const GestionarEstadosBobinaPage: React.FC = () => {
</TableBody>
</Table>
<TablePagination
rowsPerPageOptions={[5, 10, 25]}
rowsPerPageOptions={[25, 50, 100]}
component="div"
count={estadosBobina.length}
rowsPerPage={rowsPerPage}

4
Frontend/src/pages/Impresion/GestionarPlantasPage.tsx
View File

@@ -30,7 +30,7 @@ const GestionarPlantasPage: React.FC = () => {
const [apiErrorMessage, setApiErrorMessage] = useState<string | null>(null);
const [page, setPage] = useState(0);
const [rowsPerPage, setRowsPerPage] = useState(5);
const [rowsPerPage, setRowsPerPage] = useState(25);
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
const [selectedPlantaRow, setSelectedPlantaRow] = useState<PlantaDto | null>(null);
@@ -220,7 +220,7 @@ const GestionarPlantasPage: React.FC = () => {
</TableBody>
</Table>
<TablePagination
rowsPerPageOptions={[5, 10, 25]}
rowsPerPageOptions={[25, 50, 100]}
component="div"
count={plantas.length}
rowsPerPage={rowsPerPage}

4
Frontend/src/pages/Impresion/GestionarStockBobinasPage.tsx
View File

@@ -59,7 +59,7 @@ const GestionarStockBobinasPage: React.FC = () => {
const [selectedBobina, setSelectedBobina] = useState<StockBobinaDto | null>(null);
const [page, setPage] = useState(0);
const [rowsPerPage, setRowsPerPage] = useState(10);
const [rowsPerPage, setRowsPerPage] = useState(25);
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
const { tienePermiso, isSuperAdmin } = usePermissions();
@@ -258,7 +258,7 @@ const GestionarStockBobinasPage: React.FC = () => {
</TableBody>
</Table>
<TablePagination
rowsPerPageOptions={[5, 10, 25, 50]} component="div" count={stock.length}
rowsPerPageOptions={[25, 50, 100]} component="div" count={stock.length}
rowsPerPage={rowsPerPage} page={page} onPageChange={handleChangePage}
onRowsPerPageChange={handleChangeRowsPerPage} labelRowsPerPage="Filas por página:"
/>

4
Frontend/src/pages/Impresion/GestionarTiposBobinaPage.tsx
View File

@@ -29,7 +29,7 @@ const GestionarTiposBobinaPage: React.FC = () => {
const [apiErrorMessage, setApiErrorMessage] = useState<string | null>(null);
const [page, setPage] = useState(0);
const [rowsPerPage, setRowsPerPage] = useState(5);
const [rowsPerPage, setRowsPerPage] = useState(25);
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
const [selectedTipoBobinaRow, setSelectedTipoBobinaRow] = useState<TipoBobinaDto | null>(null);
@@ -208,7 +208,7 @@ const GestionarTiposBobinaPage: React.FC = () => {
</TableBody>
</Table>
<TablePagination
rowsPerPageOptions={[5, 10, 25]}
rowsPerPageOptions={[25, 50, 100]}
component="div"
count={tiposBobina.length}
rowsPerPage={rowsPerPage}

58
Frontend/src/pages/Impresion/ImpresionIndexPage.tsx
View File

@@ -4,11 +4,11 @@ import { Outlet, useNavigate, useLocation } from 'react-router-dom';
// Define las sub-pestañas del módulo Impresión
const impresionSubModules = [
{ label: 'Plantas', path: 'plantas' },
{ label: 'Tipos Bobina', path: 'tipos-bobina' },
{ label: 'Estados Bobina', path: 'estados-bobina' },
{ label: 'Stock Bobinas', path: 'stock-bobinas' },
{ label: 'Tiradas', path: 'tiradas' },
{ label: 'Plantas', path: 'plantas' },
{ label: 'Tipos Bobina', path: 'tipos-bobina' },
{ label: 'Estados Bobina', path: 'estados-bobina' },
];
const ImpresionIndexPage: React.FC = () => {
@@ -17,26 +17,40 @@ const ImpresionIndexPage: React.FC = () => {
const [selectedSubTab, setSelectedSubTab] = useState<number | false>(false);
useEffect(() => {
const currentBasePath = '/impresion'; // Ruta base de este módulo
const subPath = location.pathname.startsWith(currentBasePath + '/')
? location.pathname.substring(currentBasePath.length + 1)
: (location.pathname === currentBasePath ? impresionSubModules[0]?.path : undefined);
const activeTabIndex = impresionSubModules.findIndex(
(subModule) => subModule.path === subPath
);
if (activeTabIndex !== -1) {
setSelectedSubTab(activeTabIndex);
} else {
if (location.pathname === currentBasePath && impresionSubModules.length > 0) {
navigate(impresionSubModules[0].path, { replace: true });
setSelectedSubTab(0);
} else {
setSelectedSubTab(false);
const currentBasePath = '/impresion';
const defaultSubPath = 'stock-bobinas'; // Define tu sub-ruta por defecto aquí
const pathParts = location.pathname.split('/');
const currentSubPathSegment = pathParts[2]; // /impresion -> pathParts[1] es 'impresion', pathParts[2] sería la sub-ruta
let activeTabIndex = -1;
if (currentSubPathSegment) {
activeTabIndex = impresionSubModules.findIndex(
(subModule) => subModule.path === currentSubPathSegment
);
}
}
}, [location.pathname, navigate]);
if (activeTabIndex !== -1) {
setSelectedSubTab(activeTabIndex);
} else {
// Si estamos en la ruta base /impresion o una subruta no reconocida
if (location.pathname === currentBasePath || (location.pathname.startsWith(currentBasePath) && activeTabIndex === -1) ) {
const defaultTabIndex = impresionSubModules.findIndex(sm => sm.path === defaultSubPath);
if (defaultTabIndex !== -1) {
navigate(`${currentBasePath}/${defaultSubPath}`, { replace: true });
setSelectedSubTab(defaultTabIndex);
} else if (impresionSubModules.length > 0) { // Fallback al primero si el default no existe
navigate(`${currentBasePath}/${impresionSubModules[0].path}`, { replace: true });
setSelectedSubTab(0);
} else {
setSelectedSubTab(false); // No hay sub-módulos
}
} else {
setSelectedSubTab(false); // No es una ruta del módulo contable
}
}
}, [location.pathname, navigate]);
const handleSubTabChange = (_event: React.SyntheticEvent, newValue: number) => {
setSelectedSubTab(newValue);

223
Frontend/src/pages/Reportes/ReporteComparativaConsumoBobinasPage.tsx
View File

@@ -3,17 +3,18 @@ import {
Box, Typography, Paper, CircularProgress, Alert, Button
} from '@mui/material';
import { DataGrid, type GridColDef, GridFooterContainer, GridFooter } from '@mui/x-data-grid';
import type {Theme} from '@mui/material/styles';
import type { Theme } from '@mui/material/styles';
import { esES } from '@mui/x-data-grid/locales';
import reportesService from '../../services/Reportes/reportesService';
import type { ComparativaConsumoBobinasDto } from '../../models/dtos/Reportes/ComparativaConsumoBobinasDto';
import SeleccionaReporteComparativaConsumoBobinas from './SeleccionaReporteComparativaConsumoBobinas';
import { usePermissions } from '../../hooks/usePermissions';
import * as XLSX from 'xlsx';
import axios from 'axios';
// Interfaz extendida para DataGrid
interface ComparativaConsumoBobinasDataGridDto extends ComparativaConsumoBobinasDto {
id: string;
id: string;
}
const ReporteComparativaConsumoBobinasPage: React.FC = () => {
@@ -28,9 +29,11 @@ const ReporteComparativaConsumoBobinasPage: React.FC = () => {
fechaInicioMesB: string; fechaFinMesB: string;
idPlanta?: number | null; consolidado: boolean;
nombrePlanta?: string;
mesA?: string;
mesB?: string;
mesA?: string;
mesB?: string;
} | null>(null);
const { tienePermiso, isSuperAdmin } = usePermissions();
const puedeVerReporte = isSuperAdmin || tienePermiso("RR007");
const numberLocaleFormatter = (value: number | null | undefined) =>
value != null ? Number(value).toLocaleString('es-AR') : '';
@@ -40,6 +43,11 @@ const ReporteComparativaConsumoBobinasPage: React.FC = () => {
fechaInicioMesB: string; fechaFinMesB: string;
idPlanta?: number | null; consolidado: boolean;
}) => {
if (!puedeVerReporte) {
setError("No tiene permiso para generar este reporte.");
setLoading(false);
return;
}
setLoading(true);
setError(null);
setApiErrorParams(null);
@@ -47,23 +55,23 @@ const ReporteComparativaConsumoBobinasPage: React.FC = () => {
let plantaNombre = "Consolidado";
if (!params.consolidado && params.idPlanta) {
const plantaService = (await import('../../services/Impresion/plantaService')).default;
const plantaData = await plantaService.getPlantaById(params.idPlanta);
plantaNombre = plantaData?.nombre ?? "N/A";
const plantaService = (await import('../../services/Impresion/plantaService')).default;
const plantaData = await plantaService.getPlantaById(params.idPlanta);
plantaNombre = plantaData?.nombre ?? "N/A";
}
// Formatear nombres de meses para el PDF
const formatMonthYear = (dateString: string) => {
const date = new Date(dateString + 'T00:00:00'); // Asegurar que se parsea como local
return date.toLocaleDateString('es-AR', { month: 'long', year: 'numeric', timeZone: 'UTC' });
const date = new Date(dateString + 'T00:00:00'); // Asegurar que se parsea como local
return date.toLocaleDateString('es-AR', { month: 'long', year: 'numeric', timeZone: 'UTC' });
};
setCurrentParams({
...params,
nombrePlanta: plantaNombre,
mesA: formatMonthYear(params.fechaInicioMesA),
mesB: formatMonthYear(params.fechaInicioMesB)
...params,
nombrePlanta: plantaNombre,
mesA: formatMonthYear(params.fechaInicioMesA),
mesB: formatMonthYear(params.fechaInicioMesB)
});
try {
const data = await reportesService.getComparativaConsumoBobinas(params);
const dataWithIds = data.map((item, index) => ({ ...item, id: `${item.tipoBobina}-${index}` }));
@@ -106,23 +114,23 @@ const ReporteComparativaConsumoBobinasPage: React.FC = () => {
}));
const totales = dataToExport.reduce((acc, row) => {
acc.cantA += Number(row["Cant. Mes A"]); acc.cantB += Number(row["Cant. Mes B"]);
acc.difCant += Number(row["Dif. Cant."]); acc.kgA += Number(row["Kg Mes A"]);
acc.kgB += Number(row["Kg Mes B"]); acc.difKg += Number(row["Dif. Kg"]);
return acc;
}, { cantA:0, cantB:0, difCant:0, kgA:0, kgB:0, difKg:0 });
acc.cantA += Number(row["Cant. Mes A"]); acc.cantB += Number(row["Cant. Mes B"]);
acc.difCant += Number(row["Dif. Cant."]); acc.kgA += Number(row["Kg Mes A"]);
acc.kgB += Number(row["Kg Mes B"]); acc.difKg += Number(row["Dif. Kg"]);
return acc;
}, { cantA: 0, cantB: 0, difCant: 0, kgA: 0, kgB: 0, difKg: 0 });
dataToExport.push({
"Tipo Bobina": "TOTALES", "Cant. Mes A": totales.cantA, "Cant. Mes B": totales.cantB,
"Dif. Cant.": totales.difCant, "Kg Mes A": totales.kgA, "Kg Mes B": totales.kgB,
"Dif. Kg": totales.difKg,
"Tipo Bobina": "TOTALES", "Cant. Mes A": totales.cantA, "Cant. Mes B": totales.cantB,
"Dif. Cant.": totales.difCant, "Kg Mes A": totales.kgA, "Kg Mes B": totales.kgB,
"Dif. Kg": totales.difKg,
});
const ws = XLSX.utils.json_to_sheet(dataToExport);
const headers = Object.keys(dataToExport[0] || {});
ws['!cols'] = headers.map(h => {
const maxLen = Math.max(...dataToExport.map(row => (row as any)[h]?.toString().length ?? 0), h.length);
return { wch: maxLen + 2 };
ws['!cols'] = headers.map(h => {
const maxLen = Math.max(...dataToExport.map(row => (row as any)[h]?.toString().length ?? 0), h.length);
return { wch: maxLen + 2 };
});
ws['!freeze'] = { xSplit: 0, ySplit: 1 };
const wb = XLSX.utils.book_new();
@@ -192,88 +200,91 @@ const ReporteComparativaConsumoBobinasPage: React.FC = () => {
if (!totalesGenerales) return null;
const getCellStyle = (field: (typeof columns)[number]['field'] | 'label', isLabel: boolean = false) => {
const colConfig = columns.find(c => c.field === field);
// Ajustar anchos para los totales para que sean más compactos
let targetWidth: number | string = 'auto';
let targetMinWidth: number | string = 'auto';
const colConfig = columns.find(c => c.field === field);
// Ajustar anchos para los totales para que sean más compactos
let targetWidth: number | string = 'auto';
let targetMinWidth: number | string = 'auto';
if (isLabel) {
targetWidth = colConfig?.width ? Math.max(80, colConfig.width * 0.5) : 100; // Más corto para "TOTALES:"
targetMinWidth = 80;
} else if (colConfig) {
targetWidth = colConfig.width ? Math.max(70, colConfig.width * 0.75) : 90; // 75% del ancho de columna, mínimo 70
targetMinWidth = 70;
}
const style: React.CSSProperties = {
minWidth: targetMinWidth,
width: targetWidth,
textAlign: isLabel ? 'left' : (colConfig?.align || 'right') as 'left' | 'right' | 'center',
paddingRight: isLabel ? 1 : (field === 'diferenciaKilosUtilizados' ? 0 : 1), // pr en theme units
fontWeight: 'bold',
whiteSpace: 'nowrap',
};
if (isLabel) {
targetWidth = colConfig?.width ? Math.max(80, colConfig.width * 0.5) : 100; // Más corto para "TOTALES:"
targetMinWidth = 80;
} else if (colConfig) {
targetWidth = colConfig.width ? Math.max(70, colConfig.width * 0.75) : 90; // 75% del ancho de columna, mínimo 70
targetMinWidth = 70;
}
// Aplicar el separador si es la columna 'kilosUtilizadosMesA'
if (field === 'kilosUtilizadosMesA') {
style.borderLeft = `2px solid grey`; // O theme.palette.divider
style.paddingLeft = '8px'; // Espacio después del separador
}
return style;
const style: React.CSSProperties = {
minWidth: targetMinWidth,
width: targetWidth,
textAlign: isLabel ? 'left' : (colConfig?.align || 'right') as 'left' | 'right' | 'center',
paddingRight: isLabel ? 1 : (field === 'diferenciaKilosUtilizados' ? 0 : 1), // pr en theme units
fontWeight: 'bold',
whiteSpace: 'nowrap',
};
// Aplicar el separador si es la columna 'kilosUtilizadosMesA'
if (field === 'kilosUtilizadosMesA') {
style.borderLeft = `2px solid grey`; // O theme.palette.divider
style.paddingLeft = '8px'; // Espacio después del separador
}
return style;
};
return (
<GridFooterContainer sx={{
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
width: '100%',
borderTop: (theme) => `1px solid ${theme.palette.divider}`,
minHeight: '52px',
<GridFooterContainer sx={{
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
width: '100%',
borderTop: (theme) => `1px solid ${theme.palette.divider}`,
minHeight: '52px',
}}>
<Box sx={{
display: 'flex',
alignItems: 'center',
flexShrink: 0,
overflow: 'hidden',
px: 1,
}}>
<Box sx={{
display: 'flex',
alignItems: 'center',
flexShrink: 0,
overflow: 'hidden',
px:1,
}}>
<GridFooter
sx={{
borderTop: 'none',
width: 'auto',
'& .MuiToolbar-root': {
paddingLeft: 0,
paddingRight: 0,
},
'& .MuiDataGrid-selectedRowCount': { display: 'none' },
}}
/>
</Box>
<GridFooter
sx={{
borderTop: 'none',
width: 'auto',
'& .MuiToolbar-root': {
paddingLeft: 0,
paddingRight: 0,
},
'& .MuiDataGrid-selectedRowCount': { display: 'none' },
}}
/>
</Box>
<Box sx={{
display: 'flex',
alignItems: 'center',
fontWeight: 'bold',
whiteSpace: 'nowrap',
overflowX: 'auto',
px:1,
flexShrink: 1,
}}>
<Typography variant="subtitle2" sx={getCellStyle('label', true)}>TOTALES:</Typography>
<Typography variant="subtitle2" sx={getCellStyle('bobinasUtilizadasMesA')}>{numberLocaleFormatter(totalesGenerales.bobinasUtilizadasMesA)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('bobinasUtilizadasMesB')}>{numberLocaleFormatter(totalesGenerales.bobinasUtilizadasMesB)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('diferenciaBobinasUtilizadas')}>{numberLocaleFormatter(totalesGenerales.diferenciaBobinasUtilizadas)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('kilosUtilizadosMesA')}>{numberLocaleFormatter(totalesGenerales.kilosUtilizadosMesA)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('kilosUtilizadosMesB')}>{numberLocaleFormatter(totalesGenerales.kilosUtilizadosMesB)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('diferenciaKilosUtilizados')}>{numberLocaleFormatter(totalesGenerales.diferenciaKilosUtilizados)}</Typography>
</Box>
</GridFooterContainer>
<Box sx={{
display: 'flex',
alignItems: 'center',
fontWeight: 'bold',
whiteSpace: 'nowrap',
overflowX: 'auto',
px: 1,
flexShrink: 1,
}}>
<Typography variant="subtitle2" sx={getCellStyle('label', true)}>TOTALES:</Typography>
<Typography variant="subtitle2" sx={getCellStyle('bobinasUtilizadasMesA')}>{numberLocaleFormatter(totalesGenerales.bobinasUtilizadasMesA)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('bobinasUtilizadasMesB')}>{numberLocaleFormatter(totalesGenerales.bobinasUtilizadasMesB)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('diferenciaBobinasUtilizadas')}>{numberLocaleFormatter(totalesGenerales.diferenciaBobinasUtilizadas)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('kilosUtilizadosMesA')}>{numberLocaleFormatter(totalesGenerales.kilosUtilizadosMesA)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('kilosUtilizadosMesB')}>{numberLocaleFormatter(totalesGenerales.kilosUtilizadosMesB)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('diferenciaKilosUtilizados')}>{numberLocaleFormatter(totalesGenerales.diferenciaKilosUtilizados)}</Typography>
</Box>
</GridFooterContainer>
);
};
if (showParamSelector) {
if (!loading && !puedeVerReporte) {
return <Alert severity="error" sx={{ m: 2 }}>No tiene permiso para acceder a este reporte.</Alert>;
}
return (
<Box sx={{ p: 2, display: 'flex', justifyContent: 'center', mt: 2 }}>
<Paper sx={{ width: '100%', maxWidth: 600 }} elevation={3}>
@@ -293,7 +304,7 @@ const ReporteComparativaConsumoBobinasPage: React.FC = () => {
<Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 2, flexWrap: 'wrap', gap: 1 }}>
<Typography variant="h5">Reporte: Comparativa Consumo de Bobinas</Typography>
<Box sx={{ display: 'flex', gap: 1 }}>
<Button onClick={handleGenerarYAbrirPdf} variant="contained" disabled={loadingPdf || reportData.length === 0 || !!error} size="small">
<Button onClick={handleGenerarYAbrirPdf} variant="contained" disabled={loadingPdf || reportData.length === 0 || !!error} size="small">
{loadingPdf ? <CircularProgress size={20} color="inherit" /> : "Abrir PDF"}
</Button>
<Button onClick={handleExportToExcel} variant="outlined" disabled={reportData.length === 0 || !!error} size="small">
@@ -305,16 +316,16 @@ const ReporteComparativaConsumoBobinasPage: React.FC = () => {
</Box>
</Box>
{loading && <Box sx={{ textAlign: 'center', my:2 }}><CircularProgress /></Box>}
{loading && <Box sx={{ textAlign: 'center', my: 2 }}><CircularProgress /></Box>}
{error && !loading && <Alert severity="info" sx={{ my: 2 }}>{error}</Alert>}
{!loading && !error && reportData.length > 0 && (
<Paper sx={{
width: '100%',
mt: 2,
'& .separator-left': {
borderLeft: (theme: Theme) => `2px solid ${theme.palette.divider}`,
},
<Paper sx={{
width: '100%',
mt: 2,
'& .separator-left': {
borderLeft: (theme: Theme) => `2px solid ${theme.palette.divider}`,
},
}}>
<DataGrid
rows={rows}
@@ -325,16 +336,16 @@ const ReporteComparativaConsumoBobinasPage: React.FC = () => {
sx={{ height: 'calc(100vh - 300px)' }} // Ajusta esta altura según sea necesario
initialState={{
pagination: {
paginationModel: { pageSize: 10, page: 0 },
paginationModel: { pageSize: 10, page: 0 },
},
}}
pageSizeOptions={[5, 10, 25, 50]}
disableRowSelectionOnClick
// hideFooterSelectedRowCount // Ya se maneja en CustomFooter
// hideFooterSelectedRowCount // Ya se maneja en CustomFooter
/>
</Paper>
)}
{!loading && !error && reportData.length === 0 && currentParams && (<Typography sx={{mt:2, fontStyle:'italic'}}>No se encontraron datos para los criterios seleccionados.</Typography>)}
{!loading && !error && reportData.length === 0 && currentParams && (<Typography sx={{ mt: 2, fontStyle: 'italic' }}>No se encontraron datos para los criterios seleccionados.</Typography>)}
</Box>
);
};

161
Frontend/src/pages/Reportes/ReporteConsumoBobinasPublicacionPage.tsx
View File

@@ -12,6 +12,7 @@ import { esES } from '@mui/x-data-grid/locales';
import reportesService from '../../services/Reportes/reportesService';
import type { ConsumoBobinasPublicacionDto } from '../../models/dtos/Reportes/ConsumoBobinasPublicacionDto';
import SeleccionaReporteConsumoBobinasPublicacion from './SeleccionaReporteConsumoBobinasPublicacion';
import { usePermissions } from '../../hooks/usePermissions';
import * as XLSX from 'xlsx';
import axios from 'axios';
@@ -27,17 +28,24 @@ const ReporteConsumoBobinasPublicacionPage: React.FC = () => {
fechaHasta: string;
nombrePublicacion?: string; // Mantenido para nombre de archivo, no afecta al título DataGrid
} | null>(null);
const { tienePermiso, isSuperAdmin } = usePermissions();
const puedeVerReporte = isSuperAdmin || tienePermiso("RR007");
const handleGenerarReporte = useCallback(async (params: {
fechaDesde: string;
fechaHasta: string;
}) => {
if (!puedeVerReporte) {
setError("No tiene permiso para generar este reporte.");
setLoading(false);
return;
}
setLoading(true);
setError(null);
setApiErrorParams(null);
setCurrentParams(params);
setReportData([]);
try {
const data = await reportesService.getConsumoBobinasPorPublicacion(params);
const dataWithIds = data.map((item, index) => ({ ...item, id: `${item.nombrePlanta}-${item.nombrePublicacion}-${index}` }));
@@ -66,7 +74,7 @@ const ReporteConsumoBobinasPublicacionPage: React.FC = () => {
}, []);
const handleExportToExcel = useCallback(() => {
if (reportData.length === 0) {
if (reportData.length === 0) {
alert("No hay datos para exportar.");
return;
}
@@ -76,23 +84,23 @@ const ReporteConsumoBobinasPublicacionPage: React.FC = () => {
"Total Kilos": rest.totalKilos,
"Cantidad Bobinas": rest.cantidadBobinas,
}));
const totalGeneralKilos = reportData.reduce((sum, item) => sum + item.totalKilos, 0);
const totalGeneralBobinas = reportData.reduce((sum, item) => sum + item.cantidadBobinas, 0);
dataToExport.push({
"Planta": "TOTAL GENERAL",
"Publicación": "", // Celda vacía para alineación
"Total Kilos": totalGeneralKilos,
"Cantidad Bobinas": totalGeneralBobinas,
"Planta": "TOTAL GENERAL",
"Publicación": "", // Celda vacía para alineación
"Total Kilos": totalGeneralKilos,
"Cantidad Bobinas": totalGeneralBobinas,
});
const ws = XLSX.utils.json_to_sheet(dataToExport);
const headers = Object.keys(dataToExport[0] || {});
ws['!cols'] = headers.map(h => {
const maxLen = Math.max(...dataToExport.map(row => (row as any)[h]?.toString().length ?? 0), h.length);
return { wch: maxLen + 2 };
ws['!cols'] = headers.map(h => {
const maxLen = Math.max(...dataToExport.map(row => (row as any)[h]?.toString().length ?? 0), h.length);
return { wch: maxLen + 2 };
});
ws['!freeze'] = { xSplit: 0, ySplit: 1 };
@@ -157,21 +165,21 @@ const ReporteConsumoBobinasPublicacionPage: React.FC = () => {
];
const rows = useMemo(() => reportData, [reportData]);
const totalGeneralKilos = useMemo(() =>
reportData.reduce((sum, item) => sum + item.totalKilos, 0),
[reportData]);
const totalGeneralBobinas = useMemo(() =>
reportData.reduce((sum, item) => sum + item.cantidadBobinas, 0),
[reportData]);
const totalGeneralKilos = useMemo(() =>
reportData.reduce((sum, item) => sum + item.totalKilos, 0),
[reportData]);
const totalGeneralBobinas = useMemo(() =>
reportData.reduce((sum, item) => sum + item.cantidadBobinas, 0),
[reportData]);
// eslint-disable-next-line react/display-name
const CustomFooter = () => {
// Podrías añadir una condición para no renderizar si no hay datos/totales
// if (totalGeneralKilos === 0 && totalGeneralBobinas === 0) return null;
const CustomFooter = () => {
// Podrías añadir una condición para no renderizar si no hay datos/totales
// if (totalGeneralKilos === 0 && totalGeneralBobinas === 0) return null;
return (
<GridFooterContainer sx={{
return (
<GridFooterContainer sx={{
display: 'flex',
justifyContent: 'space-between', // Separa la paginación (izquierda) de los totales (derecha)
alignItems: 'center',
@@ -179,54 +187,57 @@ const CustomFooter = () => {
borderTop: (theme) => `1px solid ${theme.palette.divider}`,
minHeight: '52px', // Altura estándar para el footer
// No es necesario p: aquí si los hijos lo manejan o el GridFooterContainer lo aplica por defecto
}}>
}}>
{/* Box para la paginación estándar */}
<Box sx={{
display: 'flex',
alignItems: 'center',
flexShrink: 0, // Evita que este box se encoja si los totales son anchos
overflow: 'hidden', // Para asegurar que no desborde si el contenido interno es muy ancho
px: 1, // Padding horizontal para el contenedor de la paginación
// Considera un flexGrow o un width/maxWidth si necesitas más control sobre el espacio de la paginación
// Ejemplo: flexGrow: 1, maxWidth: 'calc(100% - 250px)' (para dejar espacio a los totales)
<Box sx={{
display: 'flex',
alignItems: 'center',
flexShrink: 0, // Evita que este box se encoja si los totales son anchos
overflow: 'hidden', // Para asegurar que no desborde si el contenido interno es muy ancho
px: 1, // Padding horizontal para el contenedor de la paginación
// Considera un flexGrow o un width/maxWidth si necesitas más control sobre el espacio de la paginación
// Ejemplo: flexGrow: 1, maxWidth: 'calc(100% - 250px)' (para dejar espacio a los totales)
}}>
<GridFooter
sx={{
borderTop: 'none', // Quitar el borde superior del GridFooter interno
width: 'auto', // Permite que el GridFooter se ajuste a su contenido (paginador)
'& .MuiToolbar-root': { // Ajustar padding del toolbar de paginación
paddingLeft: 0, // O un valor pequeño si es necesario
paddingRight: 0,
},
// Mantenemos oculto el contador de filas seleccionadas si no lo queremos
'& .MuiDataGrid-selectedRowCount': { display: 'none' },
}}
/>
<GridFooter
sx={{
borderTop: 'none', // Quitar el borde superior del GridFooter interno
width: 'auto', // Permite que el GridFooter se ajuste a su contenido (paginador)
'& .MuiToolbar-root': { // Ajustar padding del toolbar de paginación
paddingLeft: 0, // O un valor pequeño si es necesario
paddingRight: 0,
},
// Mantenemos oculto el contador de filas seleccionadas si no lo queremos
'& .MuiDataGrid-selectedRowCount': { display: 'none' },
}}
/>
</Box>
{/* Box para los totales personalizados */}
<Box sx={{
display: 'flex',
alignItems: 'center',
fontWeight: 'bold',
whiteSpace: 'nowrap', // Evita que los totales hagan salto de línea
overflowX: 'auto', // Scroll DENTRO de este Box si los totales son muy anchos
px: 2, // Padding horizontal para el contenedor de los totales (ajusta pr:2 de tu ejemplo)
flexShrink: 1, // Permitir que este contenedor se encoja si la paginación necesita más espacio
display: 'flex',
alignItems: 'center',
fontWeight: 'bold',
whiteSpace: 'nowrap', // Evita que los totales hagan salto de línea
overflowX: 'auto', // Scroll DENTRO de este Box si los totales son muy anchos
px: 2, // Padding horizontal para el contenedor de los totales (ajusta pr:2 de tu ejemplo)
flexShrink: 1, // Permitir que este contenedor se encoja si la paginación necesita más espacio
}}>
<Typography variant="subtitle2" sx={{ mr: 1, fontWeight: 'bold' }}>TOTALES:</Typography>
<Typography variant="subtitle2" sx={{ mr: 2, minWidth: '80px', textAlign: 'right', fontWeight: 'bold' }}>
Kg: {totalGeneralKilos.toLocaleString('es-AR')}
</Typography>
<Typography variant="subtitle2" sx={{ minWidth: '80px', textAlign: 'right', fontWeight: 'bold' }}>
Cant: {totalGeneralBobinas.toLocaleString('es-AR')}
</Typography>
<Typography variant="subtitle2" sx={{ mr: 1, fontWeight: 'bold' }}>TOTALES:</Typography>
<Typography variant="subtitle2" sx={{ mr: 2, minWidth: '80px', textAlign: 'right', fontWeight: 'bold' }}>
Kg: {totalGeneralKilos.toLocaleString('es-AR')}
</Typography>
<Typography variant="subtitle2" sx={{ minWidth: '80px', textAlign: 'right', fontWeight: 'bold' }}>
Cant: {totalGeneralBobinas.toLocaleString('es-AR')}
</Typography>
</Box>
</GridFooterContainer>
);
};
</GridFooterContainer>
);
};
if (showParamSelector) {
if (!loading && !puedeVerReporte) {
return <Alert severity="error" sx={{ m: 2 }}>No tiene permiso para acceder a este reporte.</Alert>;
}
return (
<Box sx={{ p: 2, display: 'flex', justifyContent: 'center', mt: 2 }}>
<Paper sx={{ width: '100%', maxWidth: 600 }} elevation={3}>
@@ -258,17 +269,17 @@ const CustomFooter = () => {
</Box>
</Box>
{loading && <Box sx={{ textAlign: 'center', my:2 }}><CircularProgress /></Box>}
{loading && <Box sx={{ textAlign: 'center', my: 2 }}><CircularProgress /></Box>}
{error && !loading && <Alert severity="error" sx={{ my: 2 }}>{error}</Alert>}
{!loading && !error && reportData.length > 0 && (
<Paper sx={{
height: 'calc(100vh - 380px)', // Ajustar altura para dar espacio al footer
width: '100%',
mt: 2,
'& .MuiDataGrid-footerContainer': { // Asegurar que el contenedor del footer tenga suficiente espacio
minHeight: '52px', // o el alto que necesite tu CustomFooter
}
<Paper sx={{
height: 'calc(100vh - 380px)', // Ajustar altura para dar espacio al footer
width: '100%',
mt: 2,
'& .MuiDataGrid-footerContainer': { // Asegurar que el contenedor del footer tenga suficiente espacio
minHeight: '52px', // o el alto que necesite tu CustomFooter
}
}}>
<DataGrid
rows={rows}
@@ -276,13 +287,13 @@ const CustomFooter = () => {
localeText={esES.components.MuiDataGrid.defaultProps.localeText}
slots={{ footer: CustomFooter }}
density="compact"
// pageSizeOptions={[10, 25, 50]} // Descomentar si deseas que el usuario cambie el tamaño de página
// initialState={{
// pagination: {
// paginationModel: { pageSize: 25, page: 0 },
// },
// }}
// autoHeight // Si se usa autoHeight, el `height` del Paper no aplicará scroll a la tabla
// pageSizeOptions={[10, 25, 50]} // Descomentar si deseas que el usuario cambie el tamaño de página
// initialState={{
// pagination: {
// paginationModel: { pageSize: 25, page: 0 },
// },
// }}
// autoHeight // Si se usa autoHeight, el `height` del Paper no aplicará scroll a la tabla
/>
</Paper>
)}

57
Frontend/src/pages/Reportes/ReporteConsumoBobinasSeccionPage.tsx
View File

@@ -6,6 +6,7 @@ import {
import reportesService from '../../services/Reportes/reportesService';
import type { ConsumoBobinasSeccionDto } from '../../models/dtos/Reportes/ConsumoBobinasSeccionDto';
import SeleccionaReporteConsumoBobinasSeccion from './SeleccionaReporteConsumoBobinasSeccion';
import { usePermissions } from '../../hooks/usePermissions';
import * as XLSX from 'xlsx';
import axios from 'axios';
@@ -40,6 +41,8 @@ const ReporteConsumoBobinasSeccionPage: React.FC = () => {
consolidado: boolean;
nombrePlanta?: string; // Para el PDF
} | null>(null);
const { tienePermiso, isSuperAdmin } = usePermissions();
const puedeVerReporte = isSuperAdmin || tienePermiso("RR007");
const handleGenerarReporte = useCallback(async (params: {
fechaDesde: string;
@@ -47,6 +50,11 @@ const ReporteConsumoBobinasSeccionPage: React.FC = () => {
idPlanta?: number | null;
consolidado: boolean;
}) => {
if (!puedeVerReporte) {
setError("No tiene permiso para generar este reporte.");
setLoading(false);
return;
}
setLoading(true);
setError(null);
setApiErrorParams(null);
@@ -54,12 +62,12 @@ const ReporteConsumoBobinasSeccionPage: React.FC = () => {
let plantaNombre = "Consolidado";
if (!params.consolidado && params.idPlanta) {
const plantaService = (await import('../../services/Impresion/plantaService')).default;
const plantaData = await plantaService.getPlantaById(params.idPlanta);
plantaNombre = plantaData?.nombre ?? "N/A";
const plantaService = (await import('../../services/Impresion/plantaService')).default;
const plantaData = await plantaService.getPlantaById(params.idPlanta);
plantaNombre = plantaData?.nombre ?? "N/A";
}
setCurrentParams({...params, nombrePlanta: plantaNombre});
setCurrentParams({ ...params, nombrePlanta: plantaNombre });
try {
const data = await reportesService.getConsumoBobinasSeccion(params);
setReportData(data);
@@ -104,19 +112,19 @@ const ReporteConsumoBobinasSeccionPage: React.FC = () => {
const totalGeneralKilos = reportData.reduce((sum, item) => sum + item.totalKilos, 0);
dataToExport.push({ // Fila de totales
"Publicación": "TOTAL GENERAL",
"Sección": "",
"Tipo Bobina": "",
"Cantidad Bobinas": totalGeneralBobinas,
"Total Kilos": totalGeneralKilos,
"Publicación": "TOTAL GENERAL",
"Sección": "",
"Tipo Bobina": "",
"Cantidad Bobinas": totalGeneralBobinas,
"Total Kilos": totalGeneralKilos,
});
const ws = XLSX.utils.json_to_sheet(dataToExport);
const headers = Object.keys(dataToExport[0] || {});
ws['!cols'] = headers.map(h => {
const maxLen = Math.max(...dataToExport.map(row => (row as any)[h]?.toString().length ?? 0), h.length);
return { wch: maxLen + 2 };
ws['!cols'] = headers.map(h => {
const maxLen = Math.max(...dataToExport.map(row => (row as any)[h]?.toString().length ?? 0), h.length);
return { wch: maxLen + 2 };
});
ws['!freeze'] = { xSplit: 0, ySplit: 1 };
@@ -161,6 +169,9 @@ const ReporteConsumoBobinasSeccionPage: React.FC = () => {
const totalGeneralKilos = reportData.reduce((sum, item) => sum + item.totalKilos, 0);
if (showParamSelector) {
if (!loading && !puedeVerReporte) {
return <Alert severity="error" sx={{ m: 2 }}>No tiene permiso para acceder a este reporte.</Alert>;
}
return (
<Box sx={{ p: 2, display: 'flex', justifyContent: 'center', mt: 2 }}>
<Paper sx={{ width: '100%', maxWidth: 600 }} elevation={3}>
@@ -231,11 +242,11 @@ const ReporteConsumoBobinasSeccionPage: React.FC = () => {
<TableCell align="right">{bob.totalKilos.toLocaleString('es-AR')}</TableCell>
</TableRow>
))}
{/* Fila de totales por sección */}
<TableRow sx={{ backgroundColor: 'rgba(0, 0, 0, 0.02)'}}>
<TableCell colSpan={3} align="right" sx={{ fontWeight: 'bold', fontStyle:'italic' }}>Total Sección ({secKey}):</TableCell>
<TableCell align="right" sx={{ fontWeight: 'bold', fontStyle:'italic' }}>{totalBobinasSeccion.toLocaleString('es-AR')}</TableCell>
<TableCell align="right" sx={{ fontWeight: 'bold', fontStyle:'italic' }}>{totalKilosSeccion.toLocaleString('es-AR')}</TableCell>
{/* Fila de totales por sección */}
<TableRow sx={{ backgroundColor: 'rgba(0, 0, 0, 0.02)' }}>
<TableCell colSpan={3} align="right" sx={{ fontWeight: 'bold', fontStyle: 'italic' }}>Total Sección ({secKey}):</TableCell>
<TableCell align="right" sx={{ fontWeight: 'bold', fontStyle: 'italic' }}>{totalBobinasSeccion.toLocaleString('es-AR')}</TableCell>
<TableCell align="right" sx={{ fontWeight: 'bold', fontStyle: 'italic' }}>{totalKilosSeccion.toLocaleString('es-AR')}</TableCell>
</TableRow>
</React.Fragment>
);
@@ -244,11 +255,11 @@ const ReporteConsumoBobinasSeccionPage: React.FC = () => {
))}
</TableBody>
<TableFooter>
<TableRow sx={{backgroundColor: 'grey.300'}}>
<TableCell colSpan={3} align="right" sx={{fontWeight: 'bold', fontSize: '1.1rem'}}>TOTAL GENERAL:</TableCell>
<TableCell align="right" sx={{fontWeight: 'bold', fontSize: '1.1rem'}}>{totalGeneralBobinas.toLocaleString('es-AR')}</TableCell>
<TableCell align="right" sx={{fontWeight: 'bold', fontSize: '1.1rem'}}>{totalGeneralKilos.toLocaleString('es-AR')}</TableCell>
</TableRow>
<TableRow sx={{ backgroundColor: 'grey.300' }}>
<TableCell colSpan={3} align="right" sx={{ fontWeight: 'bold', fontSize: '1.1rem' }}>TOTAL GENERAL:</TableCell>
<TableCell align="right" sx={{ fontWeight: 'bold', fontSize: '1.1rem' }}>{totalGeneralBobinas.toLocaleString('es-AR')}</TableCell>
<TableCell align="right" sx={{ fontWeight: 'bold', fontSize: '1.1rem' }}>{totalGeneralKilos.toLocaleString('es-AR')}</TableCell>
</TableRow>
</TableFooter>
</Table>
</TableContainer>

147
Frontend/src/pages/Reportes/ReporteExistenciaPapelPage.tsx
View File

@@ -17,6 +17,7 @@ import {
import reportesService from '../../services/Reportes/reportesService';
import type { ExistenciaPapelDto } from '../../models/dtos/Reportes/ExistenciaPapelDto';
import SeleccionaReporteExistenciaPapel from './SeleccionaReporteExistenciaPapel';
import { usePermissions } from '../../hooks/usePermissions';
import * as XLSX from 'xlsx';
import axios from 'axios';
@@ -27,6 +28,8 @@ const ReporteExistenciaPapelPage: React.FC = () => {
const [error, setError] = useState<string | null>(null);
const [apiErrorParams, setApiErrorParams] = useState<string | null>(null);
const [showParamSelector, setShowParamSelector] = useState(true);
const { tienePermiso, isSuperAdmin } = usePermissions();
const puedeVerReporte = isSuperAdmin || tienePermiso("RR005");
const [currentParams, setCurrentParams] = useState<{
fechaDesde: string;
fechaHasta: string;
@@ -40,6 +43,11 @@ const ReporteExistenciaPapelPage: React.FC = () => {
idPlanta?: number | null;
consolidado: boolean;
}) => {
if (!puedeVerReporte) {
setError("No tiene permiso para generar este reporte.");
setLoading(false); // Asegurarse que loading no quede en true
return;
}
setLoading(true);
setError(null);
setApiErrorParams(null);
@@ -71,83 +79,83 @@ const ReporteExistenciaPapelPage: React.FC = () => {
}, []);
const handleExportToExcel = useCallback(() => {
if (reportData.length === 0) {
alert("No hay datos para exportar.");
return;
}
// 1) Data inicial formateada
const dataToExport: Record<string, any>[] = reportData.map(item => {
let fechaString = '-';
if (item.fechaEstimacionFinStock) {
const d = new Date(item.fechaEstimacionFinStock);
if (!isNaN(d.getTime())) {
fechaString = d.toLocaleDateString('es-AR', { timeZone: 'UTC' });
}
if (reportData.length === 0) {
alert("No hay datos para exportar.");
return;
}
return {
"Tipo Bobina": item.tipoBobina,
"Bobinas Stock": item.bobinasEnStock ?? 0,
"Kg Stock": item.totalKilosEnStock ?? 0,
"Consumo Acum. (Kg)": item.consumoAcumulado ?? 0,
"Días Disp. (Prom.)": item.promedioDiasDisponibles != null
? Math.round(item.promedioDiasDisponibles)
: '-',
"Fecha Est. Fin Stock": fechaString,
};
});
// 2) Cálculo de totales
const totales = dataToExport.reduce(
(acc, row) => {
acc.bobinas += Number(row["Bobinas Stock"]);
acc.kilos += Number(row["Kg Stock"]);
acc.consumo += Number(row["Consumo Acum. (Kg)"]);
return acc;
},
{ bobinas: 0, kilos: 0, consumo: 0 }
);
// 1) Data inicial formateada
const dataToExport: Record<string, any>[] = reportData.map(item => {
let fechaString = '-';
if (item.fechaEstimacionFinStock) {
const d = new Date(item.fechaEstimacionFinStock);
if (!isNaN(d.getTime())) {
fechaString = d.toLocaleDateString('es-AR', { timeZone: 'UTC' });
}
}
return {
"Tipo Bobina": item.tipoBobina,
"Bobinas Stock": item.bobinasEnStock ?? 0,
"Kg Stock": item.totalKilosEnStock ?? 0,
"Consumo Acum. (Kg)": item.consumoAcumulado ?? 0,
"Días Disp. (Prom.)": item.promedioDiasDisponibles != null
? Math.round(item.promedioDiasDisponibles)
: '-',
"Fecha Est. Fin Stock": fechaString,
};
});
// 3) Insertamos la fila de totales
dataToExport.push({
"Tipo Bobina": "Totales",
"Bobinas Stock": totales.bobinas,
"Kg Stock": totales.kilos,
"Consumo Acum. (Kg)": totales.consumo,
"Días Disp. (Prom.)": '-', // o lo que prefieras
"Fecha Est. Fin Stock": '-' // vacío o guión
});
// 2) Cálculo de totales
const totales = dataToExport.reduce(
(acc, row) => {
acc.bobinas += Number(row["Bobinas Stock"]);
acc.kilos += Number(row["Kg Stock"]);
acc.consumo += Number(row["Consumo Acum. (Kg)"]);
return acc;
},
{ bobinas: 0, kilos: 0, consumo: 0 }
);
// 4) Creamos la hoja
const ws = XLSX.utils.json_to_sheet(dataToExport);
// 3) Insertamos la fila de totales
dataToExport.push({
"Tipo Bobina": "Totales",
"Bobinas Stock": totales.bobinas,
"Kg Stock": totales.kilos,
"Consumo Acum. (Kg)": totales.consumo,
"Días Disp. (Prom.)": '-', // o lo que prefieras
"Fecha Est. Fin Stock": '-' // vacío o guión
});
// 5) Auto‐anchos
const headers = Object.keys(dataToExport[0]);
ws['!cols'] = headers.map(h => {
const maxLen = dataToExport.reduce((prev, row) => {
const cell = row[h]?.toString() ?? '';
return Math.max(prev, cell.length);
}, h.length);
return { wch: maxLen + 2 };
});
// 4) Creamos la hoja
const ws = XLSX.utils.json_to_sheet(dataToExport);
// 6) Congelamos la primera fila
ws['!freeze'] = { xSplit: 0, ySplit: 1 };
// 5) Auto‐anchos
const headers = Object.keys(dataToExport[0]);
ws['!cols'] = headers.map(h => {
const maxLen = dataToExport.reduce((prev, row) => {
const cell = row[h]?.toString() ?? '';
return Math.max(prev, cell.length);
}, h.length);
return { wch: maxLen + 2 };
});
// 7) Libro y guardado
const wb = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, "ExistenciaPapel");
// 6) Congelamos la primera fila
ws['!freeze'] = { xSplit: 0, ySplit: 1 };
let fileName = "ReporteExistenciaPapel";
if (currentParams) {
fileName += `_${currentParams.fechaDesde}_a_${currentParams.fechaHasta}`;
if (currentParams.consolidado) fileName += "_Consolidado";
else if (currentParams.idPlanta) fileName += `_Planta${currentParams.idPlanta}`;
}
fileName += ".xlsx";
// 7) Libro y guardado
const wb = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, "ExistenciaPapel");
XLSX.writeFile(wb, fileName);
}, [reportData, currentParams]);
let fileName = "ReporteExistenciaPapel";
if (currentParams) {
fileName += `_${currentParams.fechaDesde}_a_${currentParams.fechaHasta}`;
if (currentParams.consolidado) fileName += "_Consolidado";
else if (currentParams.idPlanta) fileName += `_Planta${currentParams.idPlanta}`;
}
fileName += ".xlsx";
XLSX.writeFile(wb, fileName);
}, [reportData, currentParams]);
const handleGenerarYAbrirPdf = useCallback(async () => {
if (!currentParams) {
@@ -175,6 +183,9 @@ const ReporteExistenciaPapelPage: React.FC = () => {
}, [currentParams]);
if (showParamSelector) {
if (!loading && !puedeVerReporte) {
return <Alert severity="error" sx={{ m: 2 }}>No tiene permiso para acceder a este reporte.</Alert>;
}
return (
<Box sx={{ p: 2, display: 'flex', justifyContent: 'center', mt: 2 }}>
<Paper sx={{ width: '100%', maxWidth: 600 }} elevation={3}>

83
Frontend/src/pages/Reportes/ReporteMovimientoBobinasEstadoPage.tsx
View File

@@ -5,20 +5,19 @@ import {
import { DataGrid, type GridColDef, GridFooterContainer, GridFooter } from '@mui/x-data-grid';
import { esES } from '@mui/x-data-grid/locales';
import reportesService from '../../services/Reportes/reportesService';
// Corregir importaciones de DTOs
import type { MovimientoBobinasPorEstadoResponseDto } from '../../models/dtos/Reportes/MovimientoBobinasPorEstadoResponseDto';
import type { MovimientoBobinaEstadoDetalleDto } from '../../models/dtos/Reportes/MovimientoBobinaEstadoDetalleDto';
import type { MovimientoBobinaEstadoTotalDto } from '../../models/dtos/Reportes/MovimientoBobinaEstadoTotalDto';
import type { MovimientoBobinaEstadoDetalleDto } from '../../models/dtos/Reportes/MovimientoBobinaEstadoDetalleDto';
import type { MovimientoBobinaEstadoTotalDto } from '../../models/dtos/Reportes/MovimientoBobinaEstadoTotalDto';
import { usePermissions } from '../../hooks/usePermissions';
import SeleccionaReporteMovimientoBobinasEstado from './SeleccionaReporteMovimientoBobinasEstado';
import * as XLSX from 'xlsx';
import axios from 'axios';
// Interfaces extendidas para DataGrid con 'id'
interface DetalleMovimientoDataGrid extends MovimientoBobinaEstadoDetalleDto { // Usar el DTO correcto
interface DetalleMovimientoDataGrid extends MovimientoBobinaEstadoDetalleDto {
id: string;
}
interface TotalPorEstadoDataGrid extends MovimientoBobinaEstadoTotalDto { // Usar el DTO correcto
interface TotalPorEstadoDataGrid extends MovimientoBobinaEstadoTotalDto {
id: string;
}
@@ -35,10 +34,12 @@ const ReporteMovimientoBobinasEstadoPage: React.FC = () => {
idPlanta: number;
nombrePlanta?: string;
} | null>(null);
const { tienePermiso, isSuperAdmin } = usePermissions();
const puedeVerReporte = isSuperAdmin || tienePermiso("RR006");
const numberLocaleFormatter = (value: number | null | undefined) =>
value != null ? Number(value).toLocaleString('es-AR') : '';
const dateLocaleFormatter = (value: string | null | undefined) =>
value ? new Date(value).toLocaleDateString('es-AR', { timeZone: 'UTC' }) : '-';
@@ -48,13 +49,18 @@ const ReporteMovimientoBobinasEstadoPage: React.FC = () => {
fechaHasta: string;
idPlanta: number;
}) => {
if (!puedeVerReporte) {
setError("No tiene permiso para generar este reporte.");
setLoading(false);
return;
}
setLoading(true);
setError(null);
setApiErrorParams(null);
setCurrentParams(params);
try {
const data = await reportesService.getMovimientoBobinasEstado(params);
const processedData: MovimientoBobinasPorEstadoResponseDto = {
detalle: data.detalle?.map((item, index) => ({ ...item, id: `detalle-${index}-${item.numeroRemito}-${item.tipoBobina}` })) || [],
totales: data.totales?.map((item, index) => ({ ...item, id: `total-${index}-${item.tipoMovimiento}` })) || []
@@ -176,35 +182,38 @@ const ReporteMovimientoBobinasEstadoPage: React.FC = () => {
// eslint-disable-next-line react/display-name
const CustomFooterDetalle = () => (
<GridFooterContainer sx={{
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
width: '100%',
borderTop: (theme) => `1px solid ${theme.palette.divider}`,
minHeight: '52px',
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
width: '100%',
borderTop: (theme) => `1px solid ${theme.palette.divider}`,
minHeight: '52px',
}}>
<Box sx={{
flexGrow:1,
display:'flex',
justifyContent:'flex-start',
}}>
<GridFooter
sx={{
borderTop: 'none',
width: 'auto',
'& .MuiToolbar-root': {
paddingLeft: (theme) => theme.spacing(1),
paddingRight: (theme) => theme.spacing(1),
},
'& .MuiDataGrid-selectedRowCount': { display: 'none' },
}}
/>
</Box>
<Box sx={{
flexGrow: 1,
display: 'flex',
justifyContent: 'flex-start',
}}>
<GridFooter
sx={{
borderTop: 'none',
width: 'auto',
'& .MuiToolbar-root': {
paddingLeft: (theme) => theme.spacing(1),
paddingRight: (theme) => theme.spacing(1),
},
'& .MuiDataGrid-selectedRowCount': { display: 'none' },
}}
/>
</Box>
</GridFooterContainer>
);
if (showParamSelector) {
if (!loading && !puedeVerReporte) { // Si no tiene permiso Y no está cargando, muestra error
return <Alert severity="error" sx={{ m: 2 }}>No tiene permiso para acceder a este reporte.</Alert>;
}
return (
<Box sx={{ p: 2, display: 'flex', justifyContent: 'center', mt: 2 }}>
<Paper sx={{ width: '100%', maxWidth: 600 }} elevation={3}>
@@ -218,7 +227,7 @@ const ReporteMovimientoBobinasEstadoPage: React.FC = () => {
</Box>
);
}
return (
<Box sx={{ p: 2 }}>
@@ -247,12 +256,12 @@ const ReporteMovimientoBobinasEstadoPage: React.FC = () => {
</Box>
</Box>
{loading && <Box sx={{ textAlign: 'center', my:2 }}><CircularProgress /></Box>}
{loading && <Box sx={{ textAlign: 'center', my: 2 }}><CircularProgress /></Box>}
{error && !loading && <Alert severity="info" sx={{ my: 2 }}>{error}</Alert>}
{!loading && !error && reportData && (
<>
<Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
<Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
Detalle de Movimientos
</Typography>
{rowsDetalle.length > 0 ? (
@@ -264,7 +273,7 @@ const ReporteMovimientoBobinasEstadoPage: React.FC = () => {
density="compact"
sx={{ height: 'calc(100vh - 350px)' }}
slots={{ footer: CustomFooterDetalle }}
/>
</Paper>
) : (
@@ -287,11 +296,11 @@ const ReporteMovimientoBobinasEstadoPage: React.FC = () => {
/>
</Paper>
) : (
<Typography sx={{fontStyle: 'italic'}}>No hay totales por estado para mostrar.</Typography>
<Typography sx={{ fontStyle: 'italic' }}>No hay totales por estado para mostrar.</Typography>
)}
</>
)}
{!loading && !error && !reportData && currentParams && (<Typography sx={{mt: 2, fontStyle: 'italic'}}>No se encontraron datos para los criterios seleccionados.</Typography>)}
{!loading && !error && !reportData && currentParams && (<Typography sx={{ mt: 2, fontStyle: 'italic' }}>No se encontraron datos para los criterios seleccionados.</Typography>)}
</Box>
);
};

58
Frontend/src/pages/Reportes/ReporteMovimientoBobinasPage.tsx
View File

@@ -6,6 +6,7 @@ import { DataGrid, type GridColDef, GridFooterContainer, GridFooter } from '@mui
import { esES } from '@mui/x-data-grid/locales'; // Para localización
import reportesService from '../../services/Reportes/reportesService';
import type { MovimientoBobinasDto } from '../../models/dtos/Reportes/MovimientoBobinasDto';
import { usePermissions } from '../../hooks/usePermissions';
import SeleccionaReporteMovimientoBobinas from './SeleccionaReporteMovimientoBobinas';
import * as XLSX from 'xlsx';
import axios from 'axios';
@@ -16,11 +17,11 @@ interface MovimientoBobinasDataGridDto extends MovimientoBobinasDto {
}
const ReporteMovimientoBobinasPage: React.FC = () => {
const [reportData, setReportData] = useState<MovimientoBobinasDataGridDto[]>([]); // Usar el tipo extendido
const [loading, setLoading] = useState(false);
const [reportData, setReportData] = useState<MovimientoBobinasDataGridDto[]>([]);
const [loading, setLoading] = useState(false); // Loading para generar reporte
const [loadingPdf, setLoadingPdf] = useState(false);
const [error, setError] = useState<string | null>(null);
const [apiErrorParams, setApiErrorParams] = useState<string | null>(null);
const [error, setError] = useState<string | null>(null); // Error al generar reporte
const [apiErrorParams, setApiErrorParams] = useState<string | null>(null); // Error específico del selector
const [showParamSelector, setShowParamSelector] = useState(true);
const [currentParams, setCurrentParams] = useState<{
fechaDesde: string;
@@ -29,6 +30,9 @@ const ReporteMovimientoBobinasPage: React.FC = () => {
nombrePlanta?: string;
} | null>(null);
const { tienePermiso, isSuperAdmin } = usePermissions(); // << OBTENER PERMISOS
const puedeVerReporte = isSuperAdmin || tienePermiso("RR006"); // << PERMISO ESPECÍFICO
const numberLocaleFormatter = (value: number | null | undefined) =>
value != null ? Number(value).toLocaleString('es-AR') : '';
@@ -37,20 +41,29 @@ const ReporteMovimientoBobinasPage: React.FC = () => {
fechaHasta: string;
idPlanta: number;
}) => {
if (!puedeVerReporte) { // << CHEQUEO DE PERMISO
setError("No tiene permiso para generar este reporte.");
setLoading(false);
return;
}
setLoading(true);
setError(null);
setApiErrorParams(null);
// Opcional: Obtener nombre de la planta
// const plantaService = (await import('../../services/Maestros/plantaService')).default;
// const plantaData = await plantaService.getPlantaById(params.idPlanta);
// setCurrentParams({...params, nombrePlanta: plantaData?.nombre});
setCurrentParams(params);
let plantaNombre = `Planta ${params.idPlanta}`; // Default
try {
const plantaService = (await import('../../services/Impresion/plantaService')).default;
const plantaData = await plantaService.getPlantaById(params.idPlanta);
if (plantaData) plantaNombre = plantaData.nombre;
} catch (e) { console.warn("No se pudo obtener nombre de planta para el reporte", e)}
setCurrentParams({...params, nombrePlanta: plantaNombre});
try {
const data = await reportesService.getMovimientoBobinas(params);
// Añadir 'id' único a cada fila para DataGrid
const dataWithIds = data.map((item, index) => ({
...item,
id: `${item.tipoBobina}-${index}` // Asumiendo que tipoBobina es único por reporte o combinar con index
id: `${item.tipoBobina}-${index}`
}));
setReportData(dataWithIds);
if (dataWithIds.length === 0) {
@@ -61,12 +74,12 @@ const ReporteMovimientoBobinasPage: React.FC = () => {
const message = axios.isAxiosError(err) && err.response?.data?.message
? err.response.data.message
: 'Ocurrió un error al generar el reporte.';
setApiErrorParams(message);
setApiErrorParams(message); // Error para el selector
setReportData([]);
} finally {
setLoading(false);
}
}, []);
}, [puedeVerReporte]); // << AÑADIR puedeVerReporte
const handleVolverAParametros = useCallback(() => {
setShowParamSelector(true);
@@ -291,7 +304,12 @@ const ReporteMovimientoBobinasPage: React.FC = () => {
);
};
// --- Lógica de Renderizado Principal ---
// Primero, el chequeo de permiso para el selector
if (showParamSelector) {
if (!loading && !puedeVerReporte) { // Si está cargando, no mostrar nada aún
return <Alert severity="error" sx={{ m: 2 }}>No tiene permiso para acceder a este reporte.</Alert>;
}
return (
<Box sx={{ p: 2, display: 'flex', justifyContent: 'center', mt: 2 }}>
<Paper sx={{ width: '100%', maxWidth: 600 }} elevation={3}>
@@ -299,13 +317,25 @@ const ReporteMovimientoBobinasPage: React.FC = () => {
onGenerarReporte={handleGenerarReporte}
onCancel={handleVolverAParametros}
isLoading={loading}
apiErrorMessage={apiErrorParams}
apiErrorMessage={apiErrorParams} // Pasar el error del selector
/>
</Paper>
</Box>
);
}
// Si ya pasó el selector y no tiene permiso (ej. cambio de roles mientras ve la pantalla)
if (!loading && !puedeVerReporte && !showParamSelector) {
return (
<Box sx={{ p: 2 }}>
<Alert severity="error" sx={{ m: 2 }}>No tiene permiso para ver este reporte.</Alert>
<Button onClick={handleVolverAParametros} variant="outlined" color="secondary" size="small">
Volver
</Button>
</Box>
);
}
return (
<Box sx={{ p: 2 }}>
<Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 2, flexWrap: 'wrap', gap: 1 }}>

150
Frontend/src/pages/Reportes/ReporteTiradasPublicacionesSeccionesPage.tsx
View File

@@ -7,12 +7,13 @@ import { esES } from '@mui/x-data-grid/locales';
import reportesService from '../../services/Reportes/reportesService';
import type { TiradasPublicacionesSeccionesDto } from '../../models/dtos/Reportes/TiradasPublicacionesSeccionesDto';
import SeleccionaReporteTiradasPublicacionesSecciones from './SeleccionaReporteTiradasPublicacionesSecciones';
import { usePermissions } from '../../hooks/usePermissions';
import * as XLSX from 'xlsx';
import axios from 'axios';
// Interfaz extendida para DataGrid
interface TiradasPublicacionesSeccionesDataGridDto extends TiradasPublicacionesSeccionesDto {
id: string;
id: string;
}
const ReporteTiradasPublicacionesSeccionesPage: React.FC = () => {
@@ -32,17 +33,24 @@ const ReporteTiradasPublicacionesSeccionesPage: React.FC = () => {
nombrePlanta?: string;
mesAnioParaNombreArchivo?: string;
} | null>(null);
const { tienePermiso, isSuperAdmin } = usePermissions();
const puedeVerReporte = isSuperAdmin || tienePermiso("RR008");
const numberLocaleFormatter = (value: number | null | undefined, fractionDigits: number = 0) =>
value != null ? Number(value).toLocaleString('es-AR', { minimumFractionDigits: fractionDigits, maximumFractionDigits: fractionDigits }) : '';
const handleGenerarReporte = useCallback(async (params: {
idPublicacion: number;
fechaDesde: string;
fechaHasta: string;
idPlanta?: number | null;
consolidado: boolean;
}) => {
idPublicacion: number;
fechaDesde: string;
fechaHasta: string;
idPlanta?: number | null;
consolidado: boolean;
}) => {
if (!puedeVerReporte) {
setError("No tiene permiso para generar este reporte.");
setLoading(false);
return;
}
setLoading(true);
setError(null);
setApiErrorParams(null);
@@ -52,9 +60,9 @@ consolidado: boolean;
const pubData = await pubService.getPublicacionById(params.idPublicacion);
let plantaNombre = "Consolidado";
if (!params.consolidado && params.idPlanta) {
const plantaService = (await import('../../services/Impresion/plantaService')).default;
const plantaData = await plantaService.getPlantaById(params.idPlanta);
plantaNombre = plantaData?.nombre ?? "N/A";
const plantaService = (await import('../../services/Impresion/plantaService')).default;
const plantaData = await plantaService.getPlantaById(params.idPlanta);
plantaNombre = plantaData?.nombre ?? "N/A";
}
// Formatear mes y año para el título/nombre de archivo
// const fechaDesdeObj = new Date(params.fechaDesde + 'T00:00:00'); // Asegurar que es local
@@ -65,8 +73,8 @@ consolidado: boolean;
const mesAnioNombre = `${dateParts[1]}/${dateParts[0]}`;
setCurrentParams({...params, nombrePublicacion: pubData?.nombre, nombrePlanta: plantaNombre, mesAnioParaNombreArchivo: mesAnioNombre});
setCurrentParams({ ...params, nombrePublicacion: pubData?.nombre, nombrePlanta: plantaNombre, mesAnioParaNombreArchivo: mesAnioNombre });
try {
const data = await reportesService.getTiradasPublicacionesSecciones(params);
const dataWithIds = data.map((item, index) => ({ ...item, id: `${item.nombreSeccion}-${index}` }));
@@ -109,20 +117,20 @@ consolidado: boolean;
// Totales para Excel
const totales = {
"Nombre Sección": "Totales",
"Páginas Impresas": reportData.reduce((sum, item) => sum + item.totalPaginasImpresas, 0),
"Total Ediciones": reportData.reduce((sum, item) => sum + item.cantidadTiradas, 0),
"Pág. Por Edición (Promedio)": reportData.reduce((sum, item) => sum + item.totalPaginasEjemplares, 0), // Suma de promedios para el total, como en el PDF
"Total Ejemplares": reportData.reduce((sum, item) => sum + item.totalEjemplares, 0),
"Pág. Ejemplar (Promedio)": reportData.reduce((sum, item) => sum + item.promedioPaginasPorEjemplar, 0), // Suma de promedios para el total
"Nombre Sección": "Totales",
"Páginas Impresas": reportData.reduce((sum, item) => sum + item.totalPaginasImpresas, 0),
"Total Ediciones": reportData.reduce((sum, item) => sum + item.cantidadTiradas, 0),
"Pág. Por Edición (Promedio)": reportData.reduce((sum, item) => sum + item.totalPaginasEjemplares, 0), // Suma de promedios para el total, como en el PDF
"Total Ejemplares": reportData.reduce((sum, item) => sum + item.totalEjemplares, 0),
"Pág. Ejemplar (Promedio)": reportData.reduce((sum, item) => sum + item.promedioPaginasPorEjemplar, 0), // Suma de promedios para el total
};
dataToExport.push(totales);
const ws = XLSX.utils.json_to_sheet(dataToExport);
const headers = Object.keys(dataToExport[0] || {});
ws['!cols'] = headers.map(h => {
const maxLen = Math.max(...dataToExport.map(row => (row as any)[h]?.toString().length ?? 0), h.length);
return { wch: maxLen + 2 };
ws['!cols'] = headers.map(h => {
const maxLen = Math.max(...dataToExport.map(row => (row as any)[h]?.toString().length ?? 0), h.length);
return { wch: maxLen + 2 };
});
ws['!freeze'] = { xSplit: 0, ySplit: 1 };
@@ -192,57 +200,61 @@ consolidado: boolean;
if (!totalesGenerales) return null;
const getCellStyle = (field: (typeof columns)[number]['field'] | 'label', isLabel: boolean = false) => {
const colConfig = columns.find(c => c.field === field);
let targetWidth: number | string = 'auto';
let targetMinWidth: number | string = 'auto';
const colConfig = columns.find(c => c.field === field);
let targetWidth: number | string = 'auto';
let targetMinWidth: number | string = 'auto';
if (isLabel) {
targetWidth = colConfig?.width ? Math.max(100, colConfig.width * 0.6) : 150;
targetMinWidth = 100;
} else if (colConfig) {
targetWidth = colConfig.width ? Math.max(80, colConfig.width * 0.8) : 100;
targetMinWidth = 80;
}
return {
minWidth: targetMinWidth,
width: targetWidth,
textAlign: isLabel ? 'left' : (colConfig?.align || 'right') as 'left' | 'right' | 'center',
pr: isLabel ? 1 : (field === 'promedioPaginasPorEjemplar' ? 0 : 1),
fontWeight: 'bold',
whiteSpace: 'nowrap',
};
if (isLabel) {
targetWidth = colConfig?.width ? Math.max(100, colConfig.width * 0.6) : 150;
targetMinWidth = 100;
} else if (colConfig) {
targetWidth = colConfig.width ? Math.max(80, colConfig.width * 0.8) : 100;
targetMinWidth = 80;
}
return {
minWidth: targetMinWidth,
width: targetWidth,
textAlign: isLabel ? 'left' : (colConfig?.align || 'right') as 'left' | 'right' | 'center',
pr: isLabel ? 1 : (field === 'promedioPaginasPorEjemplar' ? 0 : 1),
fontWeight: 'bold',
whiteSpace: 'nowrap',
};
};
return (
<GridFooterContainer sx={{
display: 'flex', justifyContent: 'space-between', alignItems: 'center',
width: '100%', borderTop: (theme) => `1px solid ${theme.palette.divider}`, minHeight: '52px',
<GridFooterContainer sx={{
display: 'flex', justifyContent: 'space-between', alignItems: 'center',
width: '100%', borderTop: (theme) => `1px solid ${theme.palette.divider}`, minHeight: '52px',
}}>
<Box sx={{ display: 'flex', alignItems: 'center', flexShrink: 0, overflow: 'hidden', px: 1 }}>
<GridFooter
sx={{
borderTop: 'none', width: 'auto',
'& .MuiToolbar-root': { paddingLeft: 0, paddingRight: 0, },
'& .MuiDataGrid-selectedRowCount': { display: 'none' },
}}
/>
</Box>
<Box sx={{
display: 'flex', alignItems: 'center', fontWeight: 'bold',
whiteSpace: 'nowrap', overflowX: 'auto', px: 1, flexShrink: 1,
}}>
<Box sx={{ display: 'flex', alignItems: 'center', flexShrink: 0, overflow: 'hidden', px:1 }}>
<GridFooter
sx={{ borderTop: 'none', width: 'auto',
'& .MuiToolbar-root': { paddingLeft: 0, paddingRight: 0, },
'& .MuiDataGrid-selectedRowCount': { display: 'none' },
}}
/>
</Box>
<Box sx={{
display: 'flex', alignItems: 'center', fontWeight: 'bold',
whiteSpace: 'nowrap', overflowX: 'auto', px:1, flexShrink: 1,
}}>
<Typography variant="subtitle2" sx={getCellStyle('label', true)}>Totales</Typography> {/* Cambiado de TOTALES: a Totales */}
<Typography variant="subtitle2" sx={getCellStyle('totalPaginasImpresas')}>{numberLocaleFormatter(totalesGenerales.totalPaginasImpresas)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('cantidadTiradas')}>{numberLocaleFormatter(totalesGenerales.cantidadTiradas)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('totalPaginasEjemplares')}>{numberLocaleFormatter(totalesGenerales.totalPaginasEjemplares)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('totalEjemplares')}>{numberLocaleFormatter(totalesGenerales.totalEjemplares)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('promedioPaginasPorEjemplar')}>{numberLocaleFormatter(totalesGenerales.promedioPaginasPorEjemplar)}</Typography>
</Box>
</GridFooterContainer>
<Typography variant="subtitle2" sx={getCellStyle('label', true)}>Totales</Typography> {/* Cambiado de TOTALES: a Totales */}
<Typography variant="subtitle2" sx={getCellStyle('totalPaginasImpresas')}>{numberLocaleFormatter(totalesGenerales.totalPaginasImpresas)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('cantidadTiradas')}>{numberLocaleFormatter(totalesGenerales.cantidadTiradas)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('totalPaginasEjemplares')}>{numberLocaleFormatter(totalesGenerales.totalPaginasEjemplares)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('totalEjemplares')}>{numberLocaleFormatter(totalesGenerales.totalEjemplares)}</Typography>
<Typography variant="subtitle2" sx={getCellStyle('promedioPaginasPorEjemplar')}>{numberLocaleFormatter(totalesGenerales.promedioPaginasPorEjemplar)}</Typography>
</Box>
</GridFooterContainer>
);
};
if (showParamSelector) {
if (!loading && !puedeVerReporte) {
return <Alert severity="error" sx={{ m: 2 }}>No tiene permiso para acceder a este reporte.</Alert>;
}
return (
<Box sx={{ p: 2, display: 'flex', justifyContent: 'center', mt: 2 }}>
<Paper sx={{ width: '100%', maxWidth: 600 }} elevation={3}>
@@ -274,12 +286,12 @@ consolidado: boolean;
</Box>
</Box>
<Typography variant="subtitle1" gutterBottom>
Publicación: {currentParams?.nombrePublicacion} |
Planta: {currentParams?.nombrePlanta} |
Publicación: {currentParams?.nombrePublicacion} |
Planta: {currentParams?.nombrePlanta} |
Mes Consultado: {currentParams?.mesAnioParaNombreArchivo}
</Typography>
{loading && <Box sx={{ textAlign: 'center', my:2 }}><CircularProgress /></Box>}
{loading && <Box sx={{ textAlign: 'center', my: 2 }}><CircularProgress /></Box>}
{error && !loading && <Alert severity="info" sx={{ my: 2 }}>{error}</Alert>}
{!loading && !error && reportData.length > 0 && (
@@ -293,15 +305,15 @@ consolidado: boolean;
sx={{ height: 'calc(100vh - 320px)' }} // Ajustar altura según sea necesario
initialState={{
pagination: {
paginationModel: { pageSize: 100, page: 0 },
paginationModel: { pageSize: 100, page: 0 },
},
}}
pageSizeOptions={[25, 50 , 100]}
pageSizeOptions={[25, 50, 100]}
disableRowSelectionOnClick
/>
</Paper>
)}
{!loading && !error && reportData.length === 0 && currentParams && (<Typography sx={{mt:2, fontStyle:'italic'}}>No se encontraron datos para los criterios seleccionados.</Typography>)}
{!loading && !error && reportData.length === 0 && currentParams && (<Typography sx={{ mt: 2, fontStyle: 'italic' }}>No se encontraron datos para los criterios seleccionados.</Typography>)}
</Box>
);
};

6
Frontend/src/pages/Reportes/SeleccionaReporteComparativaConsumoBobinas.tsx
View File

@@ -3,7 +3,7 @@ import {
Box, Typography, TextField, Button, CircularProgress, Alert,
FormControl, InputLabel, Select, MenuItem, FormControlLabel, Checkbox
} from '@mui/material';
import type { PlantaDto } from '../../models/dtos/Impresion/PlantaDto';
import type { PlantaDropdownDto } from '../../models/dtos/Impresion/PlantaDropdownDto';
import plantaService from '../../services/Impresion/plantaService';
interface SeleccionaReporteComparativaConsumoBobinasProps {
@@ -35,7 +35,7 @@ const SeleccionaReporteComparativaConsumoBobinas: React.FC<SeleccionaReporteComp
const [idPlanta, setIdPlanta] = useState<number | string>('');
const [consolidado, setConsolidado] = useState<boolean>(false);
const [plantas, setPlantas] = useState<PlantaDto[]>([]);
const [plantas, setPlantas] = useState<PlantaDropdownDto[]>([]);
const [loadingDropdowns, setLoadingDropdowns] = useState(false);
const [localErrors, setLocalErrors] = useState<{ [key: string]: string | null }>({});
@@ -43,7 +43,7 @@ const SeleccionaReporteComparativaConsumoBobinas: React.FC<SeleccionaReporteComp
const fetchPlantas = async () => {
setLoadingDropdowns(true);
try {
const plantasData = await plantaService.getAllPlantas();
const plantasData = await plantaService.getPlantasForDropdown();
setPlantas(plantasData);
} catch (error) {
console.error("Error al cargar plantas:", error);

6
Frontend/src/pages/Reportes/SeleccionaReporteConsumoBobinasSeccion.tsx
View File

@@ -3,7 +3,7 @@ import {
Box, Typography, TextField, Button, CircularProgress, Alert,
FormControl, InputLabel, Select, MenuItem, FormControlLabel, Checkbox
} from '@mui/material';
import type { PlantaDto } from '../../models/dtos/Impresion/PlantaDto';
import type { PlantaDropdownDto } from '../../models/dtos/Impresion/PlantaDropdownDto';
import plantaService from '../../services/Impresion/plantaService';
interface SeleccionaReporteConsumoBobinasSeccionProps {
@@ -29,7 +29,7 @@ const SeleccionaReporteConsumoBobinasSeccion: React.FC<SeleccionaReporteConsumoB
const [idPlanta, setIdPlanta] = useState<number | string>('');
const [consolidado, setConsolidado] = useState<boolean>(false);
const [plantas, setPlantas] = useState<PlantaDto[]>([]);
const [plantas, setPlantas] = useState<PlantaDropdownDto[]>([]);
const [loadingDropdowns, setLoadingDropdowns] = useState(false);
const [localErrors, setLocalErrors] = useState<{ [key: string]: string | null }>({});
@@ -37,7 +37,7 @@ const SeleccionaReporteConsumoBobinasSeccion: React.FC<SeleccionaReporteConsumoB
const fetchPlantas = async () => {
setLoadingDropdowns(true);
try {
const plantasData = await plantaService.getAllPlantas();
const plantasData = await plantaService.getPlantasForDropdown();
setPlantas(plantasData);
} catch (error) {
console.error("Error al cargar plantas:", error);

8
Frontend/src/pages/Reportes/SeleccionaReporteExistenciaPapel.tsx
View File

@@ -3,7 +3,7 @@ import {
Box, Typography, TextField, Button, CircularProgress, Alert,
FormControl, InputLabel, Select, MenuItem, Checkbox, FormControlLabel
} from '@mui/material';
import type { PlantaDto } from '../../models/dtos/Impresion/PlantaDto';
import type { PlantaDropdownDto } from '../../models/dtos/Impresion/PlantaDropdownDto';
import plantaService from '../../services/Impresion/plantaService';
interface SeleccionaReporteExistenciaPapelProps {
@@ -28,7 +28,7 @@ const SeleccionaReporteExistenciaPapel: React.FC<SeleccionaReporteExistenciaPape
const [idPlanta, setIdPlanta] = useState<number | string>('');
const [consolidado, setConsolidado] = useState<boolean>(false);
const [plantas, setPlantas] = useState<PlantaDto[]>([]);
const [plantas, setPlantas] = useState<PlantaDropdownDto[]>([]);
const [loadingDropdowns, setLoadingDropdowns] = useState(false);
const [localErrors, setLocalErrors] = useState<{ [key: string]: string | null }>({});
@@ -36,10 +36,10 @@ const SeleccionaReporteExistenciaPapel: React.FC<SeleccionaReporteExistenciaPape
const fetchPlantas = async () => {
setLoadingDropdowns(true);
try {
const plantasData = await plantaService.getAllPlantas();
const plantasData = await plantaService.getPlantasForDropdown();
setPlantas(plantasData);
} catch (error) {
console.error("Error al cargar plantas:", error);
console.error("Error al cargar plantas para dropdown:", error);
setLocalErrors(prev => ({ ...prev, dropdowns: 'Error al cargar plantas.' }));
} finally {
setLoadingDropdowns(false);

8
Frontend/src/pages/Reportes/SeleccionaReporteMovimientoBobinas.tsx
View File

@@ -3,8 +3,8 @@ import {
Box, Typography, TextField, Button, CircularProgress, Alert,
FormControl, InputLabel, Select, MenuItem
} from '@mui/material';
import type { PlantaDto } from '../../models/dtos/Impresion/PlantaDto'; // Asumo que ya tienes este DTO
import plantaService from '../../services/Impresion/plantaService'; // Asumo que ya tienes este servicio
import type { PlantaDropdownDto } from '../../models/dtos/Impresion/PlantaDropdownDto';
import plantaService from '../../services/Impresion/plantaService';
interface SeleccionaReporteMovimientoBobinasProps {
onGenerarReporte: (params: {
@@ -26,7 +26,7 @@ const SeleccionaReporteMovimientoBobinas: React.FC<SeleccionaReporteMovimientoBo
const [fechaHasta, setFechaHasta] = useState<string>(new Date().toISOString().split('T')[0]);
const [idPlanta, setIdPlanta] = useState<number | string>(''); // Puede ser string inicialmente por el MenuItem vacío
const [plantas, setPlantas] = useState<PlantaDto[]>([]);
const [plantas, setPlantas] = useState<PlantaDropdownDto[]>([]);
const [loadingDropdowns, setLoadingDropdowns] = useState(false);
const [localErrors, setLocalErrors] = useState<{ [key: string]: string | null }>({});
@@ -34,7 +34,7 @@ const SeleccionaReporteMovimientoBobinas: React.FC<SeleccionaReporteMovimientoBo
const fetchPlantas = async () => {
setLoadingDropdowns(true);
try {
const plantasData = await plantaService.getAllPlantas(); // Asumiendo que esto devuelve todas
const plantasData = await plantaService.getPlantasForDropdown();
setPlantas(plantasData);
} catch (error) {
console.error("Error al cargar plantas:", error);

8
Frontend/src/pages/Reportes/SeleccionaReporteMovimientoBobinasEstado.tsx
View File

@@ -3,7 +3,7 @@ import {
Box, Typography, TextField, Button, CircularProgress, Alert,
FormControl, InputLabel, Select, MenuItem
} from '@mui/material';
import type { PlantaDto } from '../../models/dtos/Impresion/PlantaDto';
import type { PlantaDropdownDto } from '../../models/dtos/Impresion/PlantaDropdownDto';
import plantaService from '../../services/Impresion/plantaService';
interface SeleccionaReporteMovimientoBobinasEstadoProps {
@@ -26,7 +26,7 @@ const SeleccionaReporteMovimientoBobinasEstado: React.FC<SeleccionaReporteMovimi
const [fechaHasta, setFechaHasta] = useState<string>(new Date().toISOString().split('T')[0]);
const [idPlanta, setIdPlanta] = useState<number | string>('');
const [plantas, setPlantas] = useState<PlantaDto[]>([]);
const [plantas, setPlantas] = useState<PlantaDropdownDto[]>([]);
const [loadingDropdowns, setLoadingDropdowns] = useState(false);
const [localErrors, setLocalErrors] = useState<{ [key: string]: string | null }>({});
@@ -34,7 +34,7 @@ const SeleccionaReporteMovimientoBobinasEstado: React.FC<SeleccionaReporteMovimi
const fetchPlantas = async () => {
setLoadingDropdowns(true);
try {
const plantasData = await plantaService.getAllPlantas();
const plantasData = await plantaService.getPlantasForDropdown();
setPlantas(plantasData);
} catch (error) {
console.error("Error al cargar plantas:", error);
@@ -65,7 +65,7 @@ const SeleccionaReporteMovimientoBobinasEstado: React.FC<SeleccionaReporteMovimi
onGenerarReporte({
fechaDesde,
fechaHasta,
idPlanta: Number(idPlanta)
idPlanta: Number(idPlanta) // Asegurarse de que es un número
});
};

12
Frontend/src/pages/Reportes/SeleccionaReporteTiradasPublicacionesSecciones.tsx
View File

@@ -3,9 +3,9 @@ import {
Box, Typography, TextField, Button, CircularProgress, Alert,
FormControl, InputLabel, Select, MenuItem, FormControlLabel, Checkbox
} from '@mui/material';
import type { PublicacionDto } from '../../models/dtos/Distribucion/PublicacionDto';
import type { PublicacionDropdownDto } from '../../models/dtos/Distribucion/PublicacionDropdownDto';
import publicacionService from '../../services/Distribucion/publicacionService';
import type { PlantaDto } from '../../models/dtos/Impresion/PlantaDto';
import type { PlantaDropdownDto } from '../../models/dtos/Impresion/PlantaDropdownDto';
import plantaService from '../../services/Impresion/plantaService';
interface SeleccionaReporteTiradasPublicacionesSeccionesProps {
@@ -31,8 +31,8 @@ const SeleccionaReporteTiradasPublicacionesSecciones: React.FC<SeleccionaReporte
const [idPlanta, setIdPlanta] = useState<number | string>('');
const [consolidado, setConsolidado] = useState<boolean>(false);
const [publicaciones, setPublicaciones] = useState<PublicacionDto[]>([]);
const [plantas, setPlantas] = useState<PlantaDto[]>([]);
const [publicaciones, setPublicaciones] = useState<PublicacionDropdownDto[]>([]);
const [plantas, setPlantas] = useState<PlantaDropdownDto[]>([]);
const [loadingDropdowns, setLoadingDropdowns] = useState(false);
const [localErrors, setLocalErrors] = useState<{ [key: string]: string | null }>({});
@@ -41,8 +41,8 @@ const SeleccionaReporteTiradasPublicacionesSecciones: React.FC<SeleccionaReporte
setLoadingDropdowns(true);
try {
const [pubData, plantaData] = await Promise.all([
publicacionService.getAllPublicaciones(undefined, undefined, true),
plantaService.getAllPlantas()
publicacionService.getPublicacionesForDropdown(true),
plantaService.getPlantasForDropdown()
]);
setPublicaciones(pubData.map(p => p));
setPlantas(plantaData);

9
Frontend/src/services/Distribucion/publicacionService.ts
View File

@@ -4,6 +4,7 @@ import type { CreatePublicacionDto } from '../../models/dtos/Distribucion/Create
import type { UpdatePublicacionDto } from '../../models/dtos/Distribucion/UpdatePublicacionDto';
import type { PublicacionDiaSemanaDto } from '../../models/dtos/Distribucion/PublicacionDiaSemanaDto';
import type { UpdatePublicacionDiasSemanaRequestDto } from '../../models/dtos/Distribucion/UpdatePublicacionDiasSemanaRequestDto';
import type { PublicacionDropdownDto } from '../../models/dtos/Distribucion/PublicacionDropdownDto';
const getAllPublicaciones = async (
nombreFilter?: string,
@@ -51,6 +52,11 @@ const getPublicacionesPorDiaSemana = async (diaSemana: number): Promise<Publicac
return response.data;
};
const getPublicacionesForDropdown = async (soloHabilitadas: boolean = true): Promise<PublicacionDropdownDto[]> => { // << NUEVA FUNCIÓN
const response = await apiClient.get<PublicacionDropdownDto[]>('/publicaciones/dropdown', { params: { soloHabilitadas } });
return response.data;
};
const publicacionService = {
getAllPublicaciones,
getPublicacionById,
@@ -59,7 +65,8 @@ const publicacionService = {
deletePublicacion,
getConfiguracionDiasPublicacion,
updateConfiguracionDiasPublicacion,
getPublicacionesPorDiaSemana
getPublicacionesPorDiaSemana,
getPublicacionesForDropdown,
};
export default publicacionService;

7
Frontend/src/services/Impresion/plantaService.ts
View File

@@ -2,6 +2,7 @@ import apiClient from '../apiClient';
import type { PlantaDto } from '../../models/dtos/Impresion/PlantaDto';
import type { CreatePlantaDto } from '../../models/dtos/Impresion/CreatePlantaDto';
import type { UpdatePlantaDto } from '../../models/dtos/Impresion/UpdatePlantaDto';
import type { PlantaDropdownDto } from '../../models/dtos/Impresion/PlantaDropdownDto';
const getAllPlantas = async (nombreFilter?: string, detalleFilter?: string): Promise<PlantaDto[]> => {
const params: Record<string, string> = {};
@@ -35,12 +36,18 @@ const deletePlanta = async (id: number): Promise<void> => {
await apiClient.delete(`/plantas/${id}`);
};
const getPlantasForDropdown = async (): Promise<PlantaDropdownDto[]> => { // << NUEVA FUNCIÓN
const response = await apiClient.get<PlantaDropdownDto[]>('/plantas/dropdown');
return response.data;
};
const plantaService = {
getAllPlantas,
getPlantaById,
createPlanta,
updatePlanta,
deletePlanta,
getPlantasForDropdown,
};
export default plantaService;