Skip to content

Botón Exportar Excel - Frontend

Módulo: Frontend / Shared Tipo: UI Component Estado: Planificado Fecha: 2025-12-15


Descripción

Documentación temporal para la implementación del botón "Exportar Excel" en las vistas de informes del frontend. Esta es una implementación provisional hasta que se estandarice en una configuración centralizada.


Implementación requerida

Regla general

Cada vista de informe que soporte exportación Excel debe incluir un botón "Exportar Excel" junto al botón de generación de PDF.


Especificación del botón

Ubicación

El botón debe estar:

  • Junto al botón existente de "Generar PDF" o "Generar Informe"
  • En la misma fila de acciones
  • Visualmente diferenciado (color secundario o con ícono de Excel)

Diseño sugerido

┌─────────────────────────────────────────┐
│  [Filtros del informe]                  │
│                                         │
│  ┌─────────────┐  ┌─────────────────┐   │
│  │  📄 PDF     │  │  📊 Excel       │   │
│  └─────────────┘  └─────────────────┘   │
└─────────────────────────────────────────┘

Comportamiento

  1. Al hacer clic en "Exportar Excel":
    • Recopilar los mismos filtros que para PDF
    • Agregar formato: "excel" al request
    • Enviar petición al endpoint de informes
    • Descargar el archivo .xlsx resultante

Nota sobre estandarización futura

Esta implementación es temporal. En el futuro se planea:

  1. Configuración centralizada: Definir qué informes soportan qué formatos desde configuración
  2. Componente reutilizable: Crear un componente <ExportButton> que automáticamente muestre las opciones disponibles según el informe
  3. Detección automática: El backend informará qué formatos soporta cada informe

Por ahora, implementar manualmente en cada vista según esta guía.


Relacionado


Historial de cambios

FechaVersiónAutorDescripción
2025-12-151.0SistemaDocumentación inicial temporal