Sprints 7–9: electronic medical card, splash home, plate design system

- Sprint 7: Electronic patient card (MedcardScreen rewritten with hero
  passport, 5 tabs, bidirectional links with past appointments)
- Sprint 8: 5th home variant "Светлая плитка" (HomeSplashScreen)
- Sprint 9: Tweaks "Дизайн" section (Клод / Прозрачная карточка) with
  plate versions of Profile, Appts, Appt details and Medcard in
  screens-plate.jsx; fallback to Клод for other screens

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
AR 15 M4
2026-04-21 19:19:55 +05:00
parent bf1c78ff14
commit e9a8171252
8 changed files with 1328 additions and 80 deletions
+43 -11
View File
@@ -75,6 +75,28 @@ export const SCREEN_DOCS = {
'Рекомендации emoji-карточками горизонтально — лёгкое lifestyle-чтение, не давит на верхние задачи',
],
},
'home:splash': {
title: 'Главная 1 · Светлая плитка',
category: 'Главная',
goal: 'Приветственный дом с крупной типографикой и тёплыми карточками. Фокус на первой записи на приём: ближайшая запись → мои приёмы → запись новой. Ниже — услуги и полезная информация 2×N.',
tasks: [
'Увидеть персональное приветствие и открыть поиск врача',
'Попасть в ближайшую запись (фото врача, дата, время, локация, «Активно»)',
'Перейти в «Мои приёмы» из контекстной карточки',
'Нажать тёплый CTA «Записаться на приём → Выбрать удобное время»',
'Открыть связаться с врачом в чате одним тапом',
'Пролистать полезную информацию (статья дня, все статьи, цены, контакты)',
],
rationale: [
'Минималистичная шапка (аватар + «Главная» + колокольчик) вместо градиента — акцент сразу на h1-приветствии',
'Ближайшая запись как выделенная primary-50 карточка с caps-label «БЛИЖАЙШАЯ ЗАПИСЬ» + «★ Активно» — ясный статус и сканируемая структура',
'Чипы даты/времени белым поверх primary-50 — читаемость и тактильная приглашённость к нажатию',
'Тёплая warm-100 карточка записи с декоративными кругами и белой вложенной кнопкой — единственный визуальный «горячий» CTA на экране, притягивает глаз',
'Сетки 2×1 и 2×2 с одинаковыми тайлами (круглая teal-иконка, sub/main тексты) — ритмичная, предсказуемая плитка, легко сканируется',
'Все 8 CTA-карточек видны без скролла или в 1 свайп — плотная, но не перегруженная сетка',
],
variants: 'В Tweaks «Главный экран»: Карточки / Лента / Таймлайн / Таймлайн X / Светлая плитка — разные приоритеты контента.',
},
'home-v2': {
title: 'Главная 2',
category: 'Главная',
@@ -223,20 +245,23 @@ export const SCREEN_DOCS = {
'appt': {
title: 'Детали приёма',
category: 'Приёмы и результаты',
goal: 'Полная карточка приёма: дата/время, врач, адрес, контакты, заключение (для прошедших).',
goal: 'Полная карточка приёма: дата/время, врач, адрес, контакты, заключение с диагнозом, назначениями и связкой с медкартой (для прошедших).',
tasks: [
'Увидеть дату, время, тип приёма',
'Открыть карточку врача',
'Посмотреть адрес на карте',
'Позвонить в клинику',
'Отменить или перенести (для предстоящих)',
'Открыть заключение PDF (для прошедших)',
'Прочитать заключение, диагноз с кодом МКБ, назначения (для прошедших)',
'Перейти в электронную карту или к результатам обследований',
],
rationale: [
'Крупное время 42px monospace-narrow — главное, что пациент ищет',
'Адрес отдельной секцией с кнопкой карты — частый re-check',
'Кнопка «Отменить» приглушённым danger — чтобы случайно не нажать',
'Перенос primary — предполагаемое действие',
'Блок заключения: диагноз+код МКБ, conclusion-текст, список назначений с иконкой — та же структура, что в «Посещениях» медкарты',
'CTA «В медкарте» и «Результаты» — двунаправленная связь с электронной картой',
],
},
'results': {
@@ -438,20 +463,27 @@ export const SCREEN_DOCS = {
],
},
'medcard': {
title: 'Медицинская карта',
title: 'Электронная карта пациента',
category: 'Здоровье',
goal: 'Медкарта: основное, аллергии, история диагнозов.',
goal: 'Полная амбулаторная карта в телефоне: паспорт пациента, аллергии, диагнозы, история посещений с заключениями, активные назначения, прививки, операции.',
tasks: [
'Увидеть пол, возраст, рост/вес, группу крови',
'Проверить аллергии',
'Просмотреть историю диагнозов с датами',
'Добавить аллергию',
'Увидеть паспорт: ФИО, ДР, № карты, полис, группа крови',
'Проверить аллергии и их реакции перед назначением препарата',
'Просмотреть хронические диагнозы с кодом МКБ и лечащим врачом',
'Открыть посещение → попасть в детали приёма с заключением и назначениями',
'Увидеть активный курс лекарств и перейти к расписанию приёма',
'Просмотреть историю прививок с партиями и операций с исходами',
],
rationale: [
'Основные данные в label/value списке — табличная структура',
'Аллергии как красные чипы — критическая инфа',
'История — плоская лента с датой, диагнозом, врачом',
'Hero-блок с паспортом + QR + № карты — сразу понятен контекст («моя карта»)',
'Сегмент-табы (Общее / Посещения / Назначения / Прививки / Операции) — разделяем 5 разных типов данных без вертикального скролла в одну ленту',
'Аллергии в первой секции Общего — критическая инфа видна без переключения табов',
'Чипсы severity (Опасная/Средняя/Лёгкая) — быстрое считывание риска',
'Каждое посещение — тап-область с заключением и связью «Открыть» на карточку приёма (двунаправленная навигация)',
'Назначения разделены на активные (с крупной иконкой-таблеткой) и завершённые (компактный список) — фокус на актуальном',
'Операции с плашкой «Исход» в success-tone — позитивное закрытие эпизода',
],
variants: 'Данные пациента едины с Профилем (patient в data.js) — изменение в карте отражается в шапке Профиля, QR и шапке Приёмов.',
},
'notifications': {
title: 'Уведомления',