{{ projectName || 'Proyecto' }}
Gestión de rutas asignadas y puntos de venta pendientes
{{ projectName || 'Proyecto' }}
Gestión de rutas asignadas y puntos de venta pendientes
Combustible: {{ fuelRendimiento ?? '—' }} km/L · {{ fuelPrecio ?? '—' }}/L
-
@@ -119,6 +130,7 @@
Cargando empleados activos...{{ activeEmployees }} empleados activos de este proyecto se usarán para planificar.
- -
-
-
-
-
-
-
-
-
-
- {{ pdvFile.name }}
- Validando...
-
-
-
-
-
- Analizando archivo PDV...
-
-
-
- PDV válido — {{ pdvPreview!.totalRows }} filas
- {{ pdvPreview!.validRows }} filas válidas • Columnas: {{ pdvPreview!.headers.join(', ') }}
-
-
- Errores en PDV ({{ pdvPreview.errors.length }})
- Faltan: {{ pdvPreview.missingHeaders.join(', ') }}
- {{ pdvPreview.totalRows }} filas leídas • {{ pdvPreview.validRows }} válidas
- -
-
- - Fila {{ e.row }} — {{ e.field }}: {{ e.message }} - ({{ e.value }}) - -
- + {{ pdvPreview.errors.length - 8 }} errores más... -
-
-
-
- {{ uploadError }}
-
-
+
-
-
@@ -112,6 +60,16 @@
+
+
+
{
if (!this.projectId || !this.projectName.trim()) return;
+ if (this.fuelRendimiento != null && !(this.fuelRendimiento > 0)) {
+ this.uploadError = 'El rendimiento debe ser mayor a 0 km/L.';
+ return;
+ }
+ if (this.fuelPrecio != null && !(this.fuelPrecio >= 0)) {
+ this.uploadError = 'El precio por litro no puede ser negativo.';
+ return;
+ }
this.projectSaving = true;
try {
- await this.projectsService.update(this.projectId, { nombre: this.projectName.trim(), descripcion: this.projectDescription.trim() || null });
+ await this.projectsService.update(this.projectId, {
+ nombre: this.projectName.trim(),
+ descripcion: this.projectDescription.trim() || null,
+ rendimiento_km_l: this.fuelRendimiento,
+ precio_por_litro: this.fuelPrecio
+ });
this.editingProject = false;
} catch (error: any) { this.uploadError = error?.message ?? 'No se pudo actualizar el proyecto.'; }
finally { this.projectSaving = false; this.cdr.detectChanges(); }
@@ -111,7 +147,6 @@ export class HomeComponent implements OnInit {
filterOptions(key: PlanningFilterKey): string[] { return this.planningFilter.options(key); }
applyPlanningFilters(): void { this.planningFilter.set(this.planningFilters); }
clearPlanningFilters(): void { this.planningFilters = { cobertura: '', zona: '', region: '', estado: '', ciudad: '' }; this.applyPlanningFilters(); }
- toggleInputs(): void { this.inputsExpanded = !this.inputsExpanded; }
toggleFilters(): void { this.filtersExpanded = !this.filtersExpanded; }
toggleUnassigned(): void { this.unassignedExpanded = !this.unassignedExpanded; }
@@ -123,104 +158,10 @@ export class HomeComponent implements OnInit {
this.activeEmployees = 0;
} finally {
this.employeesLoading = false;
- this.cdr.detectChanges();
+ this.updateSubmitState(); this.safeDetectChanges();
}
}
- async onPdvFileChange(event: Event) {
- const input = event.target as HTMLInputElement;
- if (input.files && input.files.length > 0) {
- const file = input.files[0];
- const basicError = this.validateFileBasic(file, 'PDV');
- if (basicError) {
- this.pdvFile = null;
- this.pdvPreview = null;
- this.uploadError = basicError;
- return;
- }
- this.pdvFile = file;
- if (this.usuariosFile) this.planningInput.setFiles(this.projectId, file, this.usuariosFile);
- this.uploadError = null;
- this.pdvPreviewLoading = true;
- this.pdvPreview = null;
- this.cdr.detectChanges();
- try {
- this.pdvPreview = await this.previewService.previewFile(file, 'PDV');
- } catch (e: unknown) {
- const msg = e instanceof Error ? e.message : 'Error al leer el archivo PDV';
- this.pdvPreview = {
- fileName: file.name,
- type: 'PDV',
- valid: false,
- totalRows: 0,
- validRows: 0,
- headers: [],
- normalizedHeaders: [],
- missingHeaders: [],
- errors: [{ row: 1, field: 'file', message: msg }],
- duplicateIds: [],
- sampleValidRows: [],
- };
- } finally {
- this.pdvPreviewLoading = false;
- this.cdr.detectChanges();
- }
- }
- }
-
- async onUsuariosFileChange(event: Event) {
- const input = event.target as HTMLInputElement;
- if (input.files && input.files.length > 0) {
- const file = input.files[0];
- const basicError = this.validateFileBasic(file, 'Usuarios');
- if (basicError) {
- this.usuariosFile = null;
- this.usuariosPreview = null;
- this.uploadError = basicError;
- return;
- }
- this.usuariosFile = file;
- if (this.pdvFile) this.planningInput.setFiles(this.projectId, this.pdvFile, file);
- this.uploadError = null;
- this.usuariosPreviewLoading = true;
- this.usuariosPreview = null;
- this.cdr.detectChanges();
- try {
- this.usuariosPreview = await this.previewService.previewFile(file, 'Usuarios');
- } catch (e: unknown) {
- const msg = e instanceof Error ? e.message : 'Error al leer el archivo Usuarios';
- this.usuariosPreview = {
- fileName: file.name,
- type: 'Usuarios',
- valid: false,
- totalRows: 0,
- validRows: 0,
- headers: [],
- normalizedHeaders: [],
- missingHeaders: [],
- errors: [{ row: 1, field: 'file', message: msg }],
- duplicateIds: [],
- sampleValidRows: [],
- };
- } finally {
- this.usuariosPreviewLoading = false;
- this.cdr.detectChanges();
- }
- }
- }
-
- private validateFileBasic(file: File, type: string): string | null {
- const validExtensions = ['.xlsx', '.xls'];
- const ext = file.name.substring(file.name.lastIndexOf('.')).toLowerCase();
- if (!validExtensions.includes(ext)) {
- return `El archivo ${type} debe ser .xlsx o .xls`;
- }
- if (file.size > 10 * 1024 * 1024) {
- return `El archivo ${type} supera 10MB`;
- }
- return null;
- }
-
get canSubmit(): boolean {
if (!this.pdvFile || !this.activeEmployees) return false;
if (this.pdvPreviewLoading || this.employeesLoading) return false;
@@ -254,7 +195,7 @@ export class HomeComponent implements OnInit {
this.uploadError = 'No se pudo preparar el archivo PDV para el optimizador.';
this.routeState.setLoading(false);
this.isLoading = false;
- this.cdr.detectChanges();
+ this.updateSubmitState(); this.safeDetectChanges();
return;
}
let employeesFile: File;
@@ -282,7 +223,7 @@ export class HomeComponent implements OnInit {
this.uploadError = String((anyRes as { error: unknown }).error);
this.routeState.setLoading(false);
this.isLoading = false;
- this.cdr.detectChanges();
+ this.updateSubmitState(); this.safeDetectChanges();
return;
}
const payload = Array.isArray(res)
@@ -294,7 +235,7 @@ export class HomeComponent implements OnInit {
this.uploadError = 'El optimizador devolvió una respuesta vacía. Verifica que el workflow de n8n esté publicado.';
this.routeState.setLoading(false);
this.isLoading = false;
- this.cdr.detectChanges();
+ this.updateSubmitState(); this.safeDetectChanges();
return;
}
const assigned = payload.find(r => r && typeof r === 'object' && 'assigned' in r) as { assigned: unknown } | undefined;
@@ -303,7 +244,7 @@ export class HomeComponent implements OnInit {
this.uploadError = 'El optimizador devolvió un formato de respuesta no válido. Verifica el workflow de n8n.';
this.routeState.setLoading(false);
this.isLoading = false;
- this.cdr.detectChanges();
+ this.updateSubmitState(); this.safeDetectChanges();
return;
}
if (assigned) {
@@ -314,13 +255,13 @@ export class HomeComponent implements OnInit {
}
this.routeState.setLoading(false);
this.isLoading = false;
- this.cdr.detectChanges();
+ this.updateSubmitState(); this.safeDetectChanges();
},
error: (err) => {
this.uploadError = this.mapBackendError(err);
this.routeState.setLoading(false);
this.isLoading = false;
- this.cdr.detectChanges();
+ this.updateSubmitState(); this.safeDetectChanges();
}
});
}
@@ -347,17 +288,12 @@ export class HomeComponent implements OnInit {
this.planningInput.clear(this.projectId);
this.routeState.clearAll();
this.pdvFile = null;
- this.usuariosFile = null;
this.pdvPreview = null;
- this.usuariosPreview = null;
this.pdvPreviewLoading = false;
- this.usuariosPreviewLoading = false;
this.uploadError = null;
this.isLoading = false;
this.routeState.setLoading(false);
- const pdvInput = document.getElementById('pdvFile') as HTMLInputElement;
- const usuariosInput = document.getElementById('usuariosFile') as HTMLInputElement;
- if (pdvInput) pdvInput.value = '';
- if (usuariosInput) usuariosInput.value = '';
+ this.updateSubmitState();
+ this.safeDetectChanges();
}
}
diff --git a/route-planner/src/app/private/home/no-assigned-route/no-assigned-route.component.ts b/route-planner/src/app/private/home/no-assigned-route/no-assigned-route.component.ts
index f16a89a..e0c3db8 100644
--- a/route-planner/src/app/private/home/no-assigned-route/no-assigned-route.component.ts
+++ b/route-planner/src/app/private/home/no-assigned-route/no-assigned-route.component.ts
@@ -27,6 +27,19 @@ export class NoAssignedRouteComponent implements OnDestroy {
assignmentDays: Record = {};
assigningId: number | null = null;
actionError: string | null = null;
+ userOptions: { id: string; name: string }[] = [];
+ dayOptions: string[] = [];
+
+ private safeDetectChanges(): void {
+ setTimeout(() => {
+ try { this.cdr.detectChanges(); } catch { /* ignore destroyed view */ }
+ });
+ }
+
+ private refreshOptions(): void {
+ this.userOptions = this.routesState.getUsuariosUnicos().map(user => ({ id: user.id, name: user.nombre }));
+ this.dayOptions = this.routesState.getDiasUnicos();
+ }
constructor(
private routesState: RouteState,
@@ -36,22 +49,24 @@ export class NoAssignedRouteComponent implements OnDestroy {
) {}
ngOnInit() {
+ this.refreshOptions();
this.subs.push(
this.routesState.loading$.subscribe(value => {
this.isLoading = value;
- this.cdr.detectChanges();
+ this.safeDetectChanges();
})
);
this.subs.push(
this.routesState.noAssignedRoutes$.subscribe(data => {
this.allNoAssignedRoutes = data.map(route => ({ ...route, recomendacion: route.recomendacion ?? recommendationForUnassigned(route) }));
this.noAssignedRoutes = this.filters.filterUnassigned(this.allNoAssignedRoutes);
- this.cdr.detectChanges();
+ this.refreshOptions();
+ this.safeDetectChanges();
})
);
this.subs.push(this.filters.filters$.subscribe(() => {
this.noAssignedRoutes = this.filters.filterUnassigned(this.allNoAssignedRoutes);
- this.cdr.detectChanges();
+ this.safeDetectChanges();
}));
this.cols = [
{ field: 'pdv_id', header: 'PDV ID' },
@@ -64,13 +79,7 @@ export class NoAssignedRouteComponent implements OnDestroy {
];
}
- get userOptions(): { id: string; name: string }[] {
- return this.routesState.getUsuariosUnicos().map(user => ({ id: user.id, name: user.nombre }));
- }
- get dayOptions(): string[] {
- return this.routesState.getDiasUnicos();
- }
toggleDay(pdvId: number, day: string, checked: boolean): void {
const key = String(pdvId);
@@ -113,7 +122,8 @@ export class NoAssignedRouteComponent implements OnDestroy {
this.actionError = `No se pudo calcular la ruta vial para ${route.pdv_nombre}.`;
} finally {
this.assigningId = null;
- this.cdr.detectChanges();
+ this.refreshOptions();
+ this.safeDetectChanges();
}
}
diff --git a/route-planner/src/app/private/home/planning-kpis/planning-kpis.component.css b/route-planner/src/app/private/home/planning-kpis/planning-kpis.component.css
index 6492f8a..846cc10 100644
--- a/route-planner/src/app/private/home/planning-kpis/planning-kpis.component.css
+++ b/route-planner/src/app/private/home/planning-kpis/planning-kpis.component.css
@@ -88,6 +88,7 @@
.kpi-warning { border-left-color: var(--glm-naranja); }
.kpi-blue { border-left-color: var(--glm-acero); }
.kpi-orange { border-left-color: var(--glm-naranja); }
+.kpi-fuel { border-left-color: var(--glm-verde); }
.kpi-icon {
display: grid;
diff --git a/route-planner/src/app/private/home/planning-kpis/planning-kpis.component.html b/route-planner/src/app/private/home/planning-kpis/planning-kpis.component.html
index 12f7ba5..02cd8fd 100644
--- a/route-planner/src/app/private/home/planning-kpis/planning-kpis.component.html
+++ b/route-planner/src/app/private/home/planning-kpis/planning-kpis.component.html
@@ -23,9 +23,9 @@
class="export-button"
*ngIf="hasData"
(click)="downloadRoutes()"
- [disabled]="pdfLoading"
+ [disabled]="exportLoading"
>
- {{ pdfLoading ? "Generando PDF..." : "Descargar rutas" }} {{ exportLoading ? "Generando Excel..." : "Descargar rutas" }}
+
+ Mapa general y detalle de ruta
+Selecciona una ruta en el mapa o en el balance para ver su detalle sin cambiar de pantalla.
+
+
+
- {{ reoptError || editError || pdfError }}
+
@@ -97,6 +97,17 @@
>
+
+
+
+ {{ reoptError || editError || exportError }}
+ Combustible{{ summary.fuelLiters | number: "1.0-1" }} L—{{ fuelCurrency }} {{ summary.fuelCost | number: "1.2-2" }}Sin configurar en el proyecto
+
+ 