Pantalla: Historial de Citas
Identificador: SCR-CIT-007
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 |
Historial de Citas |
| Proposito |
Consultar historial completo de citas, estudios y tratamientos |
| Tipo |
Full Screen |
| Acceso |
Lista Citas > Tab Historial |
| Prioridad |
Media |
2. Wireframe ASCII
2.1. Vista Principal
+------------------------------------------+
| [<] Historial de Citas |
+------------------------------------------+
| |
| +------------------------------------+ |
| | [Search] Buscar... | |
| +------------------------------------+ |
| |
| FILTROS |
| [Todos] [Consultas] [Estudios] [Otros] |
| ------ |
| |
| +------------------------------------+ |
| | [Calendar] 2025 [Filter v] | |
| +------------------------------------+ |
| |
| RESUMEN DEL ANO |
| |
| +------------------------------------+ |
| | Total: 15 eventos | |
| | Consultas: 8 | Estudios: 5 | Otros: 2 |
| | Asistencia: 93% | |
| +------------------------------------+ |
| |
| DICIEMBRE 2025 |
| |
| +------------------------------------+ |
| | 05 DIC Consulta Cardiologia | |
| | Dr. Garcia | |
| | [Completada] [>] | |
| +------------------------------------+ |
| |
| NOVIEMBRE 2025 |
| |
| +------------------------------------+ |
| | 28 NOV Consulta General | |
| | Dra. Martinez | |
| | [Completada] [>] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | 20 NOV Perfil Lipidico | |
| | Lab Central | |
| | [Completada] [1 doc] [>] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | 15 NOV Quimioterapia (2/6) | |
| | Centro Oncologico | |
| | [Completada] [>] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | 10 NOV Rayos X Torax | |
| | Hospital General | |
| | [No asistio] [>] | |
| +------------------------------------+ |
| |
| OCTUBRE 2025 |
| ... (mas eventos) |
| |
+------------------------------------------+
| [Exportar historial] |
+------------------------------------------+
2.2. Filtro Avanzado
+------------------------------------------+
| |
| +------------------------------------+ |
| | Filtrar Historial | |
| +------------------------------------+ |
| |
| PERIODO |
| |
| +------------------------------------+ |
| | (*) Este ano (2025) | |
| | ( ) Ultimos 6 meses | |
| | ( ) Ultimos 12 meses | |
| | ( ) Rango personalizado | |
| +------------------------------------+ |
| |
| TIPO DE EVENTO |
| |
| +------------------------------------+ |
| | [x] Consultas | |
| | [x] Estudios de laboratorio | |
| | [x] Estudios de imagen | |
| | [x] Tratamientos | |
| | [x] Terapias | |
| | [x] Vacunas | |
| | [x] Procedimientos | |
| +------------------------------------+ |
| |
| ESTADO |
| |
| +------------------------------------+ |
| | [x] Completadas | |
| | [x] No asistio | |
| | [x] Canceladas | |
| +------------------------------------+ |
| |
| MEDICO / INSTITUCION |
| |
| +------------------------------------+ |
| | Todos [v]| |
| +------------------------------------+ |
| |
| CON DOCUMENTOS |
| |
| +------------------------------------+ |
| | [ ] Solo con documentos adjuntos | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Limpiar] [Aplicar] | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.3. Resultados de Busqueda
+------------------------------------------+
| [<] Historial de Citas |
+------------------------------------------+
| |
| +------------------------------------+ |
| | [X] cardiologia | |
| +------------------------------------+ |
| |
| 3 resultados para "cardiologia" |
| |
| +------------------------------------+ |
| | 05 DIC Consulta Cardiologia | |
| | Dr. Garcia | |
| | [Completada] [>] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | 15 SEP Consulta Cardiologia | |
| | Dr. Garcia | |
| | [Completada] [>] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | 10 JUN Consulta Cardiologia | |
| | Dr. Garcia | |
| | [Completada] [>] | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.4. Vista por Medico/Especialidad
+------------------------------------------+
| [<] Historial por Medico |
+------------------------------------------+
| |
| [Por fecha] [Por medico*] [Por tipo] |
| ---------- |
| |
| DR. JUAN GARCIA |
| Cardiologia - 4 consultas |
| |
| +------------------------------------+ |
| | 05 DIC Consulta | |
| | [Completada] [>] | |
| +------------------------------------+ |
| +------------------------------------+ |
| | 15 SEP Consulta | |
| | [Completada] [>] | |
| +------------------------------------+ |
| +------------------------------------+ |
| | 10 JUN Consulta | |
| | [Completada] [>] | |
| +------------------------------------+ |
| +------------------------------------+ |
| | 15 MAR Consulta | |
| | [Completada] [>] | |
| +------------------------------------+ |
| |
| DRA. ANA MARTINEZ |
| Medicina General - 3 consultas |
| |
| +------------------------------------+ |
| | 28 NOV Consulta | |
| | [Completada] [>] | |
| +------------------------------------+ |
| ... (mas consultas) |
| |
| LABORATORIO CENTRAL |
| Estudios - 5 estudios |
| |
| +------------------------------------+ |
| | 20 NOV Perfil Lipidico | |
| | [Completada] [>] | |
| +------------------------------------+ |
| ... (mas estudios) |
| |
+------------------------------------------+
2.5. Exportar Historial
+------------------------------------------+
| |
| +------------------------------------+ |
| | Exportar Historial | |
| +------------------------------------+ |
| |
| PERIODO A EXPORTAR |
| |
| +------------------------------------+ |
| | Desde: [01/01/2025] | |
| | Hasta: [05/12/2025] | |
| +------------------------------------+ |
| |
| INCLUIR |
| |
| +------------------------------------+ |
| | [x] Datos basicos de citas | |
| | [x] Notas de consulta | |
| | [x] Diagnosticos | |
| | [ ] Documentos adjuntos | |
| +------------------------------------+ |
| |
| FORMATO |
| |
| +------------------------------------+ |
| | (*) PDF | |
| | ( ) Excel (CSV) | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Cancelar] [Exportar] | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.6. Historial Free (Limitado)
+------------------------------------------+
| [<] Historial de Citas |
+------------------------------------------+
| |
| +------------------------------------+ |
| | [i] Historial limitado a 30 dias | |
| | Actualiza a Pro para ver | |
| | historial completo | |
| | | |
| | [Ver planes] | |
| +------------------------------------+ |
| |
| ULTIMOS 30 DIAS |
| |
| DICIEMBRE 2025 |
| |
| +------------------------------------+ |
| | 05 DIC Consulta Cardiologia | |
| | [Completada] [>] | |
| +------------------------------------+ |
| |
| NOVIEMBRE 2025 |
| |
| +------------------------------------+ |
| | 28 NOV Consulta General | |
| | [Completada] [>] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | 20 NOV Perfil Lipidico | |
| | [Completada] [>] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Ver mas eventos...] | |
| | (requiere Pro o Perfect) | |
| +------------------------------------+ |
| |
+------------------------------------------+
3. Componentes UI
3.1. Search Bar
| Propiedad |
Valor |
| Componente |
CMP-SRC-001 (Search Bar) |
| Placeholder |
"Buscar..." |
| Clear button |
X cuando tiene texto |
| Suggestions |
Medicos, instituciones |
3.2. Filter Chips
| Propiedad |
Valor |
| Componente |
CMP-CHP-002 (Filter Chip) |
| Style |
Outlined / Filled (selected) |
| Scroll |
Horizontal si overflow |
3.3. History Card
| Propiedad |
Valor |
| Componente |
CMP-CRD-035 (History Card) |
| Date |
DD MMM |
| Title |
Nombre del evento |
| Subtitle |
Medico/Institucion |
| Badge |
Estado + Docs count |
| Chevron |
Ver detalle |
3.4. Summary Card
| Propiedad |
Valor |
| Componente |
CMP-CRD-036 (Year Summary) |
| Stats |
Total, por tipo, asistencia |
| Period |
Ano seleccionado |
3.5. Upsell Banner
| Propiedad |
Valor |
| Componente |
CMP-BNR-007 (Upsell Banner) |
| Style |
Info (blue) |
| Message |
Limitacion + CTA |
| Action |
Ver planes |
4. Opciones de Filtrado
4.1. Por Periodo
| Opcion |
Descripcion |
| Este ano |
Ano calendario actual |
| Ultimos 6 meses |
Desde hace 6 meses |
| Ultimos 12 meses |
Desde hace 12 meses |
| Personalizado |
Rango de fechas |
4.2. Por Tipo
| Tipo |
Incluye |
| Consultas |
CONSULTA |
| Estudios |
ESTUDIO_LAB, ESTUDIO_IMAGEN |
| Tratamientos |
TRATAMIENTO |
| Otros |
TERAPIA, VACUNA, PROCEDIMIENTO |
4.3. Por Estado
| Estado |
Descripcion |
| Completadas |
Asistio y completo |
| No asistio |
Marcada como no asistio |
| Canceladas |
Cancelada por usuario |
5. Restricciones por Tier
| Funcionalidad |
Free |
Pro/Perfect |
| Periodo visible |
30 dias |
Ilimitado |
| Busqueda |
No |
Si |
| Filtros avanzados |
No |
Si |
| Exportar |
No |
Si |
| Vista por medico |
No |
Si |
6. Comportamientos
6.1. Busqueda
Busca en:
- Titulo del evento
- Nombre del medico
- Especialidad
- Institucion
- Notas
6.2. Agrupacion
| Vista |
Agrupacion |
| Por fecha |
Mes/Ano |
| Por medico |
Medico > Eventos |
| Por tipo |
Tipo > Eventos |
6.3. Exportacion
- Usuario selecciona periodo
- Usuario elige que incluir
- Sistema genera PDF/CSV
- Opciones: Descargar / Compartir / Email
7. Datos Requeridos
interface HistoryState {
searchQuery?: string;
filters: HistoryFilters;
viewMode: 'date' | 'doctor' | 'type';
events: HistoryEvent[];
summary?: YearSummary;
isLoading: boolean;
canLoadMore: boolean;
tierLimited: boolean;
}
interface HistoryFilters {
period: PeriodFilter;
customDateRange?: { from: Date; to: Date };
eventTypes: EventoMedicoType[];
statuses: AppointmentStatus[];
doctorId?: string;
institutionId?: string;
hasDocuments?: boolean;
}
type PeriodFilter = 'this_year' | '6_months' | '12_months' | 'custom';
interface HistoryEvent {
id: string;
date: Date;
type: EventoMedicoType;
title: string;
doctor?: string;
institution?: string;
status: AppointmentStatus;
documentsCount: number;
hasNotes: boolean;
}
interface YearSummary {
year: number;
total: number;
byType: Record<string, number>;
attendanceRate: number;
}
interface ExportOptions {
dateFrom: Date;
dateTo: Date;
includeBasicData: boolean;
includeNotes: boolean;
includeDiagnosis: boolean;
includeDocuments: boolean;
format: 'pdf' | 'csv';
}
8. Accesibilidad
8.1. Labels
| Elemento |
accessibilityLabel |
| Search |
"Buscar en historial" |
| Filter chip |
"Filtro {nombre}, {activado/desactivado}" |
| History card |
"{fecha}: {titulo}, {estado}" |
| Summary |
"Resumen: {total} eventos, {asistencia}% asistencia" |
8.2. Navegacion
- VoiceOver agrupa eventos por seccion (mes)
- Anuncio de resultados de busqueda
- Anuncio de filtros aplicados
9. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)