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

Fix: Filtro Fecha Tiradas
All checks were successful
Optimized Build and Deploy / remote-build-and-deploy (push) Successful in 5m10s
Details

Browse Source
This commit is contained in:
dmolinari
2025-07-18 17:04:12 -03:00
parent c96d259892
commit a35a3a66ea
2 changed files with 114 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
.gitea/workflows/deploy.yml
View File

@@ -14,7 +14,7 @@ jobs:
run: | run: |
set -e set -e
# Configura SSH # Configura SSH (sin cambios)
apt-get update -qq && apt-get install -y openssh-client git apt-get update -qq && apt-get install -y openssh-client git
mkdir -p ~/.ssh mkdir -p ~/.ssh
echo "${{ secrets.PROD_SERVER_SSH_KEY }}" > ~/.ssh/id_rsa echo "${{ secrets.PROD_SERVER_SSH_KEY }}" > ~/.ssh/id_rsa
@@ -26,6 +26,12 @@ jobs:
set -e set -e
echo "--- INICIO DEL DESPLIEGUE OPTIMIZADO ---" echo "--- INICIO DEL DESPLIEGUE OPTIMIZADO ---"
# --- Asegurar que el Stack de la Base de Datos esté corriendo ---
echo "Asegurando que el stack de la base de datos esté activo..."
cd /opt/shared-services/database
# El comando 'up -d' es idempotente. Si ya está corriendo, no hace nada.
docker compose up -d
# 1. Preparar entorno # 1. Preparar entorno
TEMP_DIR=$(mktemp -d) TEMP_DIR=$(mktemp -d)
REPO_OWNER="dmolinari" REPO_OWNER="dmolinari"
@@ -37,7 +43,7 @@ jobs:
cd "$TEMP_DIR" cd "$TEMP_DIR"
git checkout "${{ gitea.sha }}" git checkout "${{ gitea.sha }}"
# 2. Construcción paralela con Docker nativo (más rápido y fiable) # 2. Construcción paralela
build_image() { build_image() {
local dockerfile=$1 local dockerfile=$1
local image_name=$2 local image_name=$2
@@ -59,7 +65,7 @@ jobs:
cd /opt/gestion-integral cd /opt/gestion-integral
export DB_SA_PASSWORD='${{ secrets.DB_SA_PASSWORD_SECRET }}' export DB_SA_PASSWORD='${{ secrets.DB_SA_PASSWORD_SECRET }}'
echo "Recreando servicios..." echo "Recreando servicios de la aplicación..."
docker compose up -d --force-recreate docker compose up -d --force-recreate
# 4. Limpieza # 4. Limpieza
@@ -68,5 +74,4 @@ jobs:
docker image prune -f --filter "dangling=true" docker image prune -f --filter "dangling=true"
echo "--- DESPLIEGUE COMPLETADO CON ÉXITO ---" echo "--- DESPLIEGUE COMPLETADO CON ÉXITO ---"
echo "Tiempo total: $(($SECONDS / 60)) minutos y $(($SECONDS % 60)) segundos"
EOSSH EOSSH

192
Frontend/src/pages/Impresion/GestionarTiradasPage.tsx
View File

@@ -1,11 +1,11 @@
import React, { useState, useEffect, useCallback } from 'react'; import React, { useState, useEffect, useCallback } from 'react';
import { import {
Box, Typography, TextField, Button, Paper, IconButton, MenuItem, Box, Typography, TextField, Button, Paper, IconButton, MenuItem,
Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Table, TableBody, TableCell, TableContainer, TableHead, TableRow,
CircularProgress, Alert, Accordion, AccordionSummary, AccordionDetails, Chip, CircularProgress, Alert, Accordion, AccordionSummary, AccordionDetails, Chip,
FormControl, FormControl,
InputLabel, InputLabel,
Select Select
} from '@mui/material'; } from '@mui/material';
import AddIcon from '@mui/icons-material/Add'; import AddIcon from '@mui/icons-material/Add';
import DeleteIcon from '@mui/icons-material/Delete'; import DeleteIcon from '@mui/icons-material/Delete';
@@ -25,6 +25,13 @@ import TiradaFormModal from '../../components/Modals/Impresion/TiradaFormModal';
import { usePermissions } from '../../hooks/usePermissions'; import { usePermissions } from '../../hooks/usePermissions';
import axios from 'axios'; import axios from 'axios';
const toLocalDateString = (date: Date): string => {
const year = date.getFullYear();
const month = (date.getMonth() + 1).toString().padStart(2, '0');
const day = date.getDate().toString().padStart(2, '0');
return `${year}-${month}-${day}`;
};
const GestionarTiradasPage: React.FC = () => { const GestionarTiradasPage: React.FC = () => {
const [tiradas, setTiradas] = useState<TiradaDto[]>([]); const [tiradas, setTiradas] = useState<TiradaDto[]>([]);
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
@@ -32,7 +39,7 @@ const GestionarTiradasPage: React.FC = () => {
const [apiErrorMessage, setApiErrorMessage] = useState<string | null>(null); const [apiErrorMessage, setApiErrorMessage] = useState<string | null>(null);
// Filtros // Filtros
const [filtroFecha, setFiltroFecha] = useState<string>(new Date().toISOString().split('T')[0]); const [filtroFecha, setFiltroFecha] = useState<string>(toLocalDateString(new Date()));
const [filtroIdPublicacion, setFiltroIdPublicacion] = useState<number | string>(''); const [filtroIdPublicacion, setFiltroIdPublicacion] = useState<number | string>('');
const [filtroIdPlanta, setFiltroIdPlanta] = useState<number | string>(''); const [filtroIdPlanta, setFiltroIdPlanta] = useState<number | string>('');
@@ -51,17 +58,17 @@ const GestionarTiradasPage: React.FC = () => {
const fetchFiltersDropdownData = useCallback(async () => { const fetchFiltersDropdownData = useCallback(async () => {
setLoadingFiltersDropdown(true); setLoadingFiltersDropdown(true);
try { try {
const [pubsData, plantasData] = await Promise.all([ const [pubsData, plantasData] = await Promise.all([
publicacionService.getPublicacionesForDropdown(true), publicacionService.getPublicacionesForDropdown(true),
plantaService.getPlantasForDropdown() plantaService.getPlantasForDropdown()
]); ]);
setPublicaciones(pubsData); setPublicaciones(pubsData);
setPlantas(plantasData); setPlantas(plantasData);
} catch (err) { } catch (err) {
console.error("Error cargando datos para filtros:", err); console.error("Error cargando datos para filtros:", err);
setError("Error al cargar opciones de filtro."); setError("Error al cargar opciones de filtro.");
} finally { } finally {
setLoadingFiltersDropdown(false); setLoadingFiltersDropdown(false);
} }
}, []); }, []);
@@ -107,18 +114,21 @@ const GestionarTiradasPage: React.FC = () => {
const handleDeleteTirada = async (tirada: TiradaDto) => { const handleDeleteTirada = async (tirada: TiradaDto) => {
if (window.confirm(`¿Seguro de eliminar la tirada del ${tirada.fecha} para "${tirada.nombrePublicacion}" en planta "${tirada.nombrePlanta}"? Esta acción eliminará el total de ejemplares y todas sus secciones asociadas.`)) { if (window.confirm(`¿Seguro de eliminar la tirada del ${tirada.fecha} para "${tirada.nombrePublicacion}" en planta "${tirada.nombrePlanta}"? Esta acción eliminará el total de ejemplares y todas sus secciones asociadas.`)) {
setApiErrorMessage(null); setApiErrorMessage(null);
try { try {
await tiradaService.deleteTiradaCompleta(tirada.fecha, tirada.idPublicacion, tirada.idPlanta); await tiradaService.deleteTiradaCompleta(tirada.fecha, tirada.idPublicacion, tirada.idPlanta);
cargarTiradas(); cargarTiradas();
} catch (err: any) { } catch (err: any) {
const message = axios.isAxiosError(err) && err.response?.data?.message ? err.response.data.message : 'Error al eliminar la tirada.'; const message = axios.isAxiosError(err) && err.response?.data?.message ? err.response.data.message : 'Error al eliminar la tirada.';
setApiErrorMessage(message); setApiErrorMessage(message);
} }
} }
}; };
const formatDate = (dateString?: string | null) => dateString ? new Date(dateString + 'T00:00:00Z').toLocaleDateString('es-AR') : '-'; const formatDate = (dateString?: string | null) => {
if (!dateString) return '-';
return new Date(dateString).toLocaleDateString('es-AR', { timeZone: 'UTC' });
};
if (!loading && !puedeVer && !loadingFiltersDropdown) return <Box sx={{ p: 2 }}><Alert severity="error">{error || "Acceso denegado."}</Alert></Box>; if (!loading && !puedeVer && !loadingFiltersDropdown) return <Box sx={{ p: 2 }}><Alert severity="error">{error || "Acceso denegado."}</Alert></Box>;
@@ -127,77 +137,85 @@ const GestionarTiradasPage: React.FC = () => {
<Box sx={{ p: 1 }}> <Box sx={{ p: 1 }}>
<Typography variant="h5" gutterBottom>Gestión de Tiradas</Typography> <Typography variant="h5" gutterBottom>Gestión de Tiradas</Typography>
<Paper sx={{ p: 2, mb: 2 }}> <Paper sx={{ p: 2, mb: 2 }}>
<Typography variant="h6" gutterBottom>Filtros <FilterListIcon fontSize="small"/></Typography> <Typography variant="h6" gutterBottom>Filtros <FilterListIcon fontSize="small" /></Typography>
<Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 2, alignItems: 'center', mb: 2}}> <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 2, alignItems: 'center', mb: 2 }}>
<TextField label="Fecha" type="date" size="small" value={filtroFecha} onChange={(e) => setFiltroFecha(e.target.value)} InputLabelProps={{ shrink: true }} sx={{minWidth: 170}}/> <TextField
<FormControl size="small" sx={{minWidth: 200, flexGrow: 1}} disabled={loadingFiltersDropdown}> label="Fecha"
<InputLabel>Publicación</InputLabel> type="date"
<Select value={filtroIdPublicacion} label="Publicación" onChange={(e) => setFiltroIdPublicacion(e.target.value as number | string)}> size="small"
<MenuItem value=""><em>Todas</em></MenuItem> value={filtroFecha}
{publicaciones.map(p => <MenuItem key={p.idPublicacion} value={p.idPublicacion}>{p.nombre} ({p.nombreEmpresa})</MenuItem>)} onChange={(e) => setFiltroFecha(e.target.value)}
</Select> InputLabelProps={{ shrink: true }}
</FormControl> sx={{ minWidth: 170 }}
<FormControl size="small" sx={{minWidth: 180, flexGrow: 1}} disabled={loadingFiltersDropdown}> />
<InputLabel>Planta</InputLabel> <FormControl size="small" sx={{ minWidth: 200, flexGrow: 1 }} disabled={loadingFiltersDropdown}>
<Select value={filtroIdPlanta} label="Planta" onChange={(e) => setFiltroIdPlanta(e.target.value as number | string)}> <InputLabel>Publicación</InputLabel>
<MenuItem value=""><em>Todas</em></MenuItem> <Select value={filtroIdPublicacion} label="Publicación" onChange={(e) => setFiltroIdPublicacion(e.target.value as number | string)}>
{plantas.map(p => <MenuItem key={p.idPlanta} value={p.idPlanta}>{p.nombre}</MenuItem>)} <MenuItem value=""><em>Todas</em></MenuItem>
</Select> {publicaciones.map(p => <MenuItem key={p.idPublicacion} value={p.idPublicacion}>{p.nombre} ({p.nombreEmpresa})</MenuItem>)}
</FormControl> </Select>
{/* <Button variant="outlined" onClick={cargarTiradas} size="small">Buscar</Button> */} </FormControl>
<FormControl size="small" sx={{ minWidth: 180, flexGrow: 1 }} disabled={loadingFiltersDropdown}>
<InputLabel>Planta</InputLabel>
<Select value={filtroIdPlanta} label="Planta" onChange={(e) => setFiltroIdPlanta(e.target.value as number | string)}>
<MenuItem value=""><em>Todas</em></MenuItem>
{plantas.map(p => <MenuItem key={p.idPlanta} value={p.idPlanta}>{p.nombre}</MenuItem>)}
</Select>
</FormControl>
{/* <Button variant="outlined" onClick={cargarTiradas} size="small">Buscar</Button> */}
</Box> </Box>
{puedeRegistrar && (<Button variant="contained" startIcon={<AddIcon />} onClick={handleOpenModal}>Registrar Nueva Tirada</Button>)} {puedeRegistrar && (<Button variant="contained" startIcon={<AddIcon />} onClick={handleOpenModal}>Registrar Nueva Tirada</Button>)}
</Paper> </Paper>
{loading && <Box sx={{ display: 'flex', justifyContent: 'center', my: 2 }}><CircularProgress /></Box>} {loading && <Box sx={{ display: 'flex', justifyContent: 'center', my: 2 }}><CircularProgress /></Box>}
{error && !loading && <Alert severity="error" sx={{my: 2}}>{error}</Alert>} {error && !loading && <Alert severity="error" sx={{ my: 2 }}>{error}</Alert>}
{apiErrorMessage && <Alert severity="error" sx={{my: 2}}>{apiErrorMessage}</Alert>} {apiErrorMessage && <Alert severity="error" sx={{ my: 2 }}>{apiErrorMessage}</Alert>}
{!loading && !error && puedeVer && ( {!loading && !error && puedeVer && (
<Box> <Box>
{tiradas.length === 0 ? ( {tiradas.length === 0 ? (
<Typography sx={{mt:2, textAlign:'center'}}>No se encontraron tiradas con los filtros aplicados.</Typography> <Typography sx={{ mt: 2, textAlign: 'center' }}>No se encontraron tiradas con los filtros aplicados.</Typography>
) : ( ) : (
tiradas.map((tirada) => ( tiradas.map((tirada) => (
<Accordion key={tirada.idRegistroTirada} sx={{mb:1}}> <Accordion key={tirada.idRegistroTirada} sx={{ mb: 1 }}>
<AccordionSummary expandIcon={<ExpandMoreIcon />}> <AccordionSummary expandIcon={<ExpandMoreIcon />}>
<Box sx={{display: 'flex', justifyContent: 'space-between', width: '100%', alignItems: 'center'}}> <Box sx={{ display: 'flex', justifyContent: 'space-between', width: '100%', alignItems: 'center' }}>
<Typography sx={{fontWeight:'bold'}}>{formatDate(tirada.fecha)} - {tirada.nombrePublicacion} ({tirada.nombrePlanta})</Typography> <Typography sx={{ fontWeight: 'bold' }}>{formatDate(tirada.fecha)} - {tirada.nombrePublicacion} ({tirada.nombrePlanta})</Typography>
<Box> <Box>
<Chip label={`${tirada.ejemplares} ej.`} color="primary" size="small" sx={{mr:1}}/> <Chip label={`${tirada.ejemplares} ej.`} color="primary" size="small" sx={{ mr: 1 }} />
<Chip label={`${tirada.totalPaginasSumadas} pág.`} size="small" /> <Chip label={`${tirada.totalPaginasSumadas} pág.`} size="small" />
{puedeEliminar && ( {puedeEliminar && (
<IconButton size="small" onClick={(e) => { e.stopPropagation(); handleDeleteTirada(tirada);}} sx={{ml:1}}> <IconButton size="small" onClick={(e) => { e.stopPropagation(); handleDeleteTirada(tirada); }} sx={{ ml: 1 }}>
<DeleteIcon color="error"/> <DeleteIcon color="error" />
</IconButton> </IconButton>
)} )}
</Box> </Box>
</Box> </Box>
</AccordionSummary> </AccordionSummary>
<AccordionDetails> <AccordionDetails>
<TableContainer component={Paper} variant="outlined"> <TableContainer component={Paper} variant="outlined">
<Table size="small"> <Table size="small">
<TableHead><TableRow> <TableHead><TableRow>
<TableCell><strong>Sección</strong></TableCell> <TableCell><strong>Sección</strong></TableCell>
<TableCell align="right"><strong>Páginas</strong></TableCell> <TableCell align="right"><strong>Páginas</strong></TableCell>
</TableRow></TableHead> </TableRow></TableHead>
<TableBody> <TableBody>
{tirada.seccionesImpresas.map(sec => ( {tirada.seccionesImpresas.map(sec => (
<TableRow key={sec.idRegPublicacionSeccion}> <TableRow key={sec.idRegPublicacionSeccion}>
<TableCell>{sec.nombreSeccion}</TableCell> <TableCell>{sec.nombreSeccion}</TableCell>
<TableCell align="right">{sec.cantPag}</TableCell> <TableCell align="right">{sec.cantPag}</TableCell>
</TableRow> </TableRow>
))} ))}
</TableBody> </TableBody>
</Table> </Table>
</TableContainer> </TableContainer>
</AccordionDetails> </AccordionDetails>
</Accordion> </Accordion>
)) ))
)} )}
</Box> </Box>
)} )}
{/* No hay paginación para la lista de Acordeones por ahora */} {/* No hay paginación para la lista de Acordeones por ahora */}
<TiradaFormModal <TiradaFormModal
open={modalOpen} open={modalOpen}