Konfigurieren Sie einen stündlichen Kalender für Dispatcher-Arbeitsbereich

Konfigurieren Dispatcher-Arbeitsbereich Dient zum Anzeigen eines Kalenders mit jeder Spalte, die eine Stunde darstellt. In diesem Dokument wurde ein fünf-Stunden-Kalender angezeigt, aber Sie können die Anzahl der Stunden entsprechend Ihren Anforderungen ändern.

Vorbereitungen

Erforderliche Rolle: Administrator

Warum und wann dieser Vorgang ausgeführt wird

Vorteile der Konfiguration eines stündlichen Kalenders:

• Granulare Zeitanzeige : Jede Spalte stellt genau 1 Stunde dar
• 5-Tage-Spanne : Zeigt 120 aufeinanderfolgende Stunden an (5 x 24 Stunden)
• Zoomfunktion : Verbesserte Zoomfunktion für bessere Sichtbarkeit
• Reaktionsfähiges Design : Optimierte Spaltenbreite und -Abstand
• Ereignismanagement : Vollständige Unterstützung für Ereigniserstellung, -Bearbeitung und -Visualisierung

Abbildung : 1. Stündliche Ansicht in Dispatcher-Arbeitsbereich

Prozedur

1. Navigieren zu Alle > Systemdefinition > Skripteinbindungenan.
2. Suchen und öffnen DispatcherWorkspaceKonstanten .
3. Suchen Sie CALENDAR_VIEW_SETTINGS Objekt und fügen Sie hinzu TIMELINE_FIVE_DAYS_HOURLY_VIEW Konfiguration.

   "TIMELINE_FIVE_DAYS_HOURLY_VIEW": {
       // Template configurations for UI components
       "templates": {
           "rowBody": {
               "type": "macroponent",
               "value": "23c3967f53d07110443cddeeff7b1222"
           },
           "sectionHeadBody": {
               "type": "macroponent",
               "value": "43899a6ded592110f87778b05e3c80a7",
               "sticky": true,
               "autoCollapse": false,
               "manageCollapsed": true,
               "disableUXFContainerClickEvents": true
           },
           "sectionHeadTitle": {
               "type": "macroponent",
               "value": "a1ff3ba6b7803110a311aa7e1e11a964",
               "autoCollapse": false,
               "manageCollapsed": true,
               "disableUXFContainerClickEvents": true
           },
           "rowTitle": {
               "type": "macroponent",
               "value": "0c1ae3a8b1346110f8776e5c40f98bd2",
               "style": {
                   "height": "100%"
               }
           },
           "eventBody": {
               "type": "component",
               "value": "sn-fsm-event-body"
           },
           "timestampBody": {
               "type": "macroponent",
               "value": "3deb30f8d149e110f8773e7b5e3fce04"
           }
       },
    
       // Core time configuration - THIS IS THE KEY PART
       "xStart": 0,                    // Start from hour 0
       "xStep": 1,                     // Increment by 1 hour per column
       "xSize": 120,                   // Show 120 hours total (5 days × 24 hours)
       "xUnitName": "hours",           // Each column represents hours
    
       // Display and layout settings
       "columnWidthInPx": 65,          // Width of each hourly column
       "viewProvider": "TIMELINE_CONFIGURABLE_COLUMN",
    
       // Time scale header configuration. Adds another row on top of the 1 hour per column for better visibility and more information
       "timeScaleGridRows": [{
           "id": "days",
           "order": 1,
           "unit": "days",
           "format": "dddd MMMM DD"    // Display format: "Monday January 15"
       }],
    
       // UI behavior settings
       "rowHeightBottomPaddingInLines": 2,
       "snapGranularity": 15,
       "groupBy": "group",
       "animation": false,
       "hideAgendaView": true,
       "eventHeight": 20,
       "minEventRowHeight": 24,
       "eventMinWidthMS": 1000,
       "noScrolling": false,
       "usePropertyDiff": true,
       "hideSidebarOnLoad": true,
    
       // Zoom and toolbar configuration
       "floatingToolbarConfig": {
           "manage": false,
           "zoomSize": 0.2,
           "disableCollapse": false,
           "collapseOnLoad": true,
           "collapseOnResize": true
       }
   }

4. Suchen Sie AVAILABLE_VIEWS Array in denselben Skripteinbindungen.
   Hinweis:

   Sehen Sie sich das Bild im vorherigen Schritt an.
5. Fügen Sie den neuen Ansichtseintrag hinzu, siehe Bild in diesem Schritt.

   {
       "view": "TIMELINE_FIVE_DAYS_HOURLY_VIEW",
       "viewProvider": "TIMELINE_CONFIGURABLE_COLUMN", 
       "label": gs.getMessage("5 days hourly"),
       "type": "Timeline"
   }

6. Speichern Sie die Skripteinbindung.
7. Erfassen Sie die Dateiänderungen in einem Update-Satz, und bestätigen Sie den Update-Satz.
8. Navigieren Sie zu Dispatcher-Arbeitsbereich Um Ihre Implementierung zu verifizieren.
9. Suchen Sie nach, und wählen Sie aus 5 Tage stündlich Option in der Ansichtsauswahl.