Feat: Agregar footer con resumen a todos los botones de copiar texto
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 49s

Implementa un footer consistente en todas las funciones de copiar texto
que incluye información de contexto del informe:

Footer incluye:
- 📅 Rango de fechas aplicado
- 📦 Cantidad de ingresos filtrados vs total
- 👥 Cantidad de clientes con ingresos vs total
- 🕐 Fecha y hora de generación

Cambios en archivos:
- informe-ingresos.vue: Footer en Lista, Top 10 y Serie Temporal
- TotalesIngresoCompra.vue: Recibe contadores y metadata
- TotalesMonetarios.vue: Recibe contadores y metadata
- TotalesVerde.vue: Recibe contadores y metadata

El footer usa datos de la query "Informe Ingresos - Contadores de Filtros"
que proporciona totales con y sin filtros aplicados.
This commit is contained in:
2025-10-30 16:47:59 -06:00
parent 96e0d4f456
commit 494ffb6d3b
4 changed files with 108 additions and 9 deletions

View File

@@ -146,6 +146,14 @@ const props = defineProps<{
total_qq_oreado_deposito: number
total_qq_seco_deposito: number
}
contadores?: {
total_ingresos?: number
ingresos_filtrados?: number
total_clientes?: number
clientes_con_ingresos_filtrados?: number
}
rangoLegible: string
lastUpdated: string
}>()
// Toggle de unidades: 'lb' | 'qq' | 'both'
@@ -189,6 +197,15 @@ const formatNumber = (value: number) => {
}
async function copiarTexto() {
const footer = `
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📊 RESUMEN
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📅 Rango: ${props.rangoLegible}
📦 Ingresos: ${props.contadores?.ingresos_filtrados || 0} de ${props.contadores?.total_ingresos || 0} registros
👥 Clientes: ${props.contadores?.clientes_con_ingresos_filtrados || 0} de ${props.contadores?.total_clientes || 0} clientes
🕐 Generado: ${props.lastUpdated}`
const texto = `☕ TOTALES DE INGRESO Y COMPRA
🍇 UVA:
@@ -209,7 +226,7 @@ async function copiarTexto() {
📊 TOTALES GENERALES:
QQ Seco Ingresado: ${formatNumber(props.data.total_qq_seco_ingresado)} QQ
QQ Seco Comprado: ${formatNumber(props.data.total_qq_seco_comprado)} QQ
QQ Seco en Depósito: ${formatNumber(props.data.total_qq_seco_deposito)} QQ`
QQ Seco en Depósito: ${formatNumber(props.data.total_qq_seco_deposito)} QQ${footer}`
await navigator.clipboard.writeText(texto)
alert('✅ Totales de Ingreso y Compra copiados al portapapeles')

View File

@@ -113,6 +113,14 @@ const props = defineProps<{
inversion_restante_oreado: number
inversion_restante_esperada: number
}
contadores?: {
total_ingresos?: number
ingresos_filtrados?: number
total_clientes?: number
clientes_con_ingresos_filtrados?: number
}
rangoLegible: string
lastUpdated: string
}>()
// Toggle de unidades para precios de Uva: 'lb' | 'qq' | 'both'
@@ -154,6 +162,15 @@ const formatCurrency = (value: number) => {
}
async function copiarTexto() {
const footer = `
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📊 RESUMEN
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📅 Rango: ${props.rangoLegible}
📦 Ingresos: ${props.contadores?.ingresos_filtrados || 0} de ${props.contadores?.total_ingresos || 0} registros
👥 Clientes: ${props.contadores?.clientes_con_ingresos_filtrados || 0} de ${props.contadores?.total_clientes || 0} clientes
🕐 Generado: ${props.lastUpdated}`
const texto = `💰 TOTALES MONETARIOS
💵 INVERSIÓN HASTA LA FECHA:
@@ -172,7 +189,7 @@ async function copiarTexto() {
Restante Uva: ${formatCurrency(props.data.inversion_restante_uva)}
Restante Mojado: ${formatCurrency(props.data.inversion_restante_mojado)}
Restante Oreado: ${formatCurrency(props.data.inversion_restante_oreado)}
Total Restante: ${formatCurrency(props.data.inversion_restante_esperada)}`
Total Restante: ${formatCurrency(props.data.inversion_restante_esperada)}${footer}`
await navigator.clipboard.writeText(texto)
alert('✅ Totales Monetarios copiados al portapapeles')

View File

@@ -82,6 +82,14 @@ const props = defineProps<{
inversion_restante_verde: number
total_lb_neto_comprado_verde: number
}
contadores?: {
total_ingresos?: number
ingresos_filtrados?: number
total_clientes?: number
clientes_con_ingresos_filtrados?: number
}
rangoLegible: string
lastUpdated: string
}>()
const formatNumber = (value: number) => {
@@ -102,6 +110,15 @@ const formatCurrency = (value: number) => {
}
async function copiarTexto() {
const footer = `
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📊 RESUMEN
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📅 Rango: ${props.rangoLegible}
📦 Ingresos: ${props.contadores?.ingresos_filtrados || 0} de ${props.contadores?.total_ingresos || 0} registros
👥 Clientes: ${props.contadores?.clientes_con_ingresos_filtrados || 0} de ${props.contadores?.total_clientes || 0} clientes
🕐 Generado: ${props.lastUpdated}`
const texto = `🌱 CAFÉ VERDE
📊 TOTALES:
@@ -112,7 +129,7 @@ async function copiarTexto() {
💵 FINANCIERO:
Precio Promedio Pagado: ${formatCurrency(props.data.precio_promedio_verde_pagado)}/lb
Inversión Hasta la Fecha: ${formatCurrency(props.data.inversion_verde_hasta_fecha)}
Inversión Restante: ${formatCurrency(props.data.inversion_restante_verde)}`
Inversión Restante: ${formatCurrency(props.data.inversion_restante_verde)}${footer}`
await navigator.clipboard.writeText(texto)
alert('✅ Totales de Café Verde copiados al portapapeles')

View File

@@ -363,9 +363,27 @@
</UCard>
<!-- Secciones de Totales -->
<TotalesIngresoCompra v-if="pageSections.totalesCafe" :data="data.totalesIngresoCompra" />
<TotalesMonetarios v-if="pageSections.totalesCafe" :data="data.totalesMonetarios" />
<TotalesVerde v-if="pageSections.totalesVerde" :data="data.totalesVerde" />
<TotalesIngresoCompra
v-if="pageSections.totalesCafe"
:data="data.totalesIngresoCompra"
:contadores="data.contadores"
:rango-legible="rangoLegible"
:last-updated="lastUpdated"
/>
<TotalesMonetarios
v-if="pageSections.totalesCafe"
:data="data.totalesMonetarios"
:contadores="data.contadores"
:rango-legible="rangoLegible"
:last-updated="lastUpdated"
/>
<TotalesVerde
v-if="pageSections.totalesVerde"
:data="data.totalesVerde"
:contadores="data.contadores"
:rango-legible="rangoLegible"
:last-updated="lastUpdated"
/>
<!-- Lista de Ingresos -->
<UCard v-if="pageSections.tablaIngresos" class="brand-card border border-transparent">
@@ -849,6 +867,16 @@ async function loadOpcionesFiltros() {
async function copiarListaIngresosTexto() {
if (!data.value?.listaIngresos || data.value.listaIngresos.length === 0) return
const contadores = data.value.contadores || {}
const footer = `
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📊 RESUMEN
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📅 Rango: ${rangoLegible.value}
📦 Ingresos: ${contadores.ingresos_filtrados || 0} de ${contadores.total_ingresos || 0} registros
👥 Clientes: ${contadores.clientes_con_ingresos_filtrados || 0} de ${contadores.total_clientes || 0} clientes
🕐 Generado: ${lastUpdated.value}`
const texto = `📊 LISTA DE INGRESOS - ${data.value.listaIngresos.length} registros
Rango: ${rangoLegible.value}
Generado: ${lastUpdated.value}
@@ -862,7 +890,7 @@ ${idx + 1}. ID: ${ing.id}
💰 Precio: L ${ing.precio ? ing.precio.toFixed(2) : '-'}
💵 Total: L ${ing.total_a_pagar ? ing.total_a_pagar.toFixed(2) : '-'}
📍 Estado: ${ing.estado || '-'}
`).join('\n')}`
`).join('\n')}${footer}`
await navigator.clipboard.writeText(texto)
alert('✅ Lista de ingresos copiada al portapapeles')
@@ -879,6 +907,16 @@ async function copiarListaIngresosJSON() {
async function copiarTop10ClientesTexto() {
if (!data.value?.listaClientes || data.value.listaClientes.length === 0) return
const contadores = data.value.contadores || {}
const footer = `
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📊 RESUMEN
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📅 Rango: ${rangoLegible.value}
📦 Ingresos: ${contadores.ingresos_filtrados || 0} de ${contadores.total_ingresos || 0} registros
👥 Clientes: ${contadores.clientes_con_ingresos_filtrados || 0} de ${contadores.total_clientes || 0} clientes
🕐 Generado: ${lastUpdated.value}`
const top10 = data.value.listaClientes.slice(0, 10)
const texto = `🏆 TOP 10 CLIENTES
Rango: ${rangoLegible.value}
@@ -891,7 +929,7 @@ ${idx + 1}. ${cliente.cliente_nombre || 'Sin nombre'}
💰 Total Pagado: L ${cliente.total_pagado ? cliente.total_pagado.toFixed(2) : '0.00'}
📦 Ingresos: ${cliente.num_ingresos || 0}
⚖️ Quintales: ${cliente.total_qq_seco ? cliente.total_qq_seco.toFixed(2) : '0.00'} qq
`).join('\n')}`
`).join('\n')}${footer}`
await navigator.clipboard.writeText(texto)
alert('✅ Top 10 clientes copiado al portapapeles')
@@ -909,6 +947,16 @@ async function copiarTop10ClientesJSON() {
async function copiarSerieTemporalTexto() {
if (!data.value?.serieTemporal || data.value.serieTemporal.length === 0) return
const contadores = data.value.contadores || {}
const footer = `
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📊 RESUMEN
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📅 Rango: ${rangoLegible.value}
📦 Ingresos: ${contadores.ingresos_filtrados || 0} de ${contadores.total_ingresos || 0} registros
👥 Clientes: ${contadores.clientes_con_ingresos_filtrados || 0} de ${contadores.total_clientes || 0} clientes
🕐 Generado: ${lastUpdated.value}`
const texto = `📈 SERIE TEMPORAL ACUMULADA - ${data.value.serieTemporal.length} puntos
Rango: ${rangoLegible.value}
Generado: ${lastUpdated.value}
@@ -922,7 +970,7 @@ ${idx + 1}. 📅 ${punto.fecha_grupo ? new Date(punto.fecha_grupo).toLocaleDateS
💰 Inversión: L ${punto.inversion_periodo ? punto.inversion_periodo.toFixed(2) : '0.00'}
📊 Acumulado: ${punto.peso_seco_acumulado ? punto.peso_seco_acumulado.toFixed(2) : '0.00'} qq
💵 Total Acum: L ${punto.inversion_acumulada ? punto.inversion_acumulada.toFixed(2) : '0.00'}
`).join('\n')}`
`).join('\n')}${footer}`
await navigator.clipboard.writeText(texto)
alert('✅ Serie temporal copiada al portapapeles')