From 5b77e2a410e2369fdb17314e278cde9824319a1d Mon Sep 17 00:00:00 2001 From: IO <320154041@pcpuma.acatlan.unam.mx> Date: Wed, 19 Nov 2025 12:43:40 -0600 Subject: [PATCH] new style and new names --- .../{reporte => equipoComputo}/page.tsx | 15 +- src/app/(Administrador)/perifericos/page.tsx | 15 +- .../(Administrador)/pregunta2/pregunta2.scss | 1 - src/app/(Administrador)/pregunta5EP/page.tsx | 7 +- .../(Administrador)/pregunta7/pregunta7.css | 1 - .../(Administrador)/pregunta7_1/pregunta7.css | 1 - .../(Administrador)/pregunta9/pregunta1.css | 1 - src/app/styles/layout/pregunta4EP.scss | 1 - src/app/styles/layout/pregunta7.scss | 1 - src/components/BarNavigationAdmin.tsx | 4 +- src/components/Equipo_Computo/Pregunta2.tsx | 8 ++ .../Equipo_Computo/pregunta3.module.scss | 1 - src/components/Equipo_Computo/pregunta7.css | 1 - src/components/Equipo_Computo/pregunta9.css | 4 - src/components/Perifericos/Pregunta5EP.tsx | 136 +++++++++++++----- .../Perifericos/pregunta2EP.module.scss | 1 - src/components/Perifericos/pregunta5EP.scss | 6 - src/components/header.tsx | 2 +- 18 files changed, 132 insertions(+), 74 deletions(-) rename src/app/(Administrador)/{reporte => equipoComputo}/page.tsx (89%) diff --git a/src/app/(Administrador)/reporte/page.tsx b/src/app/(Administrador)/equipoComputo/page.tsx similarity index 89% rename from src/app/(Administrador)/reporte/page.tsx rename to src/app/(Administrador)/equipoComputo/page.tsx index d8a1f6c..e0bbf0f 100644 --- a/src/app/(Administrador)/reporte/page.tsx +++ b/src/app/(Administrador)/equipoComputo/page.tsx @@ -12,25 +12,22 @@ import "../../styles/layout/reporte.scss"; type PreguntaKey = | "pregunta1" | "pregunta2" - | "pregunta2_1" | "pregunta3" | "pregunta7EP" | "pregunta9"; const LABELS: Record = { - pregunta1: "Pregunta 1 ", - pregunta2: "Pregunta 2", - pregunta2_1: "Pregunta 2.1", - pregunta3: "Pregunta 3", - pregunta7EP: "Pregunta 7 EP", - pregunta9: "Pregunta 9", + pregunta1: "Perfil de Usuario", + pregunta2: "Sistema Operativo", + pregunta3: "Plataforma y tipo procesador", + pregunta7EP: "Laboratorios", + pregunta9: "Generales", }; // Mapeo de fondo por pregunta (puedes personalizarlo) const TAB_BACKGROUNDS: Record = { pregunta1: "bg-gray", pregunta2: "bg-gray", - pregunta2_1: "bg-gray", pregunta3: "bg-gray", pregunta7EP: "bg-gray", pregunta9: "bg-blue", @@ -45,8 +42,6 @@ export default function Page() { return ; case "pregunta2": return ; - case "pregunta2_1": - return ; case "pregunta3": return ; case "pregunta7EP": diff --git a/src/app/(Administrador)/perifericos/page.tsx b/src/app/(Administrador)/perifericos/page.tsx index 9305fa0..144e0d3 100644 --- a/src/app/(Administrador)/perifericos/page.tsx +++ b/src/app/(Administrador)/perifericos/page.tsx @@ -5,18 +5,21 @@ import Pregunta7 from "@/components/Equipo_Computo/Pregunta7"; import Pregunta1EP from "@/components/Perifericos/Pregunta1EP"; import Pregunta2EP from "@/components/Perifericos/Pregunta2EP"; import Pregunta4EP from "@/components/Perifericos/Pregunta4EP"; +import Pregunta5EP from "@/components/Perifericos/Pregunta5EP"; import "../../styles/layout/reporte.scss"; type PreguntaKey = | "pregunta1" | "pregunta2" | "pregunta4" - | "pregunta7" + | "pregunta5" + | "pregunta7"; const LABELS: Record = { pregunta1: "Pregunta 1", pregunta2: "Pregunta 2", pregunta4: "Pregunta 4", + pregunta5: "Pregunta 5", pregunta7: "Pregunta 7", }; @@ -25,6 +28,7 @@ const TAB_BACKGROUNDS: Record = { pregunta1: "bg-gray", pregunta2: "bg-gray", pregunta4: "bg-gray", + pregunta5: "bg-gray", pregunta7: "bg-gray", }; @@ -36,9 +40,11 @@ export default function Page() { case "pregunta1": return ; case "pregunta2": - return ; + return ; case "pregunta4": return ; + case "pregunta5": + return ; case "pregunta7": return ; default: @@ -54,10 +60,7 @@ export default function Page() { return (
-
- -
{Object.entries(LABELS).map(([key, label]) => ( @@ -79,4 +82,4 @@ export default function Page() {
); -} \ No newline at end of file +} diff --git a/src/app/(Administrador)/pregunta2/pregunta2.scss b/src/app/(Administrador)/pregunta2/pregunta2.scss index e6129f8..ffd5807 100644 --- a/src/app/(Administrador)/pregunta2/pregunta2.scss +++ b/src/app/(Administrador)/pregunta2/pregunta2.scss @@ -38,7 +38,6 @@ .container { width: 100%; max-width: 900px; - background: #fff; border-radius: 12px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1); overflow: hidden; diff --git a/src/app/(Administrador)/pregunta5EP/page.tsx b/src/app/(Administrador)/pregunta5EP/page.tsx index 30cba20..db90668 100644 --- a/src/app/(Administrador)/pregunta5EP/page.tsx +++ b/src/app/(Administrador)/pregunta5EP/page.tsx @@ -1,5 +1,4 @@ "use client"; -import React from "react"; import "../../styles/layout/pregunta5EP.scss"; export default function Pregunta5EP() { @@ -20,7 +19,7 @@ export default function Pregunta5EP() {
@@ -34,14 +33,14 @@ export default function Pregunta5EP() {
diff --git a/src/app/(Administrador)/pregunta7/pregunta7.css b/src/app/(Administrador)/pregunta7/pregunta7.css index c428384..7441c2d 100644 --- a/src/app/(Administrador)/pregunta7/pregunta7.css +++ b/src/app/(Administrador)/pregunta7/pregunta7.css @@ -1,5 +1,4 @@ .contenedor-pregunta { - padding: 20px; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } diff --git a/src/app/(Administrador)/pregunta7_1/pregunta7.css b/src/app/(Administrador)/pregunta7_1/pregunta7.css index 63d3f27..1006c85 100644 --- a/src/app/(Administrador)/pregunta7_1/pregunta7.css +++ b/src/app/(Administrador)/pregunta7_1/pregunta7.css @@ -1,5 +1,4 @@ .contenedor-pregunta { - padding: 20px; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } diff --git a/src/app/(Administrador)/pregunta9/pregunta1.css b/src/app/(Administrador)/pregunta9/pregunta1.css index b68ed70..6ff6bc5 100644 --- a/src/app/(Administrador)/pregunta9/pregunta1.css +++ b/src/app/(Administrador)/pregunta9/pregunta1.css @@ -1,5 +1,4 @@ .contenedor-pregunta { - padding: 20px; background-color: #f9fafc; } diff --git a/src/app/styles/layout/pregunta4EP.scss b/src/app/styles/layout/pregunta4EP.scss index 617ab71..354c3e8 100644 --- a/src/app/styles/layout/pregunta4EP.scss +++ b/src/app/styles/layout/pregunta4EP.scss @@ -1,5 +1,4 @@ .container { - padding: 20px; border-radius: 6px; } diff --git a/src/app/styles/layout/pregunta7.scss b/src/app/styles/layout/pregunta7.scss index c1bd3d8..ce8fbdb 100644 --- a/src/app/styles/layout/pregunta7.scss +++ b/src/app/styles/layout/pregunta7.scss @@ -1,6 +1,5 @@ .container { max-width: 100%; - margin: 10px 10%; } .controls { diff --git a/src/components/BarNavigationAdmin.tsx b/src/components/BarNavigationAdmin.tsx index 074a578..55a1f25 100644 --- a/src/components/BarNavigationAdmin.tsx +++ b/src/components/BarNavigationAdmin.tsx @@ -39,8 +39,8 @@ function BarNavigation() { */}
  • - - Reporte + + Equipo de Computo
  • diff --git a/src/components/Equipo_Computo/Pregunta2.tsx b/src/components/Equipo_Computo/Pregunta2.tsx index 243917a..4c3a474 100644 --- a/src/components/Equipo_Computo/Pregunta2.tsx +++ b/src/components/Equipo_Computo/Pregunta2.tsx @@ -85,6 +85,14 @@ export default function Pregunta1() { return (
    +
    + Censo de equipos periféricos - Equipo de digitalización +
    + +
    + 5. Indique el número de equipos de digitalización de acuerdo con la + población universitaria al que se destina su uso primordialmente. +
    Presione cada pestaña para ver la información de las plataformas.
    diff --git a/src/components/Equipo_Computo/pregunta3.module.scss b/src/components/Equipo_Computo/pregunta3.module.scss index 2409e0a..d4cc6c4 100644 --- a/src/components/Equipo_Computo/pregunta3.module.scss +++ b/src/components/Equipo_Computo/pregunta3.module.scss @@ -6,7 +6,6 @@ .container_P3 { width: 100%; - max-width: 1000px; background: #fff; border-radius: 12px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1); diff --git a/src/components/Equipo_Computo/pregunta7.css b/src/components/Equipo_Computo/pregunta7.css index 6073f1a..735b800 100644 --- a/src/components/Equipo_Computo/pregunta7.css +++ b/src/components/Equipo_Computo/pregunta7.css @@ -1,5 +1,4 @@ .contenedor-pregunta { - padding: 20px; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } diff --git a/src/components/Equipo_Computo/pregunta9.css b/src/components/Equipo_Computo/pregunta9.css index 60e00f0..0d8d189 100644 --- a/src/components/Equipo_Computo/pregunta9.css +++ b/src/components/Equipo_Computo/pregunta9.css @@ -1,7 +1,3 @@ -.contenedor-pregunta { - padding: 20px; -} - .pregunta-cuadro { border-left: 6px solid #001f3f; diff --git a/src/components/Perifericos/Pregunta5EP.tsx b/src/components/Perifericos/Pregunta5EP.tsx index 9c8c7db..ea74b97 100644 --- a/src/components/Perifericos/Pregunta5EP.tsx +++ b/src/components/Perifericos/Pregunta5EP.tsx @@ -1,54 +1,126 @@ "use client"; -import React from "react"; import "./pregunta5EP.scss"; +import styles from "./pregunta2EP.module.scss"; +import { useEffect, useState } from "react"; + +interface EquiposPoblacion { + alumnos: string; + profesores: string; + tecnicosAcademicos: string; + investigadores: string; + administrativos: string; + total: string; +} export default function Pregunta5EP() { + const [equipos, setEquipos] = useState({ + alumnos: "35", + profesores: "43", + tecnicosAcademicos: "", + investigadores: "", + administrativos: "302", + total: "380", + }); + + // Listo para conectar al backend + useEffect(() => { + /* + fetch("https://tu-api-backend.com/api/equipos-poblacion") + .then((res) => res.json()) + .then((data) => setEquipos(data)) + .catch((err) => console.error("Error al obtener datos:", err)); + */ + }, []); + + const handleChange = (e: React.ChangeEvent) => { + const { name, value } = e.target; + setEquipos((prev) => ({ + ...prev, + [name]: value, + })); + }; return (
    -
    - Indique el número de equipos de digitalización de acuerdo con la - población universitaria al que se destina su uso primordialmente. - * - (Requerido en el caso de contar con Equipo de digitalización) +
    + Censo de equipos periféricos - Equipo de digitalización
    -
    -
    - - +
    + 5. Indique el número de equipos de digitalización de acuerdo con la + población universitaria al que se destina su uso primordialmente. +
    + +
    +
    + +
    -
    -