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

1. Funcionalidad Principal: Auditoría General

Browse Source 
Se creó una nueva sección de "Auditoría" en la aplicación, diseñada para ser accedida por SuperAdmins.
Se implementó una página AuditoriaGeneralPage.tsx que actúa como un visor centralizado para el historial de cambios de múltiples entidades del sistema.
2. Backend:
Nuevo Controlador (AuditoriaController.cs): Centraliza los endpoints para obtener datos de las tablas de historial (_H).
Servicios y Repositorios Extendidos:
Se añadieron métodos GetHistorialAsync y ObtenerHistorialAsync a las capas de repositorio y servicio para cada una de las siguientes entidades, permitiendo consultar sus tablas _H con filtros:
Usuarios (gral_Usuarios_H)
Pagos de Distribuidores (cue_PagosDistribuidor_H)
Notas de Crédito/Débito (cue_CreditosDebitos_H)
Entradas/Salidas de Distribuidores (dist_EntradasSalidas_H)
Entradas/Salidas de Canillitas (dist_EntradasSalidasCanillas_H)
Novedades de Canillitas (dist_dtNovedadesCanillas_H)
Tipos de Pago (cue_dtTipopago_H)
Canillitas (Maestro) (dist_dtCanillas_H)
Distribuidores (Maestro) (dist_dtDistribuidores_H)
Empresas (Maestro) (dist_dtEmpresas_H)
Zonas (Maestro) (dist_dtZonas_H)
Otros Destinos (Maestro) (dist_dtOtrosDestinos_H)
Publicaciones (Maestro) (dist_dtPublicaciones_H)
Secciones de Publicación (dist_dtPubliSecciones_H)
Precios de Publicación (dist_Precios_H)
Recargos por Zona (dist_RecargoZona_H)
Porcentajes Pago Distribuidores (dist_PorcPago_H)
Porcentajes/Montos Canillita (dist_PorcMonPagoCanilla_H)
Control de Devoluciones (dist_dtCtrlDevoluciones_H)
Tipos de Bobina (bob_dtBobinas_H)
Estados de Bobina (bob_dtEstadosBobinas_H)
Plantas de Impresión (bob_dtPlantas_H)
Stock de Bobinas (bob_StockBobinas_H)
Tiradas (Registro Principal) (bob_RegTiradas_H)
Secciones de Tirada (bob_RegPublicaciones_H)
Cambios de Parada de Canillitas (dist_CambiosParadasCanillas_H)
Ajustes Manuales de Saldo (cue_SaldoAjustesHistorial)
DTOs de Historial: Se crearon DTOs específicos para cada tabla de historial (ej. UsuarioHistorialDto, PagoDistribuidorHistorialDto, etc.) para transferir los datos al frontend, incluyendo el nombre del usuario que realizó la modificación.
Corrección de Lógica de Saldos: Se revisó y corrigió la lógica de afectación de saldos en los servicios PagoDistribuidorService y NotaCreditoDebitoService para asegurar que los débitos y créditos se apliquen correctamente.
3. Frontend:
Nuevo Servicio (auditoriaService.ts): Contiene métodos para llamar a cada uno de los nuevos endpoints de auditoría del backend.
Nueva Página (AuditoriaGeneralPage.tsx):
Permite al SuperAdmin seleccionar el "Tipo de Entidad" a auditar desde un dropdown.
Ofrece filtros comunes (rango de fechas, usuario modificador, tipo de acción) y filtros específicos que aparecen dinámicamente según la entidad seleccionada.
Utiliza un DataGrid de Material-UI para mostrar el historial, con columnas que se adaptan dinámicamente al tipo de entidad consultada.
Nuevos DTOs en TypeScript: Se crearon las interfaces correspondientes a los DTOs de historial del backend.
Gestión de Permisos:
La sección de Auditoría en MainLayout.tsx y su ruta en AppRoutes.tsx están protegidas para ser visibles y accesibles solo por SuperAdmins.
Se añadió un permiso de ejemplo AU_GENERAL_VIEW para ser usado si se decide extender el acceso en el futuro.
Corrección de Errores Menores: Se solucionó el problema del "parpadeo" del selector de fecha en GestionarNovedadesCanillaPage al adoptar un patrón de carga de datos más controlado, similar a otras páginas funcionales.
This commit is contained in:
eldiadmolinari
2025-06-12 19:36:21 -03:00
parent 437b1e8864
commit b04a3b99bf
145 changed files with 5033 additions and 1070 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
Frontend/src/pages/Distribucion/GestionarPreciosPublicacionPage.tsx
View File

@@ -4,7 +4,9 @@ import { useParams, useNavigate } from 'react-router-dom';
import {
Box, Typography, Button, Paper, IconButton, Menu, MenuItem,
Table, TableBody, TableCell, TableContainer, TableHead, TableRow,
CircularProgress, Alert, Chip
CircularProgress, Alert, Chip, // Alert se sigue usando para el error de carga general
ListItemIcon,
ListItemText
} from '@mui/material';
import AddIcon from '@mui/icons-material/Add';
import MoreVertIcon from '@mui/icons-material/MoreVert';
@@ -30,11 +32,11 @@ const GestionarPreciosPublicacionPage: React.FC = () => {
const [publicacion, setPublicacion] = useState<PublicacionDto | null>(null);
const [precios, setPrecios] = useState<PrecioDto[]>([]);
const [loading, setLoading] = useState(true);
const [error, setError] = useState<string | null>(null);
const [error, setError] = useState<string | null>(null); // Para errores de carga de datos
const [modalOpen, setModalOpen] = useState(false);
const [editingPrecio, setEditingPrecio] = useState<PrecioDto | null>(null); // Este estado determina si el modal edita
const [apiErrorMessage, setApiErrorMessage] = useState<string | null>(null);
const [editingPrecio, setEditingPrecio] = useState<PrecioDto | null>(null);
const [apiErrorMessage, setApiErrorMessage] = useState<string | null>(null); // Este se pasa al modal
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
const [selectedPrecioRow, setSelectedPrecioRow] = useState<PrecioDto | null>(null);
@@ -54,7 +56,9 @@ const GestionarPreciosPublicacionPage: React.FC = () => {
return;
}
setLoading(true); setError(null); setApiErrorMessage(null);
setLoading(true);
setError(null); // Limpiar error de carga al reintentar
setApiErrorMessage(null); // Limpiar error de API de acciones previas
try {
const [pubData, preciosData] = await Promise.all([
publicacionService.getPublicacionById(idPublicacion),
@@ -79,41 +83,48 @@ const GestionarPreciosPublicacionPage: React.FC = () => {
}, [cargarDatos]);
const handleOpenModal = (precio?: PrecioDto) => {
setEditingPrecio(precio || null); // Si hay 'precio', el modal estará en modo edición
setApiErrorMessage(null);
setEditingPrecio(precio || null);
setApiErrorMessage(null); // Limpiar error de API al abrir el modal
setModalOpen(true);
};
const handleCloseModal = () => {
setModalOpen(false);
setEditingPrecio(null);
// No limpiar apiErrorMessage aquí, el modal lo hace o se limpia al abrir de nuevo
};
// CORREGIDO: El segundo parámetro 'idPrecio' determina si es edición
const handleSubmitModal = async (data: CreatePrecioDto | UpdatePrecioDto, idPrecio?: number) => {
setApiErrorMessage(null);
try {
// Si idPrecio tiene valor, Y editingPrecio (initialData del modal) también lo tenía, es una actualización
if (idPrecio && editingPrecio) {
await precioService.updatePrecio(idPublicacion, idPrecio, data as UpdatePrecioDto);
} else {
await precioService.createPrecio(idPublicacion, data as CreatePrecioDto);
}
cargarDatos(); // Recargar lista
cargarDatos();
// El modal se cerrará solo si el submit es exitoso (controlado en el modal)
} catch (err: any) {
const message = axios.isAxiosError(err) && err.response?.data?.message ? err.response.data.message : 'Error al guardar el período de precio.';
setApiErrorMessage(message); throw err; // Re-lanzar para que el modal maneje el estado de error
const message = axios.isAxiosError(err) && err.response?.data?.message
? err.response.data.message
: 'Error al guardar el período de precio.';
setApiErrorMessage(message); // Pasar el error al estado que se pasa al modal
throw err; // Re-lanzar para que el modal NO se cierre
}
};
const handleDelete = async (idPrecio: number) => {
if (window.confirm(`¿Está seguro de eliminar este período de precio (ID: ${idPrecio})? Esta acción puede afectar la vigencia de períodos anteriores.`)) {
setApiErrorMessage(null);
setApiErrorMessage(null); // Limpiar antes de la acción
try {
await precioService.deletePrecio(idPublicacion, idPrecio);
cargarDatos();
} catch (err: any) {
const message = axios.isAxiosError(err) && err.response?.data?.message ? err.response.data.message : 'Error al eliminar el período de precio.';
setApiErrorMessage(message);
const message = axios.isAxiosError(err) && err.response?.data?.message
? err.response.data.message
: 'Error al eliminar el período de precio.';
setApiErrorMessage(message); // Establecer error para mostrar EN EL MODAL si fuera necesario, o en un Alert genérico de la PÁGINA SI EL MODAL NO ESTÁ ABIERTO
// Si el modal de confirmación no es parte de un modal de formulario, este apiErrorMessage se mostraría en la página.
// Como es un window.confirm, el error se mostrará en el Alert de la página principal.
}
}
handleMenuClose();
@@ -128,25 +139,38 @@ const GestionarPreciosPublicacionPage: React.FC = () => {
const formatDate = (dateString?: string | null) => {
if (!dateString) return '-';
const date = new Date(dateString); // Asegurar que se parsee correctamente si viene con hora
const date = new Date(dateString);
const day = String(date.getUTCDate()).padStart(2, '0');
const month = String(date.getUTCMonth() + 1).padStart(2, '0'); // Meses son 0-indexados
const month = String(date.getUTCMonth() + 1).padStart(2, '0');
const year = date.getUTCFullYear();
return `${day}/${month}/${year}`;
};
if (loading) {
return <Box sx={{ display: 'flex', justifyContent: 'center', p: 3 }}><CircularProgress /></Box>;
}
if (error) {
return <Alert severity="error" sx={{ m: 2 }}>{error}</Alert>;
// Mostrar error de carga de datos de la página
if (error) {
return (
<Box sx={{p:2}}>
<Button startIcon={<ArrowBackIcon />} onClick={() => navigate('/distribucion/publicaciones')} sx={{ mb: 2 }}>
Volver a Publicaciones
</Button>
<Alert severity="error">{error}</Alert>
</Box>
);
}
if (!puedeGestionarPrecios) {
return <Alert severity="error" sx={{ m: 2 }}>Acceso denegado.</Alert>;
return (
<Box sx={{p:2}}>
<Button startIcon={<ArrowBackIcon />} onClick={() => navigate('/distribucion/publicaciones')} sx={{ mb: 2 }}>
Volver a Publicaciones
</Button>
<Alert severity="error">No tiene permiso para gestionar precios.</Alert>
</Box>
);
}
return (
<Box sx={{ p: 2 }}>
<Button startIcon={<ArrowBackIcon />} onClick={() => navigate('/distribucion/publicaciones')} sx={{ mb: 2 }}>
@@ -167,7 +191,12 @@ const GestionarPreciosPublicacionPage: React.FC = () => {
)}
</Paper>
{apiErrorMessage && <Alert severity="error" sx={{my: 2}}>{apiErrorMessage}</Alert>}
{/* --- Alert para apiErrorMessage eliminado de acá --- */}
{/* {apiErrorMessage && <Alert severity="error" sx={{my: 2}}>{apiErrorMessage}</Alert>} */}
{/* Mostrar error general si es de carga Y no hay error de API de acción (para no duplicar mensajes) */}
{error && !loading && !apiErrorMessage && <Alert severity="error" sx={{ my: 2 }}>{error}</Alert>}
<TableContainer component={Paper}>
<Table size="small">
@@ -212,25 +241,33 @@ const GestionarPreciosPublicacionPage: React.FC = () => {
<Menu anchorEl={anchorEl} open={Boolean(anchorEl)} onClose={handleMenuClose}>
{puedeGestionarPrecios && selectedPrecioRow && (
<MenuItem onClick={() => { handleOpenModal(selectedPrecioRow); handleMenuClose(); }}>
<EditIcon fontSize="small" sx={{mr:1}}/> Editar Precios/Cerrar Período
<ListItemIcon><EditIcon fontSize="small" /></ListItemIcon>
<ListItemText>Editar Precios/Cerrar Período</ListItemText>
</MenuItem>
)}
{puedeGestionarPrecios && selectedPrecioRow && (
<MenuItem onClick={() => handleDelete(selectedPrecioRow.idPrecio)}>
<DeleteIcon fontSize="small" sx={{mr:1}}/> Eliminar Período
<ListItemIcon><DeleteIcon fontSize="small" /></ListItemIcon>
<ListItemText>Eliminar Período</ListItemText>
</MenuItem>
)}
</Menu>
{/* El Alert para errores de API de acciones como handleDelete se mostrará aquí si ocurre. */}
{/* Se podría refinar para que apiErrorMessage solo se muestre si el modal NO está abierto,
pero por ahora, si hay un error en handleDelete (modal no abierto), se mostrará aquí. */}
{apiErrorMessage && !modalOpen && <Alert severity="error" sx={{my: 2}}>{apiErrorMessage}</Alert>}
{idPublicacion &&
<PrecioFormModal
open={modalOpen}
onClose={handleCloseModal}
onSubmit={handleSubmitModal}
idPublicacion={idPublicacion}
initialData={editingPrecio} // Esto le dice al modal si está editando
errorMessage={apiErrorMessage}
clearErrorMessage={() => setApiErrorMessage(null)}
initialData={editingPrecio}
errorMessage={apiErrorMessage} // El modal recibe el apiErrorMessage
clearErrorMessage={() => setApiErrorMessage(null)} // El modal puede limpiar este error
/>
}
</Box>

86
Frontend/src/pages/Distribucion/GestionarRecargosPublicacionPage.tsx
View File

@@ -2,9 +2,9 @@
import React, { useState, useEffect, useCallback } from 'react';
import { useParams, useNavigate } from 'react-router-dom';
import {
Box, Typography, Button, Paper, IconButton, Menu, MenuItem,
Table, TableBody, TableCell, TableContainer, TableHead, TableRow,
CircularProgress, Alert, Chip
Box, Typography, Button, Paper, IconButton, Menu, MenuItem,
Table, TableBody, TableCell, TableContainer, TableHead, TableRow,
CircularProgress, Alert, Chip
} from '@mui/material';
import AddIcon from '@mui/icons-material/Add';
import MoreVertIcon from '@mui/icons-material/MoreVert';
@@ -47,7 +47,7 @@ const GestionarRecargosPublicacionPage: React.FC = () => {
setError("ID de Publicación inválido."); setLoading(false); return;
}
if (!puedeGestionarRecargos) {
setError("No tiene permiso para gestionar recargos."); setLoading(false); return;
setError("No tiene permiso para gestionar recargos."); setLoading(false); return;
}
setLoading(true); setError(null); setApiErrorMessage(null);
try {
@@ -70,8 +70,11 @@ const GestionarRecargosPublicacionPage: React.FC = () => {
useEffect(() => { cargarDatos(); }, [cargarDatos]);
const handleOpenModal = (recargo?: RecargoZonaDto) => {
setEditingRecargo(recargo || null); setApiErrorMessage(null); setModalOpen(true);
setEditingRecargo(recargo || null);
setApiErrorMessage(null); // Limpiar error al abrir el modal
setModalOpen(true);
};
const handleCloseModal = () => {
setModalOpen(false); setEditingRecargo(null);
};
@@ -93,13 +96,13 @@ const GestionarRecargosPublicacionPage: React.FC = () => {
const handleDelete = async (idRecargoDelRow: number) => {
if (window.confirm(`¿Seguro de eliminar este recargo (ID: ${idRecargoDelRow})? Puede afectar vigencias.`)) {
setApiErrorMessage(null);
try {
setApiErrorMessage(null);
try {
await recargoZonaService.deleteRecargoZona(idPublicacion, idRecargoDelRow);
cargarDatos();
} catch (err: any) {
const message = axios.isAxiosError(err) && err.response?.data?.message ? err.response.data.message : 'Error al eliminar el recargo.';
setApiErrorMessage(message);
const message = axios.isAxiosError(err) && err.response?.data?.message ? err.response.data.message : 'Error al eliminar el recargo.';
setApiErrorMessage(message);
}
}
handleMenuClose();
@@ -118,7 +121,7 @@ const GestionarRecargosPublicacionPage: React.FC = () => {
// Si viniera como DateTime completo, necesitarías parsearlo y formatearlo.
const parts = dateString.split('-');
if (parts.length === 3) {
return `${parts[2]}/${parts[1]}/${parts[0]}`; // dd/MM/yyyy
return `${parts[2]}/${parts[1]}/${parts[0]}`; // dd/MM/yyyy
}
return dateString; // Devolver como está si no es el formato esperado
};
@@ -130,64 +133,69 @@ const GestionarRecargosPublicacionPage: React.FC = () => {
return (
<Box sx={{ p: 2 }}>
<Button startIcon={<ArrowBackIcon />} onClick={() => navigate(`/distribucion/publicaciones`)} sx={{ mb: 2 }}>
Volver a Publicaciones
</Button>
<Button startIcon={<ArrowBackIcon />} onClick={() => navigate(`/distribucion/publicaciones`)} sx={{ mb: 2 }}>
Volver a Publicaciones
</Button>
<Typography variant="h4" gutterBottom>Recargos por Zona para: {publicacion?.nombre || 'Cargando...'}</Typography>
<Typography variant="subtitle1" color="text.secondary" gutterBottom>Empresa: {publicacion?.nombreEmpresa || '-'}</Typography>
<Paper sx={{ p: 2, mb: 2 }}>
{puedeGestionarRecargos && (
<Button variant="contained" startIcon={<AddIcon />} onClick={() => handleOpenModal()} sx={{ mb: 2 }}>
Agregar Nuevo Recargo
</Button>
{puedeGestionarRecargos && (
<Button variant="contained" startIcon={<AddIcon />} onClick={() => handleOpenModal()} sx={{ mb: 2 }}>
Agregar Nuevo Recargo
</Button>
)}
</Paper>
{apiErrorMessage && <Alert severity="error" sx={{my: 2}}>{apiErrorMessage}</Alert>}
<TableContainer component={Paper}>
<Table size="small">
<TableHead><TableRow>
<TableCell sx={{fontWeight: 'bold'}}>Zona</TableCell>
<TableCell sx={{fontWeight: 'bold'}}>Vigencia Desde</TableCell>
<TableCell sx={{fontWeight: 'bold'}}>Vigencia Hasta</TableCell>
<TableCell align="right" sx={{fontWeight: 'bold'}}>Valor</TableCell>
<TableCell align="center" sx={{fontWeight: 'bold'}}>Estado</TableCell>
<TableCell align="right" sx={{fontWeight: 'bold'}}>Acciones</TableCell>
<TableCell sx={{ fontWeight: 'bold' }}>Zona</TableCell>
<TableCell sx={{ fontWeight: 'bold' }}>Vigencia Desde</TableCell>
<TableCell sx={{ fontWeight: 'bold' }}>Vigencia Hasta</TableCell>
<TableCell align="right" sx={{ fontWeight: 'bold' }}>Valor</TableCell>
<TableCell align="center" sx={{ fontWeight: 'bold' }}>Estado</TableCell>
<TableCell align="right" sx={{ fontWeight: 'bold' }}>Acciones</TableCell>
</TableRow></TableHead>
<TableBody>
{recargos.length === 0 ? (
<TableRow><TableCell colSpan={6} align="center">No hay recargos definidos para esta publicación.</TableCell></TableRow>
) : (
recargos.sort((a, b) => new Date(b.vigenciaD).getTime() - new Date(a.vigenciaD).getTime() || a.nombreZona.localeCompare(b.nombreZona)) // Ordenar por fecha desc, luego zona asc
.map((r) => (
.map((r) => (
<TableRow key={r.idRecargo} hover>
<TableCell>{r.nombreZona}</TableCell><TableCell>{formatDate(r.vigenciaD)}</TableCell>
<TableCell>{formatDate(r.vigenciaH)}</TableCell>
<TableCell align="right">${r.valor.toFixed(2)}</TableCell>
<TableCell align="center">{!r.vigenciaH ? <Chip label="Activo" color="success" size="small" /> : <Chip label="Cerrado" size="small" />}</TableCell>
<TableCell align="right">
<IconButton onClick={(e) => handleMenuOpen(e, r)} disabled={!puedeGestionarRecargos}><MoreVertIcon /></IconButton>
</TableCell>
<TableCell>{r.nombreZona}</TableCell><TableCell>{formatDate(r.vigenciaD)}</TableCell>
<TableCell>{formatDate(r.vigenciaH)}</TableCell>
<TableCell align="right">${r.valor.toFixed(2)}</TableCell>
<TableCell align="center">{!r.vigenciaH ? <Chip label="Activo" color="success" size="small" /> : <Chip label="Cerrado" size="small" />}</TableCell>
<TableCell align="right">
<IconButton onClick={(e) => handleMenuOpen(e, r)} disabled={!puedeGestionarRecargos}><MoreVertIcon /></IconButton>
</TableCell>
</TableRow>
)))}
)))}
</TableBody>
</Table>
</TableContainer>
<Menu anchorEl={anchorEl} open={Boolean(anchorEl)} onClose={handleMenuClose}>
{puedeGestionarRecargos && selectedRecargoRow && (
<MenuItem onClick={() => { handleOpenModal(selectedRecargoRow); handleMenuClose(); }}><EditIcon fontSize="small" sx={{mr:1}}/> Editar/Cerrar</MenuItem>)}
<MenuItem onClick={() => { handleOpenModal(selectedRecargoRow); handleMenuClose(); }}><EditIcon fontSize="small" sx={{ mr: 1 }} /> Editar/Cerrar</MenuItem>)}
{puedeGestionarRecargos && selectedRecargoRow && (
<MenuItem onClick={() => handleDelete(selectedRecargoRow.idRecargo)}><DeleteIcon fontSize="small" sx={{mr:1}}/> Eliminar</MenuItem>)}
<MenuItem onClick={() => handleDelete(selectedRecargoRow.idRecargo)}><DeleteIcon fontSize="small" sx={{ mr: 1 }} /> Eliminar</MenuItem>)}
</Menu>
{/* Alert para errores de acciones DELETE (cuando el modal no está abierto) */ }
{apiErrorMessage && !modalOpen && <Alert severity="error" sx={{ my: 2 }}>{apiErrorMessage}</Alert>}
{idPublicacion &&
<RecargoZonaFormModal
open={modalOpen} onClose={handleCloseModal} onSubmit={handleSubmitModal}
idPublicacion={idPublicacion} initialData={editingRecargo}
errorMessage={apiErrorMessage} clearErrorMessage={() => setApiErrorMessage(null)}
open={modalOpen}
onClose={handleCloseModal}
onSubmit={handleSubmitModal}
idPublicacion={idPublicacion}
initialData={editingRecargo}
errorMessage={apiErrorMessage} // Se pasa el error al modal
clearErrorMessage={() => setApiErrorMessage(null)}
/>
}
</Box>