Skip to content

監看螢幕

功能說明

監看螢幕小工具用於即時顯示 HMI 裝置的操作介面畫面。此小工具允許使用者在儀表板中直接監控和觀察 HMI 設備的當前狀態,無需切換到其他平台或應用程式。

  • 即時畫面顯示:實時展示 HMI 裝置的操作介面
  • 連線模式選擇:支援 WebView 和 WebVNC 兩種連線方式
  • 連線狀態監控:提供步驟式連線進度顯示和錯誤診斷
  • 流量監控:當流量超過限制時會顯示警示

樣式設定

基礎

背景顏色

設定小工具的背景顏色。點擊顏色選擇器可開啟色彩面板,提供:

  • 預設色彩選項
  • 自訂色彩
  • 透明度調整

標題

  • 啟用:勾選核取方塊以顯示標題
  • 標題文字:輸入標題內容(最多 100 字元)
  • 未啟用標題時,相關設定會呈現停用狀態

字型

從下拉選單選擇標題文字的字型,提供多種字型選項包括:

  • 預設
  • 系統字型
  • 中文字型

注意:此選項僅在啟用標題時可用。

大小寫&尺寸

  • 大小寫:選擇標題文字的大小寫樣式
    • 預設
    • 大寫
    • 小寫
    • 字首大寫
  • 尺寸:調整標題字型大小(範圍:10-128)

注意:此選項僅在啟用標題時可用。

字型顏色

設定標題文字的顏色。點擊顏色選擇器可開啟色彩面板選擇顏色。預設為 #333333。

右側提供文字對齊選項:

  • 靠左對齊
  • 置中對齊
  • 靠右對齊

注意:此選項僅在啟用標題時可用。

分隔線

  • 啟用:勾選核取方塊以顯示標題與內容之間的分隔線(預設已啟用)
  • 顏色:設定分隔線的顏色(預設為半透明灰色 rgba(171, 171, 171, 0.36))
  • 粗細:調整分隔線粗細(範圍:1-10)

注意:此選項僅在啟用標題時可用。

HMI 介面

設定要顯示的 HMI 裝置畫面來源。

重要:此小工具目前僅支援單一 HMI 裝置。

新增 HMI

點擊右上角的「+」圖示按鈕來新增 HMI 裝置畫面。選擇後,系統會將該 HMI 裝置設定為此小工具的顯示來源。

HMI 列表

已新增的 HMI 裝置會以列表形式顯示:

  • 序號:顯示 HMI 的編號(如 #1)
  • 裝置名稱:顯示 HMI 裝置的名稱或硬體金鑰
  • 刪除:點擊刪除圖示可移除該 HMI 裝置,系統會彈出確認對話框

Connect Mode

設定連線到 HMI 裝置的連線模式。

從下拉選單中選擇連線模式:

  • WebView:使用 WebView 模式連線,提供完整的 HMI 網頁介面功能

    • 支援模式:
      • 檢視模式 (View Mode):僅能觀看畫面,無法操作
    • 需要使用者名稱和密碼進行登入
  • WebVNC:使用 WebVNC 模式連線,提供遠端桌面存取功能

    • 僅需要密碼即可登入
    • 提供完整的遠端操作能力

注意:連線模式的選擇取決於 HMI 裝置支援的 WebConnect 服務類型。

外觀

緊湊模式

勾選後啟用緊湊顯示模式,以更緊密的排版顯示 HMI 畫面(預設已啟用)。

X

設定小工具在儀表板上的水平位置(X 座標)。

  • 最小值:由系統定義
  • 最大值:根據工作區大小和小工具寬度動態計算

Y

設定小工具在儀表板上的垂直位置(Y 座標)。

  • 最小值:由系統定義
  • 最大值:根據工作區大小和小工具高度動態計算

寬度

設定小工具的寬度。

  • 最小值:200
  • 最大值:8192
  • 預設值:318

高度

設定小工具的高度。

  • 最小值:200
  • 最大值:8192
  • 預設值:210

使用者限制

物件類別

設定此小工具的安全存取類別。只有具備相應權限的使用者才能檢視或操作此小工具。

可用選項:

  • 無(預設,無限制)
  • 類別:A
  • 類別:B
  • 類別:C
  • 類別:D
  • 類別:E
  • 類別:F
  • 類別:G
  • 類別:H
  • 類別:I
  • 類別:J
  • 類別:K
  • 類別:L

受保護時隱藏

勾選後,當使用者無存取權限時,將完全隱藏此小工具而非僅停用。

注意:此選項僅在設定物件類別後可用。

Disabled

勾選後,停用此小工具的所有互動功能。

注意:此選項僅在設定物件類別後可用。

使用說明

初始設定

  1. 新增 HMI 裝置:點擊 HMI 介面區塊右上角的「+」按鈕,選擇要顯示的 HMI 裝置
  2. 選擇連線模式:在 Connect Mode 下拉選單中選擇適當的連線方式 (WebView 或 WebVNC)
  3. 配置顯示設定:根據需求調整標題、背景顏色等基礎樣式
  4. 調整尺寸位置:透過外觀設定調整小工具的位置和大小,以符合儀表板佈局需求
  5. 設定權限控制:如有需要,可透過使用者限制功能控制小工具的存取權限

觀看模式操作

在儀表板觀看模式下:

  1. 連線初始化:小工具會自動進行連線初始化,並顯示 6 個步驟的進度:

    • 步驟 1-2: 檢查 HMI 裝置連線狀態
    • 步驟 3: 等待 WebConnect 服務
    • 步驟 4: 初始化連線介面
    • 步驟 5: 嘗試自動登入
    • 步驟 6: 完成連線
  2. 登入操作:

    • WebView 模式:點擊畫面會彈出登入表單,選擇使用者模式並輸入密碼
    • WebVNC 模式:點擊畫面會彈出登入表單,輸入 VNC 密碼
    • 成功登入後,密碼會被記憶在當前瀏覽器 Session 中,下次自動登入
  3. 登出操作:

    • 點擊畫面再次開啟登入對話框
    • 點擊「登出」按鈕即可登出
    • 登出後會清除已儲存的密碼,並重新初始化連線
  4. 重新連線:

    • 如果連線失敗,會在右上角顯示重新整理按鈕
    • 點擊重新整理按鈕可重新嘗試連線
  5. 流量警示:

    • 當 HMI 裝置流量超過限制時,右上角會顯示警示圖示
    • 此時連線可能會變慢或不穩定

錯誤診斷

當連線過程中發生錯誤時:

  • 步驟進度會停在錯誤的步驟,並以紅色標示
  • 右下角會顯示「需要協助?點擊此處」連結
  • 點擊後可查看詳細的故障排除建議