marsalva/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actualizar servicios.html

Browse Source
This commit is contained in:
marsalva
2026-03-03 15:29:18 +00:00
parent 3c39de53a1
commit 2f3ad04fee
1 changed files with 26 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
servicios.html
View File

@@ -570,52 +570,54 @@
const searchTerm = document.getElementById('searchFilter').value.toLowerCase();
const selectedOp = document.getElementById('opFilter').value;
const weekValue = document.getElementById('weekFilter').value;
// Inicializamos contadores reales
let kpiUnassigned = 0;
let kpiScheduled = 0;
let kpiWaiting = 0;
let kpiIncident = 0;
// 1. Añadimos la variable para el nuevo KPI
let kpiUnassigned = 0, kpiAssignedNoDate = 0, kpiScheduled = 0, kpiWaiting = 0, kpiIncident = 0;
const filteredData = localData.filter(s => {
const raw = s.raw_data || {};
const stateInfo = getServiceStateInfo(s);
s._stateInfo = stateInfo;
const stName = stateInfo.name.toLowerCase();
if (!s.assigned_name || stateInfo.id === 'bolsa' || stName.includes('asignar')) {
// --- LÓGICA REVISADA DE CONTADORES ---
if (!s.assigned_name || stateInfo.id === 'bolsa' || stName.includes('asignar') || stName.includes('desasignado')) {
// Si no tiene operario, o está en bolsa, o el estado dice explícitamente sin asignar
kpiUnassigned++;
}
else if (stName.includes('incidencia') || stName.includes('pausa')) {
// Si hay un problema
kpiIncident++;
}
else if (stName.includes('espera')) {
// SOLUCIONADO: Ahora solo cuenta aquí si el estado se llama literalmente "Esperando al cliente"
kpiWaiting++;
}
else if (raw.scheduled_date && raw.scheduled_date !== "" && !stateInfo.is_final) {
// Citados: Tiene operario (ya pasó el primer filtro) y SÍ tiene fecha
kpiScheduled++;
}
else if (!stateInfo.is_final && !raw.scheduled_date) {
kpiWaiting++;
else if (!stateInfo.is_final && (!raw.scheduled_date || raw.scheduled_date === "")) {
// Asignado sin cita: Tiene operario, no es incidencia, no es espera, y NO tiene fecha
kpiAssignedNoDate++;
}
const name = (raw["Nombre Cliente"] || raw["CLIENTE"] || "").toLowerCase();
const ref = (s.service_ref || "").toLowerCase();
const matchesSearch = searchTerm === "" || name.includes(searchTerm) || ref.includes(searchTerm);
// Filtro de búsqueda visual (esto no cambia)
const matchesSearch = searchTerm === "" ||
(raw["Nombre Cliente"] || "").toLowerCase().includes(searchTerm) ||
(s.service_ref || "").toLowerCase().includes(searchTerm) ||
(raw["Teléfono"] || "").toLowerCase().includes(searchTerm);
const matchesOp = selectedOp === "ALL" || s.assigned_name === selectedOp;
let matchesWeek = true;
if (weekValue !== "" && raw.scheduled_date) {
matchesWeek = isDateInWeekString(raw.scheduled_date, weekValue);
} else if (weekValue !== "") {
matchesWeek = false;
}
let matchesStatus = (activeStatusFilter === "ALL") ? true : String(stateInfo.id) === activeStatusFilter;
const matchesStatus = (activeStatusFilter === "ALL") ? true : String(stateInfo.id) === activeStatusFilter;
return matchesSearch && matchesOp && matchesWeek && matchesStatus;
return matchesSearch && matchesOp && matchesStatus;
});
// 2. Mandamos los números calculados a los círculos del HTML
document.getElementById('kpi-unassigned').innerText = kpiUnassigned;
document.getElementById('kpi-assigned-no-date').innerText = kpiAssignedNoDate; // <- NUEVO
document.getElementById('kpi-scheduled').innerText = kpiScheduled;
document.getElementById('kpi-waiting').innerText = kpiWaiting;
document.getElementById('kpi-incident').innerText = kpiIncident;
@@ -623,10 +625,7 @@
const grid = document.getElementById('servicesGrid');
grid.innerHTML = filteredData.length > 0
? filteredData.map(s => buildGridCard(s)).join('')
: `<div class="col-span-full py-20 text-center bg-white rounded-[2rem] border-2 border-dashed border-slate-200">
<i data-lucide="layout-grid" class="w-12 h-12 text-slate-300 mx-auto mb-3"></i>
<p class="text-slate-400 font-bold uppercase tracking-widest text-sm">No hay servicios que coincidan</p>
</div>`;
: `<div class="col-span-full py-20 text-center text-slate-400 font-bold uppercase tracking-widest text-sm">No hay servicios con estos filtros</div>`;
lucide.createIcons();
}