Actualizar servicios.html
This commit is contained in:
@@ -544,6 +544,7 @@
|
|||||||
const selectedOp = document.getElementById('opFilter').value;
|
const selectedOp = document.getElementById('opFilter').value;
|
||||||
const weekValue = document.getElementById('weekFilter').value;
|
const weekValue = document.getElementById('weekFilter').value;
|
||||||
|
|
||||||
|
// Inicializamos contadores reales
|
||||||
let kpiUnassigned = 0;
|
let kpiUnassigned = 0;
|
||||||
let kpiScheduled = 0;
|
let kpiScheduled = 0;
|
||||||
let kpiWaiting = 0;
|
let kpiWaiting = 0;
|
||||||
@@ -551,46 +552,48 @@
|
|||||||
|
|
||||||
const filteredData = localData.filter(s => {
|
const filteredData = localData.filter(s => {
|
||||||
const raw = s.raw_data || {};
|
const raw = s.raw_data || {};
|
||||||
const name = (raw["Nombre Cliente"] || raw["CLIENTE"] || "").toLowerCase();
|
|
||||||
const addr = (raw["Dirección"] || raw["DOMICILIO"] || "").toLowerCase();
|
|
||||||
const pop = (raw["Población"] || raw["POBLACION-PROVINCIA"] || "").toLowerCase();
|
|
||||||
const phone = (raw["Teléfono"] || raw["TELEFONO"] || "").toLowerCase();
|
|
||||||
const comp = (raw["Compañía"] || raw["COMPAÑIA"] || raw["Procedencia"] || "").toLowerCase();
|
|
||||||
const ref = (s.service_ref || "").toLowerCase();
|
|
||||||
const assigned = s.assigned_name || "";
|
|
||||||
const dateRaw = raw.scheduled_date || "";
|
|
||||||
|
|
||||||
const stateInfo = getServiceStateInfo(s);
|
const stateInfo = getServiceStateInfo(s);
|
||||||
s._stateInfo = stateInfo;
|
s._stateInfo = stateInfo; // Guardamos info para el render
|
||||||
|
|
||||||
|
// LÓGICA DE CONTADORES REVOLUCIONADA:
|
||||||
const stName = stateInfo.name.toLowerCase();
|
const stName = stateInfo.name.toLowerCase();
|
||||||
|
|
||||||
if (stateInfo.id === 'bolsa' || stName.includes('pendiente de asignar') || stName.includes('desasignado')) {
|
// 1. SIN ASIGNAR: No tiene nombre de operario O está en bolsa
|
||||||
|
if (!s.assigned_name || stateInfo.id === 'bolsa' || stName.includes('asignar')) {
|
||||||
kpiUnassigned++;
|
kpiUnassigned++;
|
||||||
} else if (stName.includes('incidencia') || stName.includes('pausa')) {
|
}
|
||||||
|
// 2. INCIDENCIA: El estado tiene la palabra clave
|
||||||
|
else if (stName.includes('incidencia') || stName.includes('pausa')) {
|
||||||
kpiIncident++;
|
kpiIncident++;
|
||||||
} else if (dateRaw !== "") {
|
}
|
||||||
|
// 3. AGENDADOS: Tiene fecha puesta y no es un estado final
|
||||||
|
else if (raw.scheduled_date && raw.scheduled_date !== "" && !stateInfo.is_final) {
|
||||||
kpiScheduled++;
|
kpiScheduled++;
|
||||||
} else if (!stateInfo.is_final && !stName.includes('terminado')) {
|
}
|
||||||
|
// 4. ESPERA CLIENTE: No tiene cita pero ya tiene técnico (o estado específico)
|
||||||
|
else if (!stateInfo.is_final && (!raw.scheduled_date || stName.includes('espera'))) {
|
||||||
kpiWaiting++;
|
kpiWaiting++;
|
||||||
}
|
}
|
||||||
|
|
||||||
const matchesSearch = searchTerm === "" || name.includes(searchTerm) || ref.includes(searchTerm) || addr.includes(searchTerm) || pop.includes(searchTerm) || phone.includes(searchTerm) || comp.includes(searchTerm);
|
// Filtros de búsqueda
|
||||||
const matchesOp = selectedOp === "ALL" || assigned === selectedOp;
|
const name = (raw["Nombre Cliente"] || raw["CLIENTE"] || "").toLowerCase();
|
||||||
|
const ref = (s.service_ref || "").toLowerCase();
|
||||||
|
const matchesSearch = searchTerm === "" || name.includes(searchTerm) || ref.includes(searchTerm);
|
||||||
|
const matchesOp = selectedOp === "ALL" || s.assigned_name === selectedOp;
|
||||||
|
|
||||||
let matchesWeek = true;
|
let matchesWeek = true;
|
||||||
if (weekValue !== "") {
|
if (weekValue !== "" && raw.scheduled_date) {
|
||||||
if (dateRaw) matchesWeek = isDateInWeekString(dateRaw, weekValue);
|
matchesWeek = isDateInWeekString(raw.scheduled_date, weekValue);
|
||||||
else matchesWeek = false;
|
} else if (weekValue !== "") {
|
||||||
|
matchesWeek = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
let matchesStatus = false;
|
let matchesStatus = (activeStatusFilter === "ALL") ? true : String(stateInfo.id) === activeStatusFilter;
|
||||||
if (activeStatusFilter === "ALL") matchesStatus = true;
|
|
||||||
else matchesStatus = String(stateInfo.id) === activeStatusFilter;
|
|
||||||
|
|
||||||
return matchesSearch && matchesOp && matchesWeek && matchesStatus;
|
return matchesSearch && matchesOp && matchesWeek && matchesStatus;
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Actualizamos la vista con los números reales
|
||||||
document.getElementById('kpi-unassigned').innerText = kpiUnassigned;
|
document.getElementById('kpi-unassigned').innerText = kpiUnassigned;
|
||||||
document.getElementById('kpi-scheduled').innerText = kpiScheduled;
|
document.getElementById('kpi-scheduled').innerText = kpiScheduled;
|
||||||
document.getElementById('kpi-waiting').innerText = kpiWaiting;
|
document.getElementById('kpi-waiting').innerText = kpiWaiting;
|
||||||
@@ -601,7 +604,7 @@
|
|||||||
? filteredData.map(s => buildGridCard(s)).join('')
|
? 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">
|
: `<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>
|
<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 con los filtros</p>
|
<p class="text-slate-400 font-bold uppercase tracking-widest text-sm">No hay servicios que coincidan</p>
|
||||||
</div>`;
|
</div>`;
|
||||||
|
|
||||||
lucide.createIcons();
|
lucide.createIcons();
|
||||||
|
|||||||
Reference in New Issue
Block a user