From 5d64ff90a060cc744bb9cdeb6354fbdfd2a617d0 Mon Sep 17 00:00:00 2001 From: 03jossellin-herrera-rodriguez Date: Mon, 13 May 2024 10:05:00 -0600 Subject: [PATCH] Avance 1-Medico --- healthmanager/Menu/BuscarPacienteBtn.js | 12 +++ healthmanager/Menu/EditarPacienteBtn.js | 12 +++ healthmanager/Menu/EmitirRecetaBtn.js | 12 +++ healthmanager/Menu/registrarPacienteBtn.js | 12 +++ healthmanager/src/BuscarPaciente.jsx | 27 +++++ healthmanager/src/EditarPaciente.css | 23 ++++ healthmanager/src/EditarPaciente.jsx | 50 +++++++++ healthmanager/src/Paciente.css | 23 ++++ healthmanager/src/Paciente.jsx | 49 +++++++++ healthmanager/src/RecetaMedica.css | 20 ++++ healthmanager/src/RecetaMedica.jsx | 118 +++++++++++++++++++++ 11 files changed, 358 insertions(+) create mode 100644 healthmanager/Menu/BuscarPacienteBtn.js create mode 100644 healthmanager/Menu/EditarPacienteBtn.js create mode 100644 healthmanager/Menu/EmitirRecetaBtn.js create mode 100644 healthmanager/Menu/registrarPacienteBtn.js create mode 100644 healthmanager/src/BuscarPaciente.jsx create mode 100644 healthmanager/src/EditarPaciente.css create mode 100644 healthmanager/src/EditarPaciente.jsx create mode 100644 healthmanager/src/Paciente.css create mode 100644 healthmanager/src/Paciente.jsx create mode 100644 healthmanager/src/RecetaMedica.css create mode 100644 healthmanager/src/RecetaMedica.jsx diff --git a/healthmanager/Menu/BuscarPacienteBtn.js b/healthmanager/Menu/BuscarPacienteBtn.js new file mode 100644 index 0000000..05f1c71 --- /dev/null +++ b/healthmanager/Menu/BuscarPacienteBtn.js @@ -0,0 +1,12 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; + +const BuscarPacienteButton = () => { + return ( + + + + ); +}; + +export default BuscarPacienteButton; diff --git a/healthmanager/Menu/EditarPacienteBtn.js b/healthmanager/Menu/EditarPacienteBtn.js new file mode 100644 index 0000000..b54786b --- /dev/null +++ b/healthmanager/Menu/EditarPacienteBtn.js @@ -0,0 +1,12 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; + +const EditarPacienteButton = () => { + return ( + + + + ); +}; + +export default EditarPacienteButton; \ No newline at end of file diff --git a/healthmanager/Menu/EmitirRecetaBtn.js b/healthmanager/Menu/EmitirRecetaBtn.js new file mode 100644 index 0000000..83a7eb5 --- /dev/null +++ b/healthmanager/Menu/EmitirRecetaBtn.js @@ -0,0 +1,12 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; + +const EmitirRecetaButton = () => { + return ( + + + + ); +}; + +export default EmitirRecetaButton; \ No newline at end of file diff --git a/healthmanager/Menu/registrarPacienteBtn.js b/healthmanager/Menu/registrarPacienteBtn.js new file mode 100644 index 0000000..61ec00b --- /dev/null +++ b/healthmanager/Menu/registrarPacienteBtn.js @@ -0,0 +1,12 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; + +const RegistrarPacienteButton = () => { + return ( + + + + ); +}; + +export default RegistrarPacienteButton; diff --git a/healthmanager/src/BuscarPaciente.jsx b/healthmanager/src/BuscarPaciente.jsx new file mode 100644 index 0000000..5054490 --- /dev/null +++ b/healthmanager/src/BuscarPaciente.jsx @@ -0,0 +1,27 @@ +import React, { useState } from 'react'; + +const BuscarPaciente = () => { + const [busqueda, setBusqueda] = useState(''); + + const handleBusqueda = (e) => { + setBusqueda(e.target.value); + + }; + + return ( +
+

Buscar Paciente

+ + +
+ + ); +}; + +export default BuscarPaciente; \ No newline at end of file diff --git a/healthmanager/src/EditarPaciente.css b/healthmanager/src/EditarPaciente.css new file mode 100644 index 0000000..5a3e39b --- /dev/null +++ b/healthmanager/src/EditarPaciente.css @@ -0,0 +1,23 @@ +.editar-paciente-container { + margin-bottom: 20px; + } + + .editar-paciente-form { + display: flex; + flex-direction: column; + } + + .editar-paciente-form input { + margin-bottom: 10px; + padding: 10px; + font-size: 16px; + } + + .editar-paciente-form button { + padding: 10px 20px; + font-size: 16px; + background-color: #28a745; + color: #fff; + border: none; + cursor: pointer; + } \ No newline at end of file diff --git a/healthmanager/src/EditarPaciente.jsx b/healthmanager/src/EditarPaciente.jsx new file mode 100644 index 0000000..edad46b --- /dev/null +++ b/healthmanager/src/EditarPaciente.jsx @@ -0,0 +1,50 @@ +import React, { useState } from 'react'; +import './EditarPaciente.css'; + +const EditarPaciente = () => { + const [nombre, setNombre] = useState(''); + const [edad, setEdad] = useState(''); + const [peso, setPeso] = useState(''); + const [contacto, setContacto] = useState(''); + + + const handleSubmit = (e) => { + e.preventDefault(); + + }; + + return ( +
+

Editar Paciente

+
+ setNombre(e.target.value)} + /> + setEdad(e.target.value)} + /> + setPeso(e.target.value)} + /> + setContacto(e.target.value)} + /> + +
+
+ ); +}; + +export default EditarPaciente; \ No newline at end of file diff --git a/healthmanager/src/Paciente.css b/healthmanager/src/Paciente.css new file mode 100644 index 0000000..3e68381 --- /dev/null +++ b/healthmanager/src/Paciente.css @@ -0,0 +1,23 @@ +.paciente-container { + margin-bottom: 20px; + } + + .paciente-form { + display: flex; + flex-direction: column; + } + + .paciente-form input { + margin-bottom: 10px; + padding: 10px; + font-size: 16px; + } + + .paciente-form button { + padding: 10px 20px; + font-size: 16px; + background-color: #28a745; + color: #fff; + border: none; + cursor: pointer; + } \ No newline at end of file diff --git a/healthmanager/src/Paciente.jsx b/healthmanager/src/Paciente.jsx new file mode 100644 index 0000000..b4bd032 --- /dev/null +++ b/healthmanager/src/Paciente.jsx @@ -0,0 +1,49 @@ +import React, { useState } from 'react'; +import './Paciente.css'; + +const Paciente = () => { + const [nombre, setNombre] = useState(''); + const [edad, setEdad] = useState(''); + const [peso, setPeso] = useState(''); + const [contacto, setContacto] = useState(''); + + const handleSubmit = (e) => { + e.preventDefault(); + + }; + + return ( +
+

Registrar paciente

+
+ setNombre(e.target.value)} + /> + setEdad(e.target.value)} + /> + setPeso(e.target.value)} + /> + setContacto(e.target.value)} + /> + +
+
+ ); +}; + +export default Paciente; \ No newline at end of file diff --git a/healthmanager/src/RecetaMedica.css b/healthmanager/src/RecetaMedica.css new file mode 100644 index 0000000..1eb2536 --- /dev/null +++ b/healthmanager/src/RecetaMedica.css @@ -0,0 +1,20 @@ +.receta-medica-container { + margin-bottom: 20px; + } + + .receta-medica-form textarea { + width: 100%; + height: 150px; + padding: 10px; + font-size: 16px; + margin-bottom: 10px; + } + + .receta-medica-form button { + padding: 10px 20px; + font-size: 16px; + background-color: #28a745; + color: #fff; + border: none; + cursor: pointer; + } \ No newline at end of file diff --git a/healthmanager/src/RecetaMedica.jsx b/healthmanager/src/RecetaMedica.jsx new file mode 100644 index 0000000..05fd0ce --- /dev/null +++ b/healthmanager/src/RecetaMedica.jsx @@ -0,0 +1,118 @@ +import React, { useId, useState } from 'react'; +import './RecetaMedica.css'; + +const RecetaMedica = () => { + const [idreceta, setIdReceta] = useId(''); + const [idPaciente, setIdPaciente] = useId(''); + const [idMedico, setIdMedico] = useId(''); + const [contactoMedico, setContactoMedico] = useState (''); + const [pesoPaciente, setPesoPaciente] = useState (''); + const [edadPaciente, setEdadPaciente] = useState (''); + const [presionArt, setPresionArt] = useState(); + const [fecha, setFecha] = useState(''); + const [tempPaciente, setTempPaciente] = useState(''); + const [prescripcion, setPrescripcion] = useState(''); + const [firmaMedico, setFirmaMedico] = useState(null); + + + const handleImageUpload = (e) => { + const file = e.target.files[0]; + if (file) { + setFirmaMedico(file); + } + }; + + const handleSubmit = (e) => { + e.preventDefault(); + + console.log({ + idreceta, + idPaciente, + idMedico, + contactoMedico, + pesoPaciente, + edadPaciente, + presionArt, + fecha, + tempPaciente, + prescripcion, + firmaMedico + }); + + }; + + return ( +
+

Emitir receta médica

+
+ + + + setContactoMedico(e.target.value)} + /> + setPesoPaciente(e.target.value)} + /> + setEdadPaciente(e.target.value)} + /> + setPresionArt(e.target.value)} + /> + setFecha(e.target.value)} + /> + setTempPaciente(e.target.value)} + /> +