新增動作至處所頁面

您可以使用 VB Studio,為 CX for Utilities Agent Service 中「處所」頁面上的「動作」按鈕新增自訂動作。


此影像顯示動作功能表的範例。

您可以新增下列類型的動作:

  • 開啟 URL 動作
  • 導覽至頁面動作
  • 自訂事件動作

下列範例顯示,如何將「開啟 URL」動作或「導覽至頁面」動作新增至按鈕。

此範例假設讀者瞭解如何使用 VB Studio。如需其他資訊,請參閱:

範例:將動作功能表項目新增至處所頁面

  1. 以管理員的身分登入 CX for Utilities Agent Service。

  2. 按一下頁面右上角的功能表,然後選取在 Visual Builder Studio 編輯頁面

  3. 選取您的工作區,然後按一下選取。請注意,您也可以視需求建立新的工作區。

  4. 應用程式 UI 面板中,展開「Oracle Utilities Advanced Care UI」應用程式,然後導覽至主要,並選取主要-處所-登陸頁面,然後按一下主要-處所-登陸頁面-開始

  5. 選取事件,並為 premiseLandingPageMoreActionsEvent 建立事件監聽器,然後選取動作鏈以實作您的自訂動作。
  6. 應用程式 UI 面板中,展開「Oracle Utilities Advanced Care UI」應用程式,然後選取片段子功能表下方的 e11y-user-action-template 片段。
  7. 選取變數子頁籤,以顯示常數和變數。

  8. 按一下 USER_ACTION_CONTEXT_LIST 常數。

  9. 在畫面右側的預設值欄位中,輸入您的組態,如下所示:


    此影像顯示組態的範例。

  10. 在「應用程式 UI」面板中,展開「Oracle Utilities Advanced Care UI」應用程式,然後再次展開主要,然後選取處所-登陸頁面子功能表下方的處所-登陸頁面-開始
  11. 選取變數子頁籤,以顯示常數和變數。
  12. 選取 USER_ACTION_UI_PREMISE_LANDING_PAGE_MORE_ACTIONS 常數。
  13. 在畫面右側的預設值欄位中,輸入先前在 e11y-user-action-template 片段的 USER_ACTION_CONTEXT_LIST 中傳遞的相同 ID 字串。此代碼範例包含自訂動作 (ACTION_CUSTOM_EVENT_PREMISE_LANDING_ACTION) 及開啟 URL (ACTION_OPEN_URL_TEST) 的組態:
    [
        {
            "id": "ACTION_CUSTOM_EVENT_PREMISE_LANDING_ACTION",
            "active": true,
            "label": "Test Custom Event",
            "context": {
                "type": "CustomEvent",
                "eventId": "page:premiseLandingPageMoreActionsEvent",
                "eventData": {
                    "eventType": "premiseLandingPageEvent"
                }
            }
        },
        {
            "id": "ACTION_OPEN_URL_TEST",
            "label": "Open Url Test",
            "active": true,
            "context": {
                "type": "Url",
                "url": "https://google.com?initNav=${initNav}&location=${location}&PP_ID=${PP_ID}",
                "windowName": "_blank",
                "params": [
                    {
                        "name": "initNav",
                        "value": "test"
                    },
                    {
                        "name": "location",
                        "value": "test2"
                    },
                    {
                        "name": "PP_ID",
                        "alias": "premiseId"
                    },
                    {
                        "name": "premiseId",
                        "scope": "ui"
                    }
               ]
            }
        }
    	]
  14. 預覽您的變更,以確認變更是否如您預期般顯示。這將會啟動包含處所頁面的新頁籤。請確認您的新選項是否可用,以及是否能讓您前往適當的位置。

  15. 如果您的變更已可供使用時,請完成將該變更發布至生產環境的步驟。