Skip to content

Operations ​

English · Русский

Component options for @mes/aps@1.23.0. Prefix Settings names with schedule.; see how to fill in a record.

Configure setup bars, bar text, fonts/colors, late-operation labels, and hover tooltips. Tooltips and labels explains shared row properties; appearance explains shared drawing colors.

Setup and narrow bars ​

appSettings.equipmentAreaSettings.showAdjustment ​

Draws setup/changeover bars inside operations.

  • Type: boolean.
  • Default: true.
  • Color comes from adjustmentFillColor; minWidthShow hides narrow setup bars.

appSettings.drawPreferences.adjustmentFillColor ​

Setup/changeover bar fill.

  • Type: CSS color string.
  • Default: #161320.
  • Drawn only with showAdjustment: true. Dimming uses inactiveElementsColor instead. Setup height is fixed at half the operation height.

appSettings.drawPreferences.minWidthShow ​

Minimum pixel width for drawing an operation or setup bar. Narrower bars are skipped; short operations disappear rather than becoming dots.

  • Type: number, pixels.
  • Default: 1.
  • Applied together with showAdjustment in the drawing filter.

Bar text ​

operationInfoConfig ​

Rows inside an operation bar. Width limits text according to useLabelEllipsis; height limits the number of rows. The chart fits the integer part of (base row height − 20) / (font size + 12) rows and omits the remainder. At font size 14, two rows need at least 72 pixels of base height. See vertical scale.

For finite: false equipment, overlapping operations use multiple levels: the equipment row grows, but each level keeps the same base height. Fields are the same as operationTooltipConfig. Empty labels are common:

json
{
  "operationInfoConfig": {
    "name": { "label": "" },
    "workOrder.number": { "label": "" }
  }
}

appSettings.drawPreferences.labelTextFont ​

Font family for bar text. The package prepends the size and passes canvas a string such as 14px arial.

  • Type: family string, such as arial or "Roboto", sans-serif.
  • Default: bold arial.
  • Weight/style do not work here. The default becomes 14px bold arial, where bold arial is treated as a family name; browsers usually fall back to another font. Supply only the family.

appSettings.drawPreferences.labelTextFontSize ​

Bar text font size in pixels. Default: 14.

appSettings.drawPreferences.useLabelEllipsis ​

For a row too wide for its bar, true truncates with an ellipsis; false omits the row entirely.

  • Type: boolean.
  • Default: true.
  • Late operations always use ellipsis, regardless of this value.

appSettings.drawPreferences.labelTextColor ​

Normal-operation bar text color. CSS color string; default: #F7F7F8.

Late operations ​

The schedule's late field identifies a late operation. Its upper-edge strip uses lateItemColor, shared with secondary constraints; see appearance.

appSettings.drawPreferences.lateLabelTextColor ​

Late-operation bar text color. CSS color string; default: #A90D04.

appSettings.drawPreferences.lateLabelTextOutlineColor ​

Late-operation text outline color. CSS color string; default: #F7F7F8.

Hover tooltip ​

operationTooltipConfig ​

Keys can address any field of the operation record in scheduledOperations[].schedule[]. The package passes the whole record, including additional fields supplied by the application. For example, customField is an illustrative name, not a predefined package field.

It adds the whole workOrder object found in workOrders by matching its guid to the operation's orderGuid. Any order field can therefore be addressed too. Calculated fields type, startX, startY, width, height, maxWidth, and operation replace same-name source fields.

The operation tooltip requires operationGuid and orderGuid. A row setting does not fetch missing operation or order data.

The declared operation fields include name, position, startDate, finishDate, setupFinishDate, late, locked, type, setupTime, executeTime, operationGuid, orderGuid, and workUnitObjectGuid. Order fields include workOrder.number, workOrder.name, workOrder.dueDate, workOrder.priority, workOrder.quantity, and workOrder.guid.

Unused options ​

  • appSettings.drawPreferences.labelTextOutlineColor, default #161320: normal-operation text outlines are always black (#000000). Only late-operation outlines are configurable.
  • appSettings.drawPreferences.operationOpacityLevel, default 0.95: opacity is fixed.
  • appSettings.drawPreferences.adjustmentHeightScale, default 0.5: setup height is fixed.

Example ​

Smaller text, dark-red late labels, no setup bars, operation/order bar rows, and operation/late tooltip rows:

json
{
  "appSettings": {
    "equipmentAreaSettings": { "showAdjustment": false },
    "drawPreferences": {
      "labelTextFontSize": 12,
      "lateLabelTextColor": "#7f1d1d"
    }
  },
  "operationInfoConfig": {
    "name": { "label": "" },
    "workOrder.number": { "label": "" }
  },
  "operationTooltipConfig": {
    "name": { "label": "Operation", "order": 1 },
    "late": { "label": "Late", "order": 2 }
  }
}

Setup bars disappear. Bar text is 12 pixels where width/height permit; two rows need at least 68 pixels of base height. Late text is dark red. For a Milling operation with late: true, the tooltip shows:

text
Operation: Milling
Late: true