- |
+ |
@@ -407,7 +447,7 @@ const ResultsTable: React.FC = ({
) : (
- |
+ |
diff --git a/src/components/ui/DeepAnalysisPanel/DeepAnalysisPanel.tsx b/src/components/ui/DeepAnalysisPanel/DeepAnalysisPanel.tsx
new file mode 100644
index 0000000..6dd41cc
--- /dev/null
+++ b/src/components/ui/DeepAnalysisPanel/DeepAnalysisPanel.tsx
@@ -0,0 +1,212 @@
+import React, { useState, useEffect } from 'react';
+import { Link } from 'react-router-dom';
+import { DocumentArrowDownIcon, EyeIcon } from '@heroicons/react/24/outline';
+
+interface ParametroCritico {
+ label: string;
+ count: number;
+}
+
+interface DimensionCritica {
+ name: string;
+ count: number;
+}
+
+interface RutInfo {
+ rut: string;
+ razonSocial: string;
+ fecha: string;
+ _id: string;
+}
+
+interface DeepAnalysisData {
+ dimensionesCriticas: DimensionCritica[];
+ parametrosCriticos: ParametroCritico[];
+ rutsByParam: Record;
+}
+
+interface Props {
+ data: DeepAnalysisData | null;
+ loadingAnalysis: boolean;
+ loadingExcel: boolean;
+ onAnalyze: () => void;
+ onExportExcel: () => void;
+}
+
+const DeepAnalysisPanel: React.FC = ({ data, loadingAnalysis, loadingExcel, onAnalyze, onExportExcel }) => {
+ const [selectedParams, setSelectedParams] = useState([]);
+ const maxCount = data ? Math.max(...data.parametrosCriticos.map(p => p.count), 1) : 1;
+
+ useEffect(() => {
+ if (data && selectedParams.length > 0) {
+ const validParams = selectedParams.filter(p => data.rutsByParam[p]);
+ if (validParams.length !== selectedParams.length) {
+ setSelectedParams(validParams);
+ }
+ }
+ }, [data, selectedParams]);
+
+ const toggleParam = (label: string) => {
+ setSelectedParams(prev =>
+ prev.includes(label) ? prev.filter(p => p !== label) : [...prev, label]
+ );
+ };
+
+ return (
+
+
+ Análisis Profundo
+
+
+
+
+
+
+ {data && data.parametrosCriticos.length > 0 && (
+ <>
+
+ {/* Dimensiones Críticas - solo parámetros severo/Crítico con nombre y conteo */}
+
+
+ Parametros severos
+
+
+ Crítico
+
+
+
+ {data.dimensionesCriticas.map((dim, i) => (
+ -
+
+
+ {dim.name}
+
+ 0 ? 'text-red-600 dark:text-red-400' : 'text-gray-400 dark:text-gray-500'}`}>
+ {dim.count}
+
+
+ ))}
+
+
+
+ {/* Parámetros Críticos - gráfico de barras */}
+
+
+ Recurrencia por parámetro
+
+
+ Crítico / Alto
+
+
+
+ {data.parametrosCriticos.map((param, i) => (
+
+ toggleParam(param.label)}
+ className="w-4 h-4 text-primary-600 border-gray-300 rounded focus:ring-primary-500 flex-shrink-0"
+ />
+
+ {param.label}
+
+
+
+ ))}
+
+
+
+
+ {selectedParams.length > 0 && (
+
+
+
+ RUTs por Parámetro Seleccionado ({selectedParams.length})
+
+
+
+
+
+
+
+
+ | Parámetro |
+ RUT |
+ Razón Social |
+ Fecha |
+ Acciones |
+
+
+
+ {selectedParams.flatMap(paramLabel =>
+ (data.rutsByParam[paramLabel] || []).map((r, idx) => (
+
+ | {paramLabel} |
+ {r.rut} |
+ {r.razonSocial} |
+
+ {r.fecha ? new Date(r.fecha).toLocaleDateString('es-CL') : '-'}
+ |
+
+ {r._id && (
+
+
+ Ver Detalle
+
+ )}
+ |
+
+ ))
+ )}
+
+
+
+
+
+ )}
+
+ )}
+
+ {data && data.parametrosCriticos.length === 0 && (
+ No se encontraron parámetros críticos o altos.
+ )}
+
-
- {/* Panel de Filtros */}
-
-
-
- Filtros de Búsqueda
-
-
-
-
- setStartDate(e.target.value)} className="block w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white outline-none focus:ring-2 focus:ring-primary-500" />
+ <>
+
+
+ {/* Panel de Filtros */}
+
+
-
-
- setEndDate(e.target.value)} className="block w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white outline-none focus:ring-2 focus:ring-primary-500" />
-
-
-
-
-
- {showRiskDropdown && (
-
- {[
- { value: 'red', label: 'Crítico' },
- { value: 'orange', label: 'Alto' },
- { value: 'yellow', label: 'Medio' },
- { value: 'green', label: 'Bajo' }
- ].map(risk => (
-
- ))}
-
- )}
+
-
-
-
- {showTagDropdown && (
-
- {uniqueTags.length > 0 ? (
- uniqueTags.map(tag => (
-
-
-
-
-
- setSearchFilter(e.target.value)} className="block w-full pl-10 pr-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white outline-none" />
-
-
-
-
-
-
-
-
-
-
- {/* Filtros Activos */}
- {hasActiveFilters && (
-
-
-
- Filtros Activos:
-
- {appliedStartDate && (
-
- Desde:
- {new Date(appliedStartDate).toLocaleDateString()}
-
-
- )}
- {appliedEndDate && (
-
- Hasta:
- {new Date(appliedEndDate).toLocaleDateString()}
-
-
- )}
- {appliedRiskLevels.map(level => (
-
- Riesgo:
- {getRiskLevelLabel(level)}
-
-
- ))}
- {appliedTags.map(tag => (
-
- Tag:
- {tag}
-
-
- ))}
- {appliedSearch && (
-
- Búsqueda:
- "{appliedSearch}"
-
-
+ ))}
+
)}
+
+
+
+
+ {showTagDropdown && (
+
+ {uniqueTags.length > 0 ? (
+ uniqueTags.map(tag => (
+
+ ))
+ ) : (
+ No hay tags disponibles
+ )}
+
+ )}
+
+
+
+
+
+
+ setSearchFilter(e.target.value)} className="block w-full pl-10 pr-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white outline-none" />
+
+
+
+
+
+
- )}
- {/* Layout Dashboard */}
-
-
- {/* Información de registros filtrados */}
- {isFilterMode && (
-
-
-
-
-
- Filtros Aplicados
+
+
+ {/* Filtros Activos */}
+ {hasActiveFilters && (
+
+
+
+ Filtros Activos:
+
+ {appliedStartDate && (
+
+ Desde:
+ {new Date(appliedStartDate).toLocaleDateString()}
+
+
+ )}
+ {appliedEndDate && (
+
+ Hasta:
+ {new Date(appliedEndDate).toLocaleDateString()}
+
+
+ )}
+ {appliedRiskLevels.map(level => (
+
+ Riesgo:
+ {getRiskLevelLabel(level)}
+
+
+ ))}
+ {appliedTags.map(tag => (
+
+ Tag:
+ {tag}
+
+
+ ))}
+ {appliedSearch && (
+
+ Búsqueda:
+ "{appliedSearch}"
+
+
+ )}
+
+
+
+
+
+ )}
+
+ {/* Deep Analysis Panel */}
+
+
+
+
+
+
+
+
+
+
+ {/* Layout Dashboard */}
+
+
+ {/* Información de registros filtrados */}
+ {isFilterMode && (
+
+
+
+
+
+ Filtros Aplicados
+
+
+ Mostrando {filteredResults.length} de {allDataForFilters.length} registros totales
+
+
+
+
+
+ {filteredResults.length}
-
- Mostrando {filteredResults.length} de {allDataForFilters.length} registros totales
+
+ resultados
-
-
- {filteredResults.length}
-
-
- resultados
-
+
+ )}
+
+
+
- )}
-
-
-
-
-
+
);
};
-export default Dashboard;
+export default Dashboard;
\ No newline at end of file
| |