Pantalla: Detalle de Cita
Identificador: SCR-CIT-003
Modulo: MTS-CIT-001 - Citas, Estudios y Tratamientos
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
Estado: Especificado
| Atributo |
Valor |
| Nombre |
Detalle de Cita |
| Proposito |
Mostrar informacion completa de una cita, estudio o tratamiento |
| Tipo |
Full Screen |
| Acceso |
Lista Citas > Tap cita |
| Prioridad |
Alta |
2. Wireframe ASCII
2.1. Cita Proxima (Consulta)
+------------------------------------------+
| [<] Detalle de Cita [...] |
+------------------------------------------+
| |
| +------------------------------------+ |
| | [Stethoscope Icon] | |
| | | |
| | Consulta Cardiologia | |
| | | |
| | [PROGRAMADA] | |
| +------------------------------------+ |
| |
| CUANDO |
| |
| +------------------------------------+ |
| | [Calendar] 10 de Diciembre 2025 | |
| | [Clock] 10:00 AM | |
| | [Timer] 30 minutos (estimado) | |
| +------------------------------------+ |
| |
| MEDICO |
| |
| +------------------------------------+ |
| | [Person] Dr. Juan Garcia | |
| | [Medical] Cardiologia | |
| +------------------------------------+ |
| |
| DONDE |
| |
| +------------------------------------+ |
| | [Building] Hospital San Jose | |
| | [MapPin] Av. Principal 123 | |
| | Col. Centro | |
| | | |
| | [Ver en mapa] | |
| +------------------------------------+ |
| |
| RECORDATORIOS |
| |
| +------------------------------------+ |
| | [Bell] 1 dia antes - 9 Dic 10:00 | |
| | [Bell] 2 horas antes - 10 Dic 8:00 | |
| +------------------------------------+ |
| |
| NOTAS |
| |
| +------------------------------------+ |
| | Llevar estudios previos | |
| | Lista de medicamentos actuales | |
| +------------------------------------+ |
| |
+------------------------------------------+
| [Cancelar] [Editar] [Compartir] |
+------------------------------------------+
2.2. Estudio con Ayuno
+------------------------------------------+
| [<] Detalle del Estudio [...] |
+------------------------------------------+
| |
| +------------------------------------+ |
| | [TestTube Icon] | |
| | | |
| | Perfil Lipidico | |
| | | |
| | [PROGRAMADA] [AYUNO] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [!] IMPORTANTE: Preparacion | |
| +------------------------------------+ |
| | | |
| | Este estudio requiere: | |
| | | |
| | * Ayuno de 12 horas | |
| | * Ultima comida: 5 Dic 7:00 PM | |
| | * Puedes tomar agua natural | |
| | | |
| +------------------------------------+ |
| |
| CUANDO |
| |
| +------------------------------------+ |
| | [Calendar] 6 de Diciembre 2025 | |
| | [Clock] 7:00 AM | |
| +------------------------------------+ |
| |
| DONDE |
| |
| +------------------------------------+ |
| | [Building] Laboratorio Central | |
| | [MapPin] Calle Norte 456 | |
| | | |
| | [Ver en mapa] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [!] CONFLICTO CON MEDICAMENTO | |
| +------------------------------------+ |
| | | |
| | Metformina 850mg (7:00 AM) | |
| | Debe tomarse con comida. | |
| | | |
| | [Consultar con medico] | |
| | | |
| +------------------------------------+ |
| |
| RECORDATORIOS |
| |
| +------------------------------------+ |
| | [Bell] 1 dia antes | |
| | [Bell] 12 horas antes (ultima cena)| |
| | [Bell] 2 horas antes | |
| +------------------------------------+ |
| |
+------------------------------------------+
| [Cancelar] [Editar] [Compartir] |
+------------------------------------------+
2.3. Tratamiento (Sesion)
+------------------------------------------+
| [<] Detalle del Tratamiento [...] |
+------------------------------------------+
| |
| +------------------------------------+ |
| | [IV Icon] | |
| | | |
| | Sesion de Quimioterapia | |
| | | |
| | [PROGRAMADA] [SESION 3/6] | |
| +------------------------------------+ |
| |
| PROGRESO DEL TRATAMIENTO |
| |
| +------------------------------------+ |
| | [====> ] 3 de 6 | |
| | | |
| | Sesiones completadas: 2 | |
| | Sesiones restantes: 3 | |
| +------------------------------------+ |
| |
| CUANDO |
| |
| +------------------------------------+ |
| | [Calendar] 10 de Diciembre 2025 | |
| | [Clock] 9:00 AM | |
| | [Timer] 3 horas (estimado) | |
| +------------------------------------+ |
| |
| DONDE |
| |
| +------------------------------------+ |
| | [Building] Centro Oncologico | |
| | [MapPin] Blvd. Salud 789 | |
| | | |
| | [Ver en mapa] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Person] Requiere acompanante | |
| +------------------------------------+ |
| |
| EFECTOS ESPERADOS |
| |
| +------------------------------------+ |
| | Nauseas, fatiga | |
| | Descansar resto del dia | |
| +------------------------------------+ |
| |
| RECORDATORIOS |
| |
| +------------------------------------+ |
| | [Bell] 3 dias antes | |
| | [Bell] 1 dia antes | |
| | [Bell] 2 horas antes | |
| +------------------------------------+ |
| |
+------------------------------------------+
| [Cancelar] [Editar] [Compartir] |
+------------------------------------------+
2.4. Cita Completada
+------------------------------------------+
| [<] Detalle de Cita [...] |
+------------------------------------------+
| |
| +------------------------------------+ |
| | [Stethoscope Icon] | |
| | | |
| | Consulta Cardiologia | |
| | | |
| | [COMPLETADA] | |
| +------------------------------------+ |
| |
| CUANDO |
| |
| +------------------------------------+ |
| | [Calendar] 28 de Noviembre 2025 | |
| | [Clock] 10:00 AM | |
| +------------------------------------+ |
| |
| MEDICO |
| |
| +------------------------------------+ |
| | [Person] Dr. Juan Garcia | |
| | [Medical] Cardiologia | |
| +------------------------------------+ |
| |
| DONDE |
| |
| +------------------------------------+ |
| | [Building] Hospital San Jose | |
| +------------------------------------+ |
| |
| NOTAS DE LA CONSULTA |
| |
| +------------------------------------+ |
| | Presion arterial normal (120/80) | |
| | Continuar con medicacion actual | |
| | Electrocardiograma sin cambios | |
| +------------------------------------+ |
| |
| DIAGNOSTICO |
| |
| +------------------------------------+ |
| | Hipertension controlada | |
| +------------------------------------+ |
| |
| SEGUIMIENTO |
| |
| +------------------------------------+ |
| | Control en 3 meses | |
| | | |
| | [Programar proxima cita] | |
| +------------------------------------+ |
| |
| DOCUMENTOS |
| |
| +------------------------------------+ |
| | [PDF] Electrocardiograma.pdf [>] | |
| | [IMG] Receta_28Nov.jpg [>] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [+] Agregar documento | |
| +------------------------------------+ |
| |
+------------------------------------------+
| [Exportar] [Compartir] |
+------------------------------------------+
+------------------------------------------+
| |
| +------------------------------------+ |
| | [Edit] Editar cita | |
| +------------------------------------+ |
| | [Copy] Duplicar cita | |
| +------------------------------------+ |
| | [Share] Compartir | |
| +------------------------------------+ |
| | [Export] Exportar a calendario | |
| +------------------------------------+ |
| | [Trash] Cancelar cita | |
| +------------------------------------+ |
| |
| [Cerrar] |
| |
+------------------------------------------+
3. Componentes UI
| Propiedad |
Valor |
| Componente |
CMP-CRD-031 (Event Header) |
| Icon |
Por tipo de evento |
| Title |
Titulo del evento |
| Badges |
Estado, Ayuno, Sesion |
| Background |
Gradient suave |
3.2. Info Row
| Propiedad |
Valor |
| Componente |
CMP-LST-028 (Info Row) |
| Icon |
24x24dp |
| Label |
Descripcion |
| Action |
Opcional (link) |
3.3. Alert Card
| Propiedad |
Valor |
| Componente |
CMP-CRD-032 (Alert Card) |
| Style |
Warning (orange), Error (red), Info (blue) |
| Icon |
Tipo de alerta |
| Action button |
Opcional |
3.4. Progress Bar
| Propiedad |
Valor |
| Componente |
CMP-PRG-003 (Treatment Progress) |
| Visual |
Barra + fraccion |
| Color |
Primary |
| Label |
"X de Y" |
3.5. Document Row
| Propiedad |
Valor |
| Componente |
CMP-LST-029 (Document Row) |
| Icon |
Por tipo (PDF, IMG) |
| Name |
Nombre archivo |
| Chevron |
Ver documento |
4. Estados de Visualizacion
| Estado |
Acciones disponibles |
| Programada |
Editar, Cancelar, Compartir, Exportar |
| Completada |
Ver notas, Agregar docs, Compartir, Programar siguiente |
| Cancelada |
Ver detalles (solo lectura), Reprogramar |
| No asistio |
Ver detalles (solo lectura), Reprogramar |
5. Comportamientos
5.1. Ver en Mapa
- Tap abre aplicacion de mapas nativa
- Usa coordenadas GPS si disponibles
- Fallback: busqueda por direccion texto
5.2. Exportar a Calendario
- Sistema genera archivo ICS
- Muestra opciones: Descargar / Compartir / Abrir con
- Usuario selecciona destino
5.3. Compartir
- Genera resumen de la cita
- Opciones: Mensaje, Email, WhatsApp
- No incluye datos sensibles por defecto
5.4. Cancelar Cita
- Confirmacion: "Seguro que deseas cancelar?"
- Opcion de indicar motivo (opcional)
- Elimina recordatorios pendientes
- Marca como CANCELADA (no elimina)
6. Datos Requeridos
interface AppointmentDetail {
id: string;
type: EventoMedicoType;
subtype?: string;
title: string;
status: AppointmentStatus;
// When
dateTime: Date;
duration?: number;
// Who (for consultations)
doctorName?: string;
specialty?: string;
// Where
institution?: string;
address?: string;
location?: {
latitude: number;
longitude: number;
};
// Preparation (for studies)
requiresFasting?: boolean;
fastingHours?: number;
canDrinkWater?: boolean;
lastMealTime?: Date;
specialPreparation?: string;
conflicts?: MedicationConflict[];
// Treatment
sessionNumber?: number;
totalSessions?: number;
requiresCompanion?: boolean;
expectedEffects?: string;
// Reminders
reminders: Reminder[];
// Notes
preNotes?: string;
// Post-appointment (if completed)
postNotes?: string;
diagnosis?: string;
followUp?: string;
nextAppointmentDate?: Date;
documents?: Document[];
}
7. Accesibilidad
7.1. Labels
| Elemento |
accessibilityLabel |
| Header |
"{tipo}: {titulo}, estado {status}" |
| Date row |
"Fecha: {fecha completa}" |
| Time row |
"Hora: {hora}" |
| Location |
"Ubicacion: {institucion}, {direccion}" |
| Alert |
"Alerta: {descripcion}" |
| Document |
"Documento: {nombre}, tipo {tipo}" |
7.2. Acciones
| Boton |
accessibilityHint |
| Ver en mapa |
"Abre aplicacion de mapas" |
| Exportar |
"Descarga archivo de calendario" |
| Compartir |
"Comparte detalles de la cita" |
8. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)