JS實現決策報表中添加聲音報警

1.1 問題描述

在決策報表中，監控數據，當不數據不在監控範圍内時，聲音報警。

1.2 解決思路

在決策報表的報表塊中添加聲音标簽及監控數據，報表塊動态刷新，添加初始化事件，通過 JS 取監控數據判斷，控制聲音的播放。

2.1 準備音頻

準備一段 mp3 音頻作爲報警聲音，如alarm.mp3，将其房子在工程%FR_HOME%\webroot\help 目錄下。如下圖所示：

注：若修改了音頻的名稱，後面 HTML 代碼中也要做相應修改。

2.2 準備模板

1）新建決策報表，添加報表塊 report0，在報表塊 A1 單元格中輸入數字 60。

2）A2單元格中輸入 HTML代碼，将單元格顯示方式修改爲「用HTML顯示内容」，用來呈現聲音播放效果。

如下圖所示：

HTML代碼如下：

<audio id="music1" src="../../help/alarm.mp3" controls="controls"  loop="loop"> Your browser does not support the audio element. </audio>

2.3 添加事件

點擊決策報表的 body ，爲其添加一個「初始化」事件。如下圖所示：

JavaScript 代碼如下：

注：代碼中判斷 A1 單元格内容小於 50 就報警，若需修改，可在相應位置修改。

//獲取A1單元格中值，若值<50,則報警
setTimeout(function() { 
	setInterval("var a = document.getElementById('music1');var b = _g().options.form.getWidgetByName('report0').element.find('td[id^=A1-]').text();if(b<50){a.play();}",3000);
	
	}, 1000);  
	

2.4 效果預覽

保存模板，點擊「分頁預覽」，A1 單元格值爲 60，不報警，修改其值爲 34，預覽時報警。如下圖所示：

點擊下載附件：JS實現決策報表中添加聲音報警.frm