CIDWA/front-Censo
13
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

fixed order

Browse Source
This commit is contained in:
Lino
2025-12-02 09:29:15 -06:00
parent 8e8f76a80f
commit 7eb400a3d1
1 changed files with 50 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Editar.tsx
+50 -24
View File
@@ -566,7 +566,10 @@ export default function Editar() {
value={formData.modelo} value={formData.modelo}
placeholder="Ingresa modelo" placeholder="Ingresa modelo"
onChange={(e) => onChange={(e) =>
setFormData({ ...formData, modelo: e.target.value.toUpperCase() }) setFormData({
...formData,
modelo: e.target.value.toUpperCase(),
})
} }
/> />
</div> </div>
@@ -610,19 +613,20 @@ export default function Editar() {
))} ))}
</select> </select>
</div> </div>
{mostrarCamposComputadora && ( {mostrarCamposComputadora && (
<div className="formGroup"> <div className="formGroup">
<label>Laboratorio</label> <label>Tipo de uso</label>
<select <select
value={formData.id_laboratorio} value={formData.id_uso}
onChange={(e) => onChange={(e) =>
handleInputChange("id_laboratorio", e.target.value) setFormData({ ...formData, id_uso: Number(e.target.value) })
} }
> >
<option value="">Selecciona laboratorio</option> <option value="">Selecciona uso</option>
{laboratorios.map((lab) => ( {tiposUso.map((t) => (
<option key={lab.id_laboratorio} value={lab.id_laboratorio}> <option key={t.id_uso} value={t.id_uso}>
{lab.laboratorio} {t.tipo_uso}
</option> </option>
))} ))}
</select> </select>
@@ -632,22 +636,25 @@ export default function Editar() {
{/* Columna 2 */} {/* Columna 2 */}
<div className="column"> <div className="column">
<div className="formGroup"> {!mostrarCamposComputadora && (
<label>Tipo de uso</label> <div className="formGroup">
<select <label>Tipo de uso</label>
value={formData.id_uso} <select
onChange={(e) => value={formData.id_uso}
setFormData({ ...formData, id_uso: Number(e.target.value) }) onChange={(e) =>
} setFormData({ ...formData, id_uso: Number(e.target.value) })
> }
<option value="">Selecciona uso</option> >
{tiposUso.map((t) => ( <option value="">Selecciona uso</option>
<option key={t.id_uso} value={t.id_uso}> {tiposUso.map((t) => (
{t.tipo_uso} <option key={t.id_uso} value={t.id_uso}>
</option> {t.tipo_uso}
))} </option>
</select> ))}
</div> </select>
</div>
)}
{mostrarCamposComputadora && ( {mostrarCamposComputadora && (
<> <>
<div className="formGroup"> <div className="formGroup">
@@ -765,6 +772,25 @@ export default function Editar() {
placeholder="Selecciona una Adscripción" placeholder="Selecciona una Adscripción"
/> />
</div> </div>
{mostrarCamposComputadora && (
<div className="formGroup">
<label>Laboratorio</label>
<select
value={formData.id_laboratorio}
onChange={(e) =>
handleInputChange("id_laboratorio", e.target.value)
}
>
<option value="">Selecciona laboratorio</option>
{laboratorios.map((lab) => (
<option key={lab.id_laboratorio} value={lab.id_laboratorio}>
{lab.laboratorio}
</option>
))}
</select>
</div>
)}
</div> </div>
{/* Columna 3 */} {/* Columna 3 */}