Feat: Agregar promedios monetarios por empleado en totales
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 55s

- Agregadas dos nuevas cards en promedio por empleado:
  * Planillas / Empleado (promedio de pago en planillas)
  * Tareas $ / Empleado (promedio de precios de tareas)
- Agregados computed properties promedioPagoPlanillasPorEmpleado y promedioPrecioTareasPorEmpleado
- Actualizada función copiarTexto con los nuevos promedios monetarios
- Cambiado grid de promedios de 3 a 5 columnas (md:grid-cols-2 lg:grid-cols-5)
This commit is contained in:
2025-11-13 22:57:03 -06:00
parent 4473515446
commit 9a96d9b3d9

View File

@@ -135,7 +135,7 @@
<!-- Promedio por Empleado --> <!-- Promedio por Empleado -->
<div v-if="(contadores?.empleados_filtrados || 0) > 0"> <div v-if="(contadores?.empleados_filtrados || 0) > 0">
<h3 class="text-lg font-semibold text-[var(--brand-primary)] mb-3">Promedio por Empleado</h3> <h3 class="text-lg font-semibold text-[var(--brand-primary)] mb-3">Promedio por Empleado</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-3"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-3">
<div class="rounded-lg border border-[var(--brand-border)] bg-[var(--brand-surface)] px-4 py-3"> <div class="rounded-lg border border-[var(--brand-border)] bg-[var(--brand-surface)] px-4 py-3">
<div class="text-xs text-[var(--brand-text-muted)] uppercase tracking-wide mb-1">Horas / Empleado</div> <div class="text-xs text-[var(--brand-text-muted)] uppercase tracking-wide mb-1">Horas / Empleado</div>
<div class="text-lg font-bold text-blue-400"> <div class="text-lg font-bold text-blue-400">
@@ -154,6 +154,18 @@
{{ formatNumber(promedioTareasPorEmpleado, 1) }} tareas {{ formatNumber(promedioTareasPorEmpleado, 1) }} tareas
</div> </div>
</div> </div>
<div class="rounded-lg border border-[var(--brand-border)] bg-[var(--brand-surface)] px-4 py-3">
<div class="text-xs text-[var(--brand-text-muted)] uppercase tracking-wide mb-1">Planillas / Empleado</div>
<div class="text-lg font-bold text-emerald-400">
{{ formatCurrency(promedioPagoPlanillasPorEmpleado) }}
</div>
</div>
<div class="rounded-lg border border-[var(--brand-border)] bg-[var(--brand-surface)] px-4 py-3">
<div class="text-xs text-[var(--brand-text-muted)] uppercase tracking-wide mb-1">Tareas $ / Empleado</div>
<div class="text-lg font-bold text-cyan-400">
{{ formatCurrency(promedioPrecioTareasPorEmpleado) }}
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -196,6 +208,18 @@ const promedioTareasPorEmpleado = computed(() => {
return (props.data.total_tareas || 0) / empleados return (props.data.total_tareas || 0) / empleados
}) })
const promedioPagoPlanillasPorEmpleado = computed(() => {
const empleados = props.contadores?.empleados_filtrados || 0
if (empleados === 0) return 0
return (props.data.total_pagado_planillas || 0) / empleados
})
const promedioPrecioTareasPorEmpleado = computed(() => {
const empleados = props.contadores?.empleados_filtrados || 0
if (empleados === 0) return 0
return (props.data.total_precios_tareas || 0) / empleados
})
const formatNumber = (value: number, decimals: number = 2) => { const formatNumber = (value: number, decimals: number = 2) => {
if (!value) return decimals === 0 ? '0' : '0.00' if (!value) return decimals === 0 ? '0' : '0.00'
return new Intl.NumberFormat('es-HN', { return new Intl.NumberFormat('es-HN', {
@@ -239,7 +263,9 @@ async function copiarTexto() {
📈 PROMEDIO POR EMPLEADO: 📈 PROMEDIO POR EMPLEADO:
Horas por Empleado: ${formatNumber(promedioHorasPorEmpleado.value)} hrs Horas por Empleado: ${formatNumber(promedioHorasPorEmpleado.value)} hrs
Días por Empleado: ${formatNumber(promedioDiasPorEmpleado.value, 1)} días Días por Empleado: ${formatNumber(promedioDiasPorEmpleado.value, 1)} días
Tareas por Empleado: ${formatNumber(promedioTareasPorEmpleado.value, 1)} tareas${footer}` Tareas por Empleado: ${formatNumber(promedioTareasPorEmpleado.value, 1)} tareas
Pago Planillas por Empleado: ${formatCurrency(promedioPagoPlanillasPorEmpleado.value)}
Pago Tareas por Empleado: ${formatCurrency(promedioPrecioTareasPorEmpleado.value)}${footer}`
await navigator.clipboard.writeText(texto) await navigator.clipboard.writeText(texto)
alert('✅ Totales de Empleados copiados al portapapeles') alert('✅ Totales de Empleados copiados al portapapeles')