Дашборды и KPI
Платформа Стрикс предоставляет набор взаимосвязанных представлений для мониторинга, анализа и визуализации промышленного оборудования. Все представления работают в контексте выбранного проекта и обновляются в реальном времени.
Обзор представлений
| Представление | Маршрут | Назначение |
|---|---|---|
| Главный дашборд | /dashboard | Сводка KPI, ст атус оборудования, графики |
| Дерево устройств | /tree | Иерархическая навигация с панелью деталей |
| Сводная таблица | /table | Параметры оборудования в табличном виде |
| Сетевая диаграмма | /diagram | Граф связей оборудования |
| Технологическая схема | /process | Потоковая диаграмма процесса |
Главный дашборд
Дашборд /dashboard построен на библиотеке grid-layout-plus и использует сетку 12 колонок с шагом 40px по вертикали. Виджеты поддерживают перетаскивание (drag-drop) и изменение размера (resize). Расположение виджетов сохраняется в localStorage отдельно для каждого проекта.
KPI-виджеты
В верхней части дашборда расположены карточки с ключевыми показателями:
| Показатель | Источник | Обновление |
|---|---|---|
| Всего оборудования | Количество shells с assetType, отличным от facility/area/equipmentGroup | При загрузке |
| Онлайн-устройства | Наличие свежих данных в OperationalData (< 5 мин) | 30 сек |
| Активные алармы | Субмодель AlarmHistory, статус active | 30 сек |
| Доступность данных | Средний балл DataQuality по проекту | 60 сек |
| OEE (средний) | Субмодель OEE: Availability x Performance x Quality | 60 сек |
Карточки статуса оборудования
Под KPI-виджетами отображается разбивка оборудования по типам с цветовой индикацией состояния:
| Цвет индикатора | Значение |
|---|---|
| Зелёный | Работа, все параметры в норме |
| Жёлтый | Работа, один или более параметров в зоне предупреждения |
| Красный | Аварийный останов или превышение критического порога |
| Серый | Нет данных / оборудование выключено |
Пороговые значения
Для цветовой индикации используются типовые пороги:
| Параметр | Предупреждение | Аварийный | Единица |
|---|---|---|---|
| Температура подшипника | 85 | 100 | C |
| Вибрация (RMS) | 5.0 | 7.5 | мм/с |
| Ток двигателя | 350 | 400 | А |
Пороги настраиваются индивидуально для каждой единицы оборудования через субмодель TelemetryConfig. Значения в таблице -- типовые значения по умолчанию.
Графики телеметрии
Дашборд включает графики параметров, построенные на библиотеке ECharts 5. Поддерживаются два режима:
Реальное время (MQTT)
- Данные поступают через WebSocket (MQTT over WS)
- Кольцевой буфер на 300 точек (~5 минут при частоте 1 Гц)
- Мгновенное отображение без polling
Исторические данные (ClickHouse)
Автоматический выбор таблицы по масштабу просмотра:
| Масштаб | Источник | Точность |
|---|---|---|
| Последние 48 часов | telemetry_raw | Каждое значение |
| До 30 дней | telemetry_1min | 1-минутная агрегация |
| Более 30 дней | telemetry_1hour | 1-часовая агрегация |
Графики поддерживают ось времени, dataZoom (масштабирование мышью), легенду и наложение нескольких параметров на одном графике.
Дерево устройств (/tree)
Основной инструмент навигации по иерархии оборудования. Двухпанельная компоновка: слева -- дерево, справа -- панель деталей с субмоделями выбранного элемента и мини-картой иерархии.
Сводная таблица (/table)
Плоская таблица с параметрами всего оборудования проекта:
| Возможность | Описание |
|---|---|
| Фильтрация | По типу оборудования, участку, группе, статусу |
| Сортировка | По любому столбцу, включая числовые параметры |
| Поиск | Полнотекстовый по displayName (ru/en) |
| Группировка | По участку, типу, группе оборудования |
Таблица автоматически подтягивает displayName на языке интерфейса. Для оборудования с двуязычным Nameplate отображаются оба варианта названия.
Сетевая диаграмма (/diagram)
Визуализация связей оборудования в виде графа. Узлы -- AAS-оболочки, рёбра -- отношения parent-child из specificAssetIds.parentId. Поддерживается автоматическая раскладка по уровням, цветовая кодировка по типу и интерактивное выделение связанных элементов.
Технологическая схема (/process)
Потоковая диаграмма технологического процесса с live-значениями из OperationalData. Аномальные значения выделяются цветом.
Питание Измельчение Классификация Флотация Концентрат
--> [Дробилка] --> [Мельница] --> [Гидроциклон] --> [Флотомашина] -->
1550 т/ч 1895 т/ч 8695.6 т/ч 1612.6 т/ч
Темы оформления
Платформа поддерживает светлую и тёмную темы оформления. Все графики, таблицы и диаграммы адаптируются автоматически.
| Тема | Рекомендация |
|---|---|
| Тёмная | Операторские и диспетчерские (снижение нагрузки на глаза) |
| Светлая | Офисные помещения, презентации, печать |
Выбранная тема сохраняется в localStorage браузера и применяется автоматически при следующем входе.
Обновление данных
Все представления используют единый механизм обновления:
| Тип данных | Источник | Интервал |
|---|---|---|
| Структура (shells, submodels) | BaSyx REST API | При входе и смене проекта |
| Телеметрия (OperationalData) | BaSyx REST API | Polling 5--30 сек |
| KPI (OEE, алармы) | BaSyx REST API | Polling 30--60 сек |
| MQTT (где поддержано) | WebSocket push | Мгновенно |
Интервал обновления можно настроить в панели настроек платформы.