12 lines
2.6 KiB
Markdown
12 lines
2.6 KiB
Markdown
```mermaid
|
||
1. Пользователь открывает страницу прототипа и видит главный экран: сверху сводные карточки по курсам и обучениям, ниже таблицу записей, справа или сверху блок сводки по отделам.
|
||
2. Пользователь нажимает кнопку «Добавить курс» или «Новая запись» и заполняет форму: название курса, сотрудник, отдел, дедлайн, статус. После сохранения запись появляется в таблице и в сводке.
|
||
3. Пользователь применяет фильтры по отделу, курсу, статусу или просрочке и видит только нужные записи без перезагрузки страницы.
|
||
4. Пользователь открывает строку записи и нажимает «Отметить пройдено»; система меняет статус, ставит дату прохождения и обновляет счётчики в карточках и сводке.
|
||
5. Пользователь переходит в раздел «Курсы» и видит список курсов с числом записанных, завершивших и просроченных; при нажатии на курс открывается список сотрудников по этому курсу.
|
||
6. Пользователь открывает «Сводка по отделам» и смотрит, какой отдел имеет больше всего активных, завершённых и просроченных обучений.
|
||
7. Пользователь нажимает «Импорт файла» и загружает CSV/Excel; прототип показывает предварительный просмотр, подсвечивает ошибки в обязательных полях и после подтверждения добавляет данные в браузерное хранилище.
|
||
8. Пользователь нажимает «Экспорт» и получает файл с текущими данными и сводкой, сформированный на стороне браузера.
|
||
9. Пользователь обновляет страницу и убеждается, что все введённые записи сохранились в localStorage и доступны без повторного ввода.
|
||
```
|