1. 概述
適用場景：安裝了「FVS企業戰情室編輯模式」插件的使用者，可參考本文了解 FVS 範本的相關功能。
注：不支援行動端。
1.1 版本
| 報表伺服器版本 | 插件版本 | 功能變動 |
|---|---|---|
| 11.0.6 | V1.8.0 | 取消「預覽時可見」設定項，可透過組件圖層設定組件是否可見 |
| 11.0.6 | V1.5.0 | 新增正文框元件 |
1.2 功能簡介
正文框元件在範本預覽時，可手動輸入正文，支援透過參數聯動組件。效果如下圖所示：
組件動畫請參見：FVS組件動畫 。
組件樣式請參見：FVS組件樣式屬性 。元件名稱在「內容」中設定。
2. 功能介紹
2.1 元件內容
正文框元件可設定的內容如下圖所示：
各設定項的詳細介紹如下表所示：
| 設定項 | 詳細介紹 |
|---|---|
| 綁定參數 | 值為參數名稱，用於與參數綁定。預設為空，需根據實際參數進行設定 支援已有參數的綁定，也可以直接輸入新值以建立新的參數 |
| 預設值 | 可設定正文框預設顯示的內容，有如下 3 種 1）自訂字串：可直接輸入正文
2）欄位：可選擇資料集中欄位，若回傳值為陣列，只取陣列序列中第一個值顯示
3）公式：點選右側 fx 輸入公式，若回傳值為陣列，只取陣列序列中第一個值顯示
|
| 水印 | 預覽時元件內顯示的淺灰色水印文字，以提示使用者需要輸入資訊，點選元件輸入正文後消失，預設為空 |
| 權限 | 設定頁面初始預覽時該元件是否可編輯，預設勾選可編輯 |
| 校驗 | 格式校驗：填寫正文框時的校驗規則，共有如下 8 種： 1）無：沒有規則 2）長度：校驗正文長度，可以自訂出錯提示 3）郵件：校驗信箱地址格式，可以自訂出錯提示 4）身分證：校驗是否是標準身分證格式，可以自訂出錯提示 5）郵編：校驗郵遞區號長度，可以自訂出錯提示 6）電話：校驗固定電話號碼格式，有預定義格式，選擇即可，可以自訂出錯提示 7）手機：校驗手機號碼碼碼長度，可以自訂出錯提示 8）自訂：透過「正則運算式」自訂校驗規則，詳細內容參見文檔：正則運算式定義規則 預設為無 |
| 空值校驗：是否允許元件為空值，勾選後，允許元件為空值；不勾選，可設定校驗提示文字，範本預覽時若元件為空，則顯示提示文字。預設勾選 | |
| 內容樣式 | 字元樣式：支援對元件中顯示的字元進行樣式設定，例如字體、字號、顏色等 注：修改字元顏色後，再設置 FVS範本主題 ，字元顏色會跟隨主題變化，需重新設定
|
2.2 元件交互事件
點選「交互>新增事件」，可新增 JavaScript 事件實現更多效果。正文框元件支援「初始化後事件」和「編輯結束事件」。如下圖所示：
點選具體的某一個事件，會彈出 JavaScript 事件設定框。如下圖所示：
注：關於 FVS 支援的 JavaScript 可參考文檔 FVS企業戰情室支援的JSAPI場景 。
3. 範例
3.1 準備範本
1）點選設計器左上角「檔案>建立視覺化看板」。
2）建立資料庫查詢 ds1 ，輸入 SQL 查詢語句 SELECT * FROM 銷量 where 地區='${area}' ，並給參數 area 設定預設值為「華東」，即預設獲取華東地區的銷量資料。
如下圖所示：
3.2 新增正文框元件
點選組件區「元件>正文框」，將正文框元件新增到頁面。
在右側配置面板「內容」中將名稱修改為「area」，預設值輸入「華東」，即可與資料集中定義的 area 參數匹配。如下圖所示：
3.3 新增柱形圖
點選組件區「圖表>柱形圖」，將柱形圖組件新增到頁面，給柱形圖綁定含有 area 參數的資料集中資料。如下圖所示：
3.4 效果預覽
3.4.1 PC 端
點選右上角「儲存」，點選「預覽」，當手動改變正文框的值為「華北」後，柱形圖則顯示為華北地區的資料。如 1.2 節效果所示。
3.4.2 行動端
預覽方式請參考 FVS行動端預覽 ，效果如下圖所示：
4. 範本下載
點選下載範本：正文框元件示例.fvs
