From 7ba649c0917dd550cd1ee302ac4ea9eba9ea77b0 Mon Sep 17 00:00:00 2001 From: IO420 <320154041@pcpuma.acatlan.unam.mx> Date: Thu, 20 Nov 2025 18:19:09 -0600 Subject: [PATCH] added axios to pregunta 4 --- src/app/(Administrador)/perifericos/page.tsx | 4 +- src/components/Equipo_Computo/Pregunta1.tsx | 2 +- src/components/Equipo_Computo/pregunta10.tsx | 6 +- src/components/Equipo_Computo/pregunta7.css | 4 +- src/components/Perifericos/Pregunta4EP.tsx | 87 ++++++++++++++------ src/components/Perifericos/Pregunta5EP.tsx | 1 - 6 files changed, 67 insertions(+), 37 deletions(-) diff --git a/src/app/(Administrador)/perifericos/page.tsx b/src/app/(Administrador)/perifericos/page.tsx index 2611dbf..82a6752 100644 --- a/src/app/(Administrador)/perifericos/page.tsx +++ b/src/app/(Administrador)/perifericos/page.tsx @@ -14,8 +14,8 @@ type PreguntaKey = | "pregunta7"; const LABELS: Record = { - pregunta1: "Impresion", - pregunta4: "Digitalizacion", + pregunta1: "Impresoras", + pregunta4: "Digitales", pregunta7: "Antiguedad", }; diff --git a/src/components/Equipo_Computo/Pregunta1.tsx b/src/components/Equipo_Computo/Pregunta1.tsx index d19776f..267d44f 100644 --- a/src/components/Equipo_Computo/Pregunta1.tsx +++ b/src/components/Equipo_Computo/Pregunta1.tsx @@ -71,7 +71,7 @@ export default function Pregunta1() { ); for (const item of res.data) { - const categoria = item.categoria.trim(); // ⚠️ elimina espacios basura + const categoria = item.categoria.trim(); const mapping = CATEGORIA_MAP[categoria]; if (!mapping) continue; diff --git a/src/components/Equipo_Computo/pregunta10.tsx b/src/components/Equipo_Computo/pregunta10.tsx index 2862b27..b99e5a4 100644 --- a/src/components/Equipo_Computo/pregunta10.tsx +++ b/src/components/Equipo_Computo/pregunta10.tsx @@ -63,9 +63,9 @@ export default function Pregunta10() { - - - + + + diff --git a/src/components/Equipo_Computo/pregunta7.css b/src/components/Equipo_Computo/pregunta7.css index 01988a5..ef88781 100644 --- a/src/components/Equipo_Computo/pregunta7.css +++ b/src/components/Equipo_Computo/pregunta7.css @@ -10,18 +10,16 @@ margin-bottom: 25px; border-radius: 4px; } - .pregunta-cuadro { background-color: #fff; - border-left: 6px solid #001f3f; + border-left: 10px solid #001f3f; padding: 15px; border-radius: 8px; font-size: 16px; margin-bottom: 25px; } - .tabla-contenedor { background: white; padding: 20px; diff --git a/src/components/Perifericos/Pregunta4EP.tsx b/src/components/Perifericos/Pregunta4EP.tsx index ba1934e..ecfc7ec 100644 --- a/src/components/Perifericos/Pregunta4EP.tsx +++ b/src/components/Perifericos/Pregunta4EP.tsx @@ -1,40 +1,73 @@ "use client"; import React, { useState, useEffect } from "react"; import "@/app/styles/layout/pregunta4EP.scss"; +import Cookies from "js-cookie"; +import axios from "axios"; interface EquiposDigitalizacion { digitalizadorCamaPlana: string; - digitalizador3d: string; + d3D: string; digitalizadorAlimentador: string; digitalizadorGranVolumen: string; } export default function Pregunta4EP() { const [equipos, setEquipos] = useState({ - digitalizadorCamaPlana: "27", - digitalizador3d: "", - digitalizadorAlimentador: "108", - digitalizadorGranVolumen: "1", + digitalizadorCamaPlana: "0", + d3D: "0", + digitalizadorAlimentador: "0", + digitalizadorGranVolumen: "0", }); - // 🔹 Preparado para conectar con el backend - useEffect(() => { - // Cuando tengas la API, descomenta y reemplaza la URL: - /* - fetch("https://tu-api-backend.com/api/equipos-digitalizacion") - .then((res) => res.json()) - .then((data) => setEquipos(data)) - .catch((err) => console.error("Error al obtener datos:", err)); - */ - }, []); + const api_url = process.env.NEXT_PUBLIC_API_URL; - const handleChange = (e: React.ChangeEvent) => { - const { name, value } = e.target; - setEquipos({ - ...equipos, - [name]: value, - }); - }; + useEffect(() => { + const token = Cookies.get("token"); + const headers = { Authorization: `Bearer ${token}` }; + axios + .get(`${api_url}/equipos/reporte/equipos_impesion_group/dijitales`, { + headers, + }) + .then((res) => { + const data = res.data; + + const valores = { + digitalizadorCamaPlana: "0", + d3D: "0", + digitalizadorAlimentador: "0", + digitalizadorGranVolumen: "0", + }; + + data.forEach((item: any) => { + const periferico = item.periferico.toUpperCase().trim(); + const total = item.total ?? "0"; + + switch (periferico) { + case "DIGITALIZADOR DE CAMA PLANA PARA OFICINA": + valores.digitalizadorCamaPlana = total; + break; + + case "3D": + valores.d3D = total; + break; + + case "DIGITALIZADOR CON ALIMENTADOR DE HOJAS PARA OFICINA": + valores.digitalizadorAlimentador = total; + break; + + case "DIGITALIZADOR DE GRAN VOLUMEN": + valores.digitalizadorGranVolumen = total; + break; + } + }); + + setEquipos(valores); + }) + + .catch((err) => { + console.error("Error:", err); + }); + }, []); return (
@@ -56,7 +89,7 @@ export default function Pregunta4EP() { id="digitalizadorCamaPlana" name="digitalizadorCamaPlana" value={equipos.digitalizadorCamaPlana} - onChange={handleChange} + disabled />
@@ -66,8 +99,8 @@ export default function Pregunta4EP() { type="text" id="digitalizador3d" name="digitalizador3d" - value={equipos.digitalizador3d} - onChange={handleChange} + value={equipos.d3D} + disabled /> @@ -80,7 +113,7 @@ export default function Pregunta4EP() { id="digitalizadorAlimentador" name="digitalizadorAlimentador" value={equipos.digitalizadorAlimentador} - onChange={handleChange} + disabled /> @@ -93,7 +126,7 @@ export default function Pregunta4EP() { id="digitalizadorGranVolumen" name="digitalizadorGranVolumen" value={equipos.digitalizadorGranVolumen} - onChange={handleChange} + disabled /> diff --git a/src/components/Perifericos/Pregunta5EP.tsx b/src/components/Perifericos/Pregunta5EP.tsx index b20e9af..2b19b94 100644 --- a/src/components/Perifericos/Pregunta5EP.tsx +++ b/src/components/Perifericos/Pregunta5EP.tsx @@ -37,7 +37,6 @@ export default function Pregunta5EP() { .then((res) => { const data = res.data; - // Valores por defecto const valores = { alumnos: "0", profesores: "0",
Computadoras de Escritorio (247)Computadoras Portátiles (767)Alto Rendimiento (17)Computadoras de EscritorioComputadoras PortátilesAlto Rendimiento