Главная

Навигационная панель

В верхней части интерфейса располагается основная навигационная панель, обеспечивающая быстрый доступ к ключевым разделам системы. Она доступна на любой странице приложения и включает следующие вкладки:

Навигационная панель
Навигационная панель

Навигация построена по выпадающему принципу — при наведении на каждый раздел раскрываются вложенные пункты для детального перехода.

Дашборд

Дашборд предназначен для отображения текущего состояния контейнеров на терминале. Данные визуализированы в виде столбчатой диаграммы с возможностью фильтрации и переключения режимов отображения.

Дашборд главной страницы

Фильтрация режимов отображения

Фильтрация режимов отображения
Фильтрация режимов отображения
  • Выпадающий список "Клиент" — позволяет выбрать конкретного заказчика, после чего гистограмма отображает данные только по выбранному клиенту.

  • Переключатель "TEU / Контейнеры" — дает возможность выбрать единицу измерения:

    • TEU — спецификация контейнера.

    • Контейнеры — отображается абсолютное количество контейнеров.

  • Кнопки “40’ / 20’” — фильтрация по размеру контейнеров:

    • При выборе 40’ или 20’ гистограмма отображает данные только по контейнерам соответствующего размера.

Эти кнопки становятся доступными только при активном выборе переключателя Контейнеры.

В случае, если у пользователя доступен только один клиент, выпадающий список скрывается, а гистограмма автоматически отображает информацию по этому клиенту.

  • Выпадающий список "Специализация" — дополнительный фильтр по типу обработки или назначения. При выборе определенной специализации гистограмма отображает только данные, соответствующие выбранной специализации.

  • Под графиком находятся кнопки груженные (фиолетовая) и порожние (бирюзовая). При нажатии на одну из этих надписей гистограмма отобразит только контейнеры выбранного типа.

Фильтрация выпадающего списка «Клиент» и «Специализация» происходит по мере ввода текста.

При наведении на стрелку появляется крестик, который позволяет сбросить выбор.


Центральным элементом дашборда является гистограмма, отражающая количество контейнеров по специализациям:

  • REEFER — рефрижераторный контейнер, используемый для перевозки товаров, требующих поддержания определенной температуры.

  • DRY — сухой контейнер, стандартный контейнер, предназначенный для транспортировки грузов, не требующих особых условий хранения.

  • DIESEL — контейнер, предназначенный для транспортировки горюче-смазочных материалов.

  • TK — термоконтейнер, контейнер с изоляцией, предназначенный для поддержания стабильной температуры в пределах заданного диапазона.

  • ISO — контейнер, соответствующий международным стандартам ISO, используемый для транспортировки различных грузов.

Каждая колонка состоит из двух сегментов:

  • Фиолетовый — груженные контейнеры;

  • Бирюзовый — порожние контейнеры.

Справа вверху от графика отображается общее количество контейнеров на терминале со значком суммы, которое динамически меняется при применении фильтров.

Наведение курсора на любой сегмент вызывает всплывающую подсказку с:

  • Названием типа контейнера;

  • Количеством груженных и порожних;

  • Процентным соотношением по каждому из них.