Pantalla: Detalle de Evento
Identificador: SCR-EVT-003
Modulo: MTS-EVT-001 - Eventos de Salud
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
Estado: Especificado
| Atributo |
Valor |
| Nombre |
Detalle de Evento |
| Proposito |
Vista detallada de un evento de salud con historial y acciones |
| Tipo |
Full Screen |
| Acceso |
Timeline > Tap evento |
| Prioridad |
Media |
2. Wireframe ASCII
2.1. Detalle de Medicion
+------------------------------------------+
| [<] Detalle Medicion [EDIT] |
+------------------------------------------+
| |
| GLUCOSA |
| 5 de diciembre, 2025 - 10:30 |
| |
| +------------------+ |
| | | |
| | 115 | |
| | mg/dL | |
| | | |
| +------------------+ |
| [En rango normal] |
| |
| CONTEXTO |
| +------------------------------------+ |
| | Momento Post-comida (1-2h) |
| | Actividad Normal |
| | Fuente Manual |
| +------------------------------------+ |
| |
| NOTAS |
| +------------------------------------+ |
| | Despues del almuerzo, ensalada con |
| | pollo. |
| +------------------------------------+ |
| |
| COMPARACION |
| +------------------------------------+ |
| | [Mini grafica ultimas 7 mediciones] |
| | |
| | Promedio 7 dias: 112 mg/dL |
| | Esta medicion: +3 mg/dL |
| +------------------------------------+ |
| |
| ACCIONES |
| +------------------------------------+ |
| | [Share] Compartir con medico |
| | [Trash] Eliminar medicion |
| +------------------------------------+ |
| |
+------------------------------------------+
2.2. Detalle de Tratamiento (Curacion)
+------------------------------------------+
| [<] Detalle Curacion [EDIT] |
+------------------------------------------+
| |
| CURACION DE HERIDA |
| 5 de diciembre, 2025 - 07:30 |
| Duracion: 15 minutos |
| |
| UBICACION |
| +------------------------------------+ |
| | [Diagrama cuerpo] |
| | Pierna izquierda - Cara anterior |
| +------------------------------------+ |
| |
| DETALLES |
| +------------------------------------+ |
| | Tipo Cambio de vendaje |
| | Estado herida Mejorando |
| | Infeccion No |
| +------------------------------------+ |
| |
| FOTOS |
| +------------------------------------+ |
| | +-------------+ +-------------+ |
| | | | | | |
| | | [Foto | | [Foto | |
| | | antes] | | despues] | |
| | | | | | |
| | +-------------+ +-------------+ |
| | Antes Despues |
| +------------------------------------+ |
| |
| NOTAS |
| +------------------------------------+ |
| | Herida cicatrizando bien. Menos |
| | enrojecimiento que ayer. |
| +------------------------------------+ |
| |
| HISTORIAL DE CURACIONES |
| +------------------------------------+ |
| | 04/12 Mejorando - Sin infeccion |
| | 03/12 Mejorando - Sin infeccion |
| | 02/12 Igual - Sin infeccion |
| | [Ver historial completo] |
| +------------------------------------+ |
| |
+------------------------------------------+
2.3. Detalle de Tratamiento (Dialisis)
+------------------------------------------+
| [<] Detalle Dialisis [EDIT] |
+------------------------------------------+
| |
| DIALISIS PERITONEAL |
| 4 de diciembre, 2025 - 14:00 a 14:40 |
| Duracion: 40 minutos |
| |
| TIPO |
| [DPCA] |
| |
| VOLUMENES |
| +------------------------------------+ |
| | Infundido 2000 ml |
| | Drenado 2150 ml |
| | Balance +150 ml [OK] |
| +------------------------------------+ |
| |
| OBSERVACIONES |
| +------------------------------------+ |
| | Color liquido Claro |
| | Dolor Ninguno |
| +------------------------------------+ |
| |
| GRAFICA DE BALANCE (7 dias) |
| +------------------------------------+ |
| | +200 | * |
| | +100 | * * * * |
| | 0 |* * |
| | -100 | |
| | L M Mi J V S D |
| +------------------------------------+ |
| |
| NOTAS |
| +------------------------------------+ |
| | Sesion sin complicaciones. |
| +------------------------------------+ |
| |
+------------------------------------------+
3. Componentes UI
3.1. Value Display (Mediciones)
| Propiedad |
Valor |
| Componente |
CMP-DSP-001 (Value Display) |
| Valor |
64sp, bold |
| Unidad |
20sp, secondary |
| Badge |
Estado coloreado |
3.2. Context Table
| Propiedad |
Valor |
| Componente |
CMP-LST-018 (Key-Value List) |
| Labels |
Text sm, secondary |
| Values |
Text md, primary |
3.3. Photo Gallery
| Propiedad |
Valor |
| Componente |
CMP-IMG-007 (Photo Gallery) |
| Layout |
Horizontal scroll |
| Tap |
Abrir fullscreen |
| Labels |
Antes/Despues |
3.4. Mini Chart
| Propiedad |
Valor |
| Componente |
CMP-CHT-005 (Sparkline) |
| Datos |
Ultimas 7 mediciones |
| Interactivo |
No |
| Altura |
80dp |
4. Comportamientos
4.1. Acciones
| Accion |
Comportamiento |
| Edit |
Abrir formulario de edicion |
| Compartir |
SCR-EVT-008 (Compartir con medico) |
| Eliminar |
Confirmar + eliminar |
| Foto tap |
Abrir en fullscreen con zoom |
4.2. Navegacion
| Accion |
Destino |
| Back |
Timeline |
| Ver historial |
Lista filtrada por tipo |
| Ver tendencias |
SCR-EVT-007 |
5. Datos Requeridos
interface EventDetailData {
event: HealthEvent;
comparison?: {
average: number;
difference: number;
trend: 'up' | 'down' | 'stable';
};
recentHistory?: HealthEvent[];
relatedEvents?: HealthEvent[];
}
6. Accesibilidad
6.1. Labels
| Elemento |
accessibilityLabel |
| Value display |
"{tipo}: {valor} {unidad}, {estado}" |
| Photo |
"Foto {antes/despues} del tratamiento" |
| Chart |
"Grafica de {tipo}, promedio {valor}" |
6.2. Orden de Foco
- Back button
- Edit button
- Valor principal
- Contexto/Detalles
- Fotos (si existen)
- Notas
- Acciones
7. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)