From 01601ead7bf5c78f6db61482fdac296ee759752b Mon Sep 17 00:00:00 2001 From: IO420 <320154041@pcpuma.acatlan.unam.mx> Date: Fri, 31 Oct 2025 18:31:53 -0600 Subject: [PATCH 01/11] added mathcher --- src/middleware.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/middleware.ts b/src/middleware.ts index 4bfa08e..b0a5a38 100644 --- a/src/middleware.ts +++ b/src/middleware.ts @@ -13,6 +13,6 @@ export function middleware(request: NextRequest) { } export const config = { - matcher: [], + matcher: ["/AgregarEquipo", "/Escaner"], }; //IO From 5c3c3d1e5d9af5944c0eb63fc488ef995795e045 Mon Sep 17 00:00:00 2001 From: IO420 <320154041@pcpuma.acatlan.unam.mx> Date: Fri, 31 Oct 2025 18:36:34 -0600 Subject: [PATCH 02/11] get error --- src/app/(Operador)/Escaner/page.tsx | 1 + src/middleware.ts | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/app/(Operador)/Escaner/page.tsx b/src/app/(Operador)/Escaner/page.tsx index dcf9124..b505a8d 100644 --- a/src/app/(Operador)/Escaner/page.tsx +++ b/src/app/(Operador)/Escaner/page.tsx @@ -46,6 +46,7 @@ export default function Dashboard() { } } catch (error) { toast.error("Error No se encontro el equipo"); + router.push(`/AgregarEquipo?equipoId=${code}`); } toast(`${code}`); }; diff --git a/src/middleware.ts b/src/middleware.ts index b0a5a38..4bfa08e 100644 --- a/src/middleware.ts +++ b/src/middleware.ts @@ -13,6 +13,6 @@ export function middleware(request: NextRequest) { } export const config = { - matcher: ["/AgregarEquipo", "/Escaner"], + matcher: [], }; //IO From 5cc24d9ad1d1d538bcf546d51c02a2d86fe0b588 Mon Sep 17 00:00:00 2001 From: IO420 <320154041@pcpuma.acatlan.unam.mx> Date: Fri, 31 Oct 2025 18:36:47 -0600 Subject: [PATCH 03/11] added matcher --- src/middleware.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/middleware.ts b/src/middleware.ts index 4bfa08e..b0a5a38 100644 --- a/src/middleware.ts +++ b/src/middleware.ts @@ -13,6 +13,6 @@ export function middleware(request: NextRequest) { } export const config = { - matcher: [], + matcher: ["/AgregarEquipo", "/Escaner"], }; //IO From f413ca3812dafb6117ea5cec8c997bc982ec079a Mon Sep 17 00:00:00 2001 From: IO420 <320154041@pcpuma.acatlan.unam.mx> Date: Fri, 31 Oct 2025 18:57:21 -0600 Subject: [PATCH 04/11] added new format --- src/app/(Operador)/AgregarEquipo/page.tsx | 6 ++++++ src/components/Editar.tsx | 9 +++------ 2 files changed, 9 insertions(+), 6 deletions(-) diff --git a/src/app/(Operador)/AgregarEquipo/page.tsx b/src/app/(Operador)/AgregarEquipo/page.tsx index 997b2ea..a66ffa1 100644 --- a/src/app/(Operador)/AgregarEquipo/page.tsx +++ b/src/app/(Operador)/AgregarEquipo/page.tsx @@ -5,8 +5,12 @@ import axios from "axios"; import Cookies from "js-cookie"; import toast from "react-hot-toast"; import "../../styles/layout/agregarEquipo.scss"; +import { useSearchParams } from "next/navigation"; export default function Page() { + const searchParams = useSearchParams(); + const inventario = searchParams.get("equipoId"); + const [formData, setFormData] = useState({ serie: "", marca: "", @@ -22,6 +26,8 @@ export default function Page() { responsable: "", }); + formData.serie = inventario ? inventario : ""; + // Tipos de datos interface TipoUso { id_tipo_uso: number; diff --git a/src/components/Editar.tsx b/src/components/Editar.tsx index 02c2faa..f8621bb 100644 --- a/src/components/Editar.tsx +++ b/src/components/Editar.tsx @@ -183,17 +183,14 @@ export default function Editar() {

- {inventario ? `Editar Equipo (${inventario})` : "Agregar Equipo"} + {formData.tipoEquipo} + Inventario:{formData.inventario} + Fecha de censo:

{/* Columna 1 */}
-
- - -
-
Date: Fri, 31 Oct 2025 19:01:46 -0600 Subject: [PATCH 05/11] builded --- src/app/(Operador)/AgregarEquipo/page.tsx | 386 +--------------------- src/components/AgregarEquipo.tsx | 386 ++++++++++++++++++++++ src/middleware.ts | 2 +- 3 files changed, 393 insertions(+), 381 deletions(-) create mode 100644 src/components/AgregarEquipo.tsx diff --git a/src/app/(Operador)/AgregarEquipo/page.tsx b/src/app/(Operador)/AgregarEquipo/page.tsx index a66ffa1..7562249 100644 --- a/src/app/(Operador)/AgregarEquipo/page.tsx +++ b/src/app/(Operador)/AgregarEquipo/page.tsx @@ -1,385 +1,11 @@ "use client"; -import { useState, useEffect } from "react"; -import axios from "axios"; -import Cookies from "js-cookie"; -import toast from "react-hot-toast"; -import "../../styles/layout/agregarEquipo.scss"; -import { useSearchParams } from "next/navigation"; +import dynamic from "next/dynamic"; + +const AgregarEquipo = dynamic(() => import("@/components/AgregarEquipo"), { + ssr: false, +}); export default function Page() { - const searchParams = useSearchParams(); - const inventario = searchParams.get("equipoId"); - - const [formData, setFormData] = useState({ - serie: "", - marca: "", - modelo: "", - tipoEquipo: "", - estado: "", - sistemaOperativo: "", - procesador: "", - tipoUso: "", - observaciones: "", - adscripcion: "", - lugar: "", - responsable: "", - }); - - formData.serie = inventario ? inventario : ""; - - // Tipos de datos - interface TipoUso { - id_tipo_uso: number; - tipo_uso: string; - } - - interface Estado { - id_estado: number; - estado: string; - } - - interface TipoEquipo { - id_tipo_de_equipo: number; - tipo_equipo: string; - } - - interface SistemaOperativo { - id_sistema_operativo: number; - sistema_operativo: string; - } - - interface Procesador { - id_procesador: number; - procesador: string; - } - - interface Marca { - id_marca: number; - tipo_marca: string; - } - - interface Adscripcion { - id_adscripcion: number; - adscripcion: string; - } - - // Estados - const [tiposUso, setTiposUso] = useState([]); - const [marcas, setMarcas] = useState([]); - const [estados, setEstados] = useState([]); - const [adscripciones, setAdscripciones] = useState([]); - const [tiposEquipo, setTiposEquipo] = useState([]); - const [sistemasOperativos, setSistemasOperativos] = useState< - SistemaOperativo[] - >([]); - const [procesadores, setProcesadores] = useState([]); - - const [suggestions, setSuggestions] = useState({ - adscripcion: [] as string[], - }); - - const mostrarCamposComputadora = formData.tipoEquipo !== "Impresora"; - const api_url = process.env.NEXT_PUBLIC_API_URL; - - useEffect(() => { - const fetchData = async () => { - const token = Cookies.get("token"); - const headers = { Authorization: `Bearer ${token}` }; - - try { - const [ - usosRes, - marcasRes, - estadosRes, - adscripcionesRes, - tiposEquipoRes, - sistemasOperativosRes, - procesadoresRes, - ] = await Promise.all([ - axios.get(`${api_url}/equipos/usos`, { headers }), - axios.get(`${api_url}/equipos/marcas`, { headers }), - axios.get(`${api_url}/equipos/estados`, { headers }), - axios.get(`${api_url}/equipos/adscripciones`, { headers }), - axios.get(`${api_url}/equipos/tipos-equipo`, { headers }), - axios.get(`${api_url}/equipos/sistemas-operativos`, { headers }), - axios.get(`${api_url}/equipos/procesadores`, { headers }), - ]); - - setTiposUso(usosRes.data); - setMarcas(marcasRes.data); - setEstados(estadosRes.data); - setAdscripciones(adscripcionesRes.data); - setTiposEquipo(tiposEquipoRes.data); - setSistemasOperativos(sistemasOperativosRes.data); - setProcesadores(procesadoresRes.data); - console.log(adscripciones); - } catch (err) { - if (axios.isAxiosError(err)) { - if (err.response) { - toast.error( - err.response.data?.message || "No se pudo conectar con el API" - ); - } else if (err.request) { - toast.error("No se pudo conectar con el servidor"); - } else { - toast.error("Ocurrió un error inesperado"); - } - } else { - toast.error("Ocurrió un error inesperado"); - } - } - }; - - fetchData(); - }, [api_url]); - - const handleInputChange = (field: string, value: string) => { - setFormData((prev) => ({ ...prev, [field]: value })); - }; - - const handleSelectSuggestion = (field: string, value: string) => { - setFormData((prev) => ({ ...prev, [field]: value })); - setSuggestions((prev) => ({ ...prev, [field]: [] })); - }; - - const handleGuardar = async () => { - try { - const token = Cookies.get("token"); - const headers = { Authorization: `Bearer ${token}` }; - await axios.post(`${api_url}/equipos/crear`, formData, { headers }); - toast.success("Equipo guardado correctamente"); - setFormData({ - serie: "", - marca: "", - modelo: "", - tipoEquipo: "", - estado: "", - sistemaOperativo: "", - procesador: "", - tipoUso: "", - observaciones: "", - adscripcion: "", - lugar: "", - responsable: "", - }); - } catch (err) { - toast.error("Error al guardar el equipo"); - } - }; - - const handleCancelar = () => { - toast.error("Acción cancelada"); - }; - - return ( -
-
-

Agregar Nuevo Equipo

- - {/* Columna Izquierda */} -
-
- - handleInputChange("serie", e.target.value)} - /> -
- -
- - -
- -
- - handleInputChange("modelo", e.target.value)} - /> -
- -
- - -
- -
- - -
-
- - {/* Columna Centro */} -
-
- - -
- - {mostrarCamposComputadora && ( - <> -
- - -
- -
- - -
- - )} - -
- - - handleInputChange("adscripcion", e.target.value) - } - /> - {suggestions.adscripcion.length > 0 && ( -
    - {suggestions.adscripcion.map((s) => ( -
  • handleSelectSuggestion("adscripcion", s)} - > - {s} -
    • - ))} -
- )} -
-
- -
-
- -