監看螢幕
功能說明
監看螢幕元件用於即時顯示 HMI 裝置的操作介面畫面，讓使用者不必切換到其他平台或應用程式，就能在儀表板中直接監控與觀察 HMI 裝置目前的顯示狀態。此元件支援 WebView 與 WebVNC 兩種連線模式，並以步驟式進度顯示連線建立的過程；當連線裝置的流量超過限制時，也會即時顯示警示提醒。
適合用於需要在儀表板中直接監看 HMI 現場畫面、不必切換平台的情境，例如同時監看多台裝置的即時畫面，或是遠端確認產線 HMI 目前的顯示內容。
樣式設定
基礎
背景顏色
設定元件的背景顏色。點擊顏色選擇器可開啟色彩面板，提供預設色彩選項、自訂色彩與透明度調整。
標題
- 啟用：勾選核取方塊以顯示標題
- 標題文字：輸入標題內容（最多 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：提供完整的 HMI 網頁介面功能，僅支援檢視模式 (View Mode)（僅能觀看畫面，無法操作），需要使用者名稱與密碼登入
- WebVNC：提供遠端桌面功能，僅需要密碼即可登入，同樣僅支援檢視模式 (View Mode)（僅能觀看畫面，無法操作）
連線模式的選擇取決於 HMI 裝置所支援的 WebConnect 服務類型。
外觀
緊湊模式
勾選後啟用緊湊顯示模式，以更緊密的排版顯示 HMI 畫面（預設已啟用）。
X
設定元件在儀表板上的水平位置（X 座標）。
- 最小值：由系統定義
- 最大值：根據工作區大小和元件寬度動態計算
Y
設定元件在儀表板上的垂直位置（Y 座標）。
- 最小值：由系統定義
- 最大值：根據工作區大小和元件高度動態計算
寬度
設定元件的寬度。
- 最小值：200
- 最大值：8192
- 預設值：318
高度
設定元件的高度。
- 最小值：200
- 最大值：8192
- 預設值：210
使用者限制
物件類別
設定此元件的安全存取類別，只有具備相應權限的使用者才能檢視或操作此元件。
可用選項：無（預設，無限制）／類別 A 到 L。
受保護時隱藏
勾選後，使用者無存取權限時將完全隱藏此元件，而非僅停用。
注意：此選項僅在設定物件類別後可用。
Disabled
勾選後，停用此元件的所有互動功能。
注意：此選項僅在設定物件類別後可用。
操作說明
初始設定
- 新增 HMI 裝置：點擊 HMI 介面區塊右上角的
+按鈕，選擇要顯示的 HMI 裝置 - 選擇連線模式：在 Connect Mode 下拉選單中選擇適當的連線方式（WebView 或 WebVNC）
- 配置顯示設定：根據需求調整標題、背景顏色等基礎樣式
- 調整尺寸位置：透過外觀設定調整元件的位置和大小，以符合儀表板佈局需求
- 設定權限控制：如有需要，可透過使用者限制功能控制元件的存取權限
觀看模式操作
在儀表板觀看模式下，元件會自動進行連線初始化，並顯示 6 個步驟的進度：
- 步驟 1-2：檢查 HMI 裝置連線狀態
- 步驟 3：等待 WebConnect 服務
- 步驟 4：初始化連線介面
- 步驟 5：嘗試自動登入
- 步驟 6：完成連線
登入登出
登入
- WebView 模式：點擊畫面會彈出登入表單，選擇使用者模式並輸入密碼
- WebVNC 模式：點擊畫面會彈出登入表單，輸入 VNC 密碼
- 成功登入後，密碼會在目前瀏覽器工作階段中被記住，下次自動登入
登出
- 點擊畫面再次開啟登入對話框
- 點擊〔登出〕按鈕即可登出
- 登出後會清除已儲存的密碼，並重新初始化連線
重新連線
- 如果連線失敗，會在右上角顯示重新整理按鈕
- 點擊重新整理按鈕可重新嘗試連線
流量警示
- 當 HMI 裝置流量超過限制時，右上角會顯示警示圖示
- 此時連線可能會變慢或不穩定
常見問題
Q：連線發生錯誤時，畫面上會有什麼提示？
步驟進度會停在發生錯誤的步驟，並以紅色標示。
Q：連線失敗時要如何排除問題？
畫面右下角會顯示〔需要協助？點擊此處〕連結，點擊後可查看詳細的故障排除建議。