IO420
86 lines
2.3 KiB
TypeScript
86 lines
2.3 KiB
TypeScript
"use client";
|
|
import axios from "axios";
|
|
import { envConfig } from "@/app/lib/config";
|
|
import { useState } from "react";
|
|
|
|
interface Data {
|
|
nombre_equipo: string;
|
|
id_equipo: number;
|
|
id_plataforma: number;
|
|
id_area_ubicacion: number;
|
|
}
|
|
|
|
export default function Equipos() {
|
|
const [Equipo, setEquipo] = useState("");
|
|
const [Data, setData] = useState<Data | any>();
|
|
|
|
const handleSubmit = async (e: React.MouseEvent<HTMLButtonElement>) => {
|
|
e.preventDefault();
|
|
// const response = await axios.get(
|
|
// `${envConfig.apiUrl}/equipo/${Equipo}`
|
|
// );
|
|
|
|
// if (!response) {
|
|
// return;
|
|
// }
|
|
|
|
setData("response");
|
|
};
|
|
|
|
return (
|
|
<form className="containerForm">
|
|
<div className="groupInput">
|
|
<input
|
|
placeholder="Numero de Equipo a buscar..."
|
|
value={Equipo}
|
|
onChange={(e) => {
|
|
setEquipo(e.target.value);
|
|
}}
|
|
/>
|
|
|
|
<button type="button" className="button buttonSearch" onClick={handleSubmit}>
|
|
Buscar
|
|
</button>
|
|
</div>
|
|
|
|
{Data && (
|
|
<div>
|
|
<label className="label">Ubicacion</label>
|
|
<input
|
|
type="text"
|
|
placeholder="Coloca"
|
|
value={Data.id_area_ubicacion}
|
|
/>
|
|
|
|
<label className="label">Nombre</label>
|
|
<input type="text" placeholder="Coloca " value={Data.nombre_equipo} />
|
|
|
|
<label className="label">Plataforma</label>
|
|
<select>
|
|
<option value="0">Elige</option>
|
|
<option value="1">2</option>
|
|
<option value="2">3</option>
|
|
<option value="3">4</option>
|
|
<option value="4">5</option>
|
|
<option value="5">6</option>
|
|
</select>
|
|
|
|
<label className="label">Area Ubicacion</label>
|
|
<select>
|
|
<option value="0">Elige</option>
|
|
<option value="1">mmmmm</option>
|
|
<option value="2">mmmmm</option>
|
|
<option value="3">mmmmm</option>
|
|
<option value="4">mmmmm</option>
|
|
<option value="5">mmmmm</option>
|
|
</select>
|
|
<div className="containerButton" style={{marginTop:"1rem"}}>
|
|
<button className="button buttonSearch">Nuevo</button>
|
|
<button className="button buttonSearch">Editar</button>
|
|
</div>
|
|
</div>
|
|
)}
|
|
</form>
|
|
);
|
|
}
|