Основной экран

App.vue задает основной каркас Builder. Компонент собирает постоянные части экрана: sidebar, верхнюю область layout, рабочую область маршрута и глобальные виджеты вроде диалогов, toast-уведомлений и progress overlay.

Сайдбар

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

Дерево

Дерево управляет выбором сущности внутри проекта или портала. Оно отображает иерархию папок и объектов, а также определяет контекст для создания новых элементов через фабрики и пункты контекстного меню.

Табы

NavigationTabs переключает подэкраны выбранной сущности. Состав вкладок приходит из router metadata текущего объекта или папки, а визуальный слой рендерится через LibTabMenu.

Вкладки проекта

• Параметры - path: /settings
• настройки&nbspавторизации - path: /authorization
• синхронизация объектов - path: /synchronization
• аварии - path: /alarms
• драйверы - path: /drivers

Вкладки мнемосхем

• параметры - path: /settings
• импорт - path: /import
• онлайн - path: /online
• права - path: /access

Вкладки графиков

• Параметры - path: /settings
• визуализация - path: /visualization
• онлайн - path: /online
• права - path: /access

Вкладки объектов

• Параметры - path: /settings
• визуализация - path: /visualization
• логика - path: /logic
• драйверы - path: /driver
• онлайн - path: /online
• авария - path: /alarm
• права - path: /access

Вкладки драйверов

• Параметры - path: /settings
• онлайн - path: /online
• импорт - path: /import
• объекты - path: /objects
• безопасность - path: /security

Вкладки папок

• Параметры - path: /settings

Вкладки папок портала

• представление - path: /table-views
• Параметры - path: /settings
• права - path: /access
• iframe - path: /iframes
• мнемосхемы - path: /mnemoschemes

Вкладки порталов

• Параметры - path: /settings
• настройки&nbspавторизации - path: /authorization
• синхронизация структуры - path: /synchronization-projects
• синхронизация объектов - path: /synchronization-objects

Вкладки элементов портала

• Параметры - path: /settings
• онлайн - path: /online

Рабочая область

Рабочая область показывает содержимое выбранной вкладки. Компонент ObjectDetails размещает сверху NavigationTabs, а ниже рендерит экран активного маршрута через RouterView. Смена вкладки меняет содержимое рабочей области, не изменяя выбранную сущность.

LibUI demo

Ниже показан элементарный demo LibButton в двух темах libui. Блок нужен как быстрый визуальный ориентир: можно сразу сверить, как один и тот же primary button выглядит для портала и для билдера.

disabled icon

Portal

Builder

Mentioned In

None yet.