Feat: Agregar promedios monetarios por empleado en totales
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 55s
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:
@@ -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')
|
||||||
|
|||||||
Reference in New Issue
Block a user