snlavaise/administracionHospital
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix edición laboratorio, agregar icons a formularios, protocolo en cultivos

Browse Source
This commit is contained in:
Santiago Lavaise
2026-04-15 00:41:22 -03:00
parent da16235eef
commit 6bed6e9a1a
3 changed files with 77 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/sections/Cultivos.tsx
+12
View File
@@ -97,6 +97,7 @@ export function Cultivos({
if (cultivoSeleccionado && onActualizarCultivo && germen) {
onActualizarCultivo(cultivoSeleccionado.id, {
estado: 'Parcial',
protocolo: protocolo || undefined,
germen: germen || undefined,
sensible: sensible || undefined,
resistente: resistente || undefined,
@@ -110,6 +111,7 @@ export function Cultivos({
if (cultivoSeleccionado && onActualizarCultivo) {
onActualizarCultivo(cultivoSeleccionado.id, {
fechaResultado,
protocolo: protocolo || undefined,
estado: estadoResultado,
germen: germen || undefined,
sensible: sensible || undefined,
@@ -122,6 +124,7 @@ export function Cultivos({
const abrirParcial = (cultivo: Cultivo) => {
setCultivoSeleccionado(cultivo);
setProtocolo(cultivo.protocolo || '');
setGermen(cultivo.germen || '');
setSensible(cultivo.sensible || '');
setResistente(cultivo.resistente || '');
@@ -130,6 +133,7 @@ export function Cultivos({
const abrirDefinitivo = (cultivo: Cultivo) => {
setCultivoSeleccionado(cultivo);
setProtocolo(cultivo.protocolo || '');
setFechaResultado(cultivo.fechaResultado || new Date().toISOString().split('T')[0]);
setEstadoResultado(cultivo.estado === 'Parcial' || cultivo.estado === 'Positivo' ? 'Positivo' : cultivo.estado);
setGermen(cultivo.germen || '');
@@ -285,6 +289,10 @@ export function Cultivos({
<p className="text-sm font-medium text-orange-800">Resultado Parcial - Sujeto a modificación</p>
<p className="text-xs text-orange-600 mt-1">Ingrese resultado parcial. Esto puede modificarse posteriormente.</p>
</div>
<div>
<Label>Protocolo</Label>
<Input value={protocolo} onChange={(e) => setProtocolo(e.target.value)} placeholder="N° Protocolo" />
</div>
<div>
<Label>Germen *</Label>
<Input value={germen} onChange={(e) => setGermen(e.target.value)} placeholder="Ej: Staphylococcus aureus" />
@@ -334,6 +342,10 @@ export function Cultivos({
</SelectContent>
</Select>
</div>
<div className="sm:col-span-2">
<Label>Protocolo</Label>
<Input value={protocolo} onChange={(e) => setProtocolo(e.target.value)} placeholder="N° Protocolo" />
</div>
</div>
{estadoResultado === 'Positivo' && (
<>
src/sections/Dashboard.tsx
+1 -1
View File
@@ -95,7 +95,7 @@ export function Dashboard({
<span className="text-3xl font-bold">{estadisticas.camasFueraDeArea}</span>
</div>
<p className="text-xs text-gray-400 mt-1">
outside of active service
Camas Fuera de Area
</p>
</CardContent>
</Card>
src/sections/HistoriaClinica.tsx
+64 -12
View File
@@ -21,7 +21,8 @@ import {
Heart,
Wind,
Droplets,
Save
Save,
X
} from 'lucide-react';
import { Card, CardContent } from '@/components/ui/card';
import { Badge } from '@/components/ui/badge';
@@ -544,6 +545,11 @@ function SeccionLaboratorios({ lab, patientId, add, update, del }: {
return r ? `${r.valor}` : '-';
};
const getValorRaw = (l: Laboratorio, param: string) => {
const r = l.resultados.find(r => r.parametro === param);
return r ? `${r.valor}` : '';
};
const getValorStyle = (l: Laboratorio, param: string) => {
const r = l.resultados.find(r => r.parametro === param);
if (!r) return '';
@@ -586,6 +592,30 @@ function SeccionLaboratorios({ lab, patientId, add, update, del }: {
setEdit(null);
};
const loadEdit = (l: Laboratorio) => {
setEdit(l);
setFecha(l.fecha);
setObservaciones(l.observaciones || '');
setHto(getValorRaw(l, 'Hematocrito'));
setHb(getValorRaw(l, 'Hemoglobina'));
setGb(getValorRaw(l, 'Leucocitos'));
setPlaq(getValorRaw(l, 'Plaquetas'));
setGluc(getValorRaw(l, 'Glucemia'));
setUrea(getValorRaw(l, 'Urea'));
setCreat(getValorRaw(l, 'Creatinina'));
setNa(getValorRaw(l, 'Sodio'));
setK(getValorRaw(l, 'Potasio'));
setCl(getValorRaw(l, 'Cloro'));
setBt(getValorRaw(l, 'Bilirrubina Total'));
setBd(getValorRaw(l, 'Bilirrubina Directa'));
setGot(getValorRaw(l, 'GOT'));
setGpt(getValorRaw(l, 'GPT'));
setTp(getValorRaw(l, 'Tiempo de Protrombina'));
setKptt(getValorRaw(l, 'KPTT'));
setRin(getValorRaw(l, 'INR'));
setDialog(true);
};
const handleGuardar = () => {
const resultadosLaboratorio = buildResultados();
if (edit) {
@@ -659,7 +689,7 @@ function SeccionLaboratorios({ lab, patientId, add, update, del }: {
<div><Label>Observaciones</Label><textarea className="w-full p-2 border rounded-md" value={observaciones} onChange={e => setObservaciones(e.target.value)} /></div>
</div>
<div className="flex justify-end gap-2 mt-4"><Button variant="outline" onClick={() => setDialog(false)}>Cancelar</Button><Button onClick={handleGuardar}><Plus />Guardar</Button></div>
<div className="flex justify-end gap-2 mt-4"><Button variant="outline" onClick={() => setDialog(false)}><X className="h-4 w-4 mr-2" />Cancelar</Button><Button onClick={handleGuardar}><Save className="h-4 w-4 mr-2" />Guardar</Button></div>
</DialogContent>
</Dialog>
@@ -727,7 +757,7 @@ function SeccionLaboratorios({ lab, patientId, add, update, del }: {
<TableCell>
<div className="flex items-center gap-1">
{l.observaciones && <Button size="sm" variant="ghost" onClick={() => { setObsLab(l); setObsDialog(true); }}><ChevronRight className="h-4 w-4" /></Button>}
<Button size="sm" variant="ghost" onClick={() => { setEdit(l); setDialog(true); }}><Pencil className="h-4 w-4" /></Button>
<Button size="sm" variant="ghost" onClick={() => loadEdit(l)}><Pencil className="h-4 w-4" /></Button>
<Button size="sm" variant="ghost" className="text-red-600" onClick={() => del(l.id)}><Trash2 className="h-4 w-4" /></Button>
</div>
</TableCell>
@@ -876,7 +906,7 @@ function SeccionEvoluciones({ evos, internacionId, add, update, del }: {
<div><Label>Pendientes</Label><textarea className="w-full p-2 border rounded-md text-sm min-h-[80px]" value={pendientes} onChange={e => setPendientes(e.target.value)} placeholder="Pendientes..." /></div>
<div><Label>Médico *</Label><Input value={medico} onChange={e => setMedico(e.target.value)} placeholder="Nombre del médico" /></div>
</div>
<div className="flex justify-end gap-2 mt-4"><Button variant="outline" onClick={() => { reset(); setDialog(false); }}>Cancelar</Button><Button onClick={handle} disabled={!medico}><Plus className="h-4 w-4 mr-2" />Guardar Evolución</Button></div>
<div className="flex justify-end gap-2 mt-4"><Button variant="outline" onClick={() => { reset(); setDialog(false); }}><X className="h-4 w-4 mr-2" />Cancelar</Button><Button onClick={handle} disabled={!medico}><Save className="h-4 w-4 mr-2" />Guardar Evolución</Button></div>
</DialogContent>
</Dialog>
{evosFiltered.length === 0 ? <div className="text-center py-8 text-gray-400"><FileText className="h-12 w-12 mx-auto mb-2 opacity-50" /><p>No hay evoluciones</p></div> :
@@ -1069,13 +1099,33 @@ function SeccionCultivos({ cults, patient, add, update, del }: {
setSelected(null);
};
const resetRes = () => {
const resetRes = () => {
setFechaResultado(new Date().toISOString().split('T')[0]);
setEstadoResultado('Parcial');
setEstadoResultado('Positivo');
setGermen('');
setSensible('');
setResistente('');
setIsParcialMode(false);
setSelected(null);
};
const abrirParcial = (c: Cultivo) => {
setSelected(c);
setProtocolo(c.protocolo || '');
setGermen(c.germen || '');
setSensible(c.sensible || '');
setResistente(c.resistente || '');
setResDialog(true);
};
const abrirDefinitivo = (c: Cultivo) => {
setSelected(c);
setProtocolo(c.protocolo || '');
setFechaResultado(c.fechaResultado || new Date().toISOString().split('T')[0]);
setEstadoResultado(c.estado === 'Parcial' || c.estado === 'Positivo' ? 'Positivo' : c.estado);
setGermen(c.germen || '');
setSensible(c.sensible || '');
setResistente(c.resistente || '');
setEditDialog(true);
};
const openParcial = (c: Cultivo) => {
@@ -1122,14 +1172,14 @@ function SeccionCultivos({ cults, patient, add, update, del }: {
const handleParcial = () => {
if (!selected) return;
update(selected.id, { estado: 'Parcial', germen: germen || undefined, sensible: sensible || undefined, resistente: resistente || undefined });
update(selected.id, { protocolo: protocolo || undefined, estado: 'Parcial', germen: germen || undefined, sensible: sensible || undefined, resistente: resistente || undefined });
setResDialog(false);
resetRes();
};
const handleDefinitivo = () => {
if (!selected) return;
update(selected.id, { fechaResultado, estado: estadoResultado, germen: germen || undefined, sensible: sensible || undefined, resistente: resistente || undefined });
update(selected.id, { protocolo: protocolo || undefined, fechaResultado, estado: estadoResultado, germen: germen || undefined, sensible: sensible || undefined, resistente: resistente || undefined });
setEditDialog(false);
resetRes();
};
@@ -1176,13 +1226,14 @@ function SeccionCultivos({ cults, patient, add, update, del }: {
<div className="space-y-4">
<div className="bg-orange-50 border border-orange-200 p-3 rounded-lg">
<p className="text-sm font-medium text-orange-800">Resultado Parcial - Sujeto a modificación</p>
<p className="text-xs text-orange-600 mt-1">Ingrese el germen crecido para tomar conducta. Podrá editarse posteriormente.</p>
<p className="text-xs text-orange-600 mt-1">Ingrese resultado parcial. Esto puede modificarse posteriormente.</p>
</div>
<div><Label>Protocolo</Label><Input value={protocolo} onChange={e => setProtocolo(e.target.value)} placeholder="N° Protocolo" /></div>
<div><Label>Germen *</Label><Input value={germen} onChange={e => setGermen(e.target.value)} placeholder="Ej: Staphylococcos aureus" /></div>
<div><Label>Sensible a:</Label><Input value={sensible} onChange={e => setSensible(e.target.value)} placeholder="Ej: Amikacina, Vancomicina" /></div>
<div><Label>Resistente a:</Label><Input value={resistente} onChange={e => setResistente(e.target.value)} placeholder="Ej: Oxacilina" /></div>
</div>
<div className="flex justify-end gap-2 mt-4"><Button variant="outline" onClick={() => { resetRes(); setResDialog(false); }}>Cancelar</Button><Button onClick={handleParcial} disabled={!germen}><Save className="h-4 w-4 mr-2" />Guardar Parcial</Button></div>
<div className="flex justify-end gap-2 mt-4"><Button variant="outline" onClick={() => { resetRes(); setResDialog(false); }}><X className="h-4 w-4 mr-2" />Cancelar</Button><Button onClick={handleParcial} disabled={!germen}><Save className="h-4 w-4 mr-2" />Guardar Parcial</Button></div>
</DialogContent>
</Dialog>
@@ -1202,6 +1253,7 @@ function SeccionCultivos({ cults, patient, add, update, del }: {
</Select>
</div>
</div>
<div><Label>Protocolo</Label><Input value={protocolo} onChange={e => setProtocolo(e.target.value)} placeholder="N° Protocolo" /></div>
{estadoResultado === 'Positivo' && (
<>
<div><Label>Germen *</Label><Input value={germen} onChange={e => setGermen(e.target.value)} placeholder="Ej: Staphylococcus aureus" /></div>
@@ -1210,7 +1262,7 @@ function SeccionCultivos({ cults, patient, add, update, del }: {
</>
)}
</div>
<div className="flex justify-end gap-2 mt-4"><Button variant="outline" onClick={() => { resetRes(); setEditDialog(false); }}>Cancelar</Button><Button onClick={handleDefinitivo} disabled={estadoResultado === 'Positivo' && !germen}><Save className="h-4 w-4 mr-2" />Guardar Definitivo</Button></div>
<div className="flex justify-end gap-2 mt-4"><Button variant="outline" onClick={() => { resetRes(); setEditDialog(false); }}><X className="h-4 w-4 mr-2" />Cancelar</Button><Button onClick={handleDefinitivo} disabled={estadoResultado === 'Positivo' && !germen}><Save className="h-4 w-4 mr-2" />Guardar Definitivo</Button></div>
</DialogContent>
</Dialog>