@orion-front/docs

Appearance

Внешний вид ​

English · Русский

Настройки компонента @mes/aps@1.23.0. В MES имена записей Settings начинаются с schedule.; см. как заполнить запись.

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

Цвета отрисовки из drawPreferences передаются в canvas, поэтому допустима строка CSS-цвета: #c62317, #c6231780, rgb(198, 35, 23), rgba(...), red. Нераспознанное значение canvas молча игнорирует, и элемент рисуется предыдущим цветом; проверки значений в пакете нет. canvasBackground задаёт CSS-фон поверхности.

Шрифт и цвета текста в DOM-частях графика (список оборудования, панели ограничений, подсказки) этой страницей не управляются; они задаются стилями приложения. Размер шрифта заголовка и размеры элементов управления отдельно описаны на странице раскладки.

Фон ​

appSettings.canvasBackground ​

Цвет под сеткой и полосами операций на всех четырёх canvas-поверхностях: основное поле, полоса поставок и заявок, панели вторичных и материальных ограничений. Фон боковой панели и заголовков этой настройкой не меняется.

  • Тип: строка CSS background
  • По умолчанию: #d9d9d9

Сетка ​

appSettings.drawPreferences.gridLinesColor ​

Цвет всех линий сетки: вертикальных линий делений времени и горизонтальных разделителей строк в основном поле, в полосе поставок и заявок и в панелях ограничений. Одно значение на все области.

  • Тип: строка CSS-цвета
  • По умолчанию: #737373

Просрочка и превышение ​

appSettings.drawPreferences.lateItemColor ​

Цвет полосы высотой 6 пикселей вдоль верхнего края просроченной операции, а также цвет слоёв превышения и максимума в панели вторичных ограничений. Панель движения материалов этот цвет не использует.

  • Тип: строка CSS-цвета
  • По умолчанию: #C62317
  • Взаимодействие: при приглушении заменяется на inactiveElementsColor. Подписи просроченных операций настраиваются на странице операций.

Приглушение ​

appSettings.drawPreferences.inactiveElementsColor ​

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

  • Тип: строка CSS-цвета
  • По умолчанию: #C4C4C4
  • Взаимодействие: виден только когда есть подсвеченная или выбранная операция либо активен указатель ограничений.

Пример ​

Тёмный фон поля, более заметная сетка и тёмно-серое приглушение:

json
{
  "appSettings": {
    "canvasBackground": "#1f1f24",
    "drawPreferences": {
      "gridLinesColor": "#5a5a66",
      "inactiveElementsColor": "#4b4b57"
    }
  }
}

Поле тёмное, линии сетки заметнее, а операции, не связанные с подсвеченной, приглушаются тёмно-серым. Остальные цвета сохраняют значения по умолчанию, потому что вложенные объекты объединяются по ключам.