YtIoT/WebRoot/view/videoTest/scripts/videoTest.js

/**
 * videoTest.js
 * 视频联动告警测试页面
 */
var baseIp="";
var baseUrl="";
var theme = "";
var theme;
var maxHeight = 10000;
var maxWidth = 10000;

var getData = function(){
	var query = {};
	$.ajax({
		type:'POST',
		url:baseUrl+'iot/videoalarm/getVideoAlarmList',
		data:'queryJson:'+JSON.stringify(query),
		success:function(result){
			var json = eval('(' + result + ')');
			if(json.RESULT!=undefined){
				$("#Video_Test").html('');
				var url='',url2='';
				if(json.RESULT.length>0){
					var page = document.getElementById('Video_Test');
					var table = document.createElement('table');
					table.width='400';
					table.style='margin:10px auto 10px auto;text-align:center;';
					page.appendChild(table)
					var tr = document.createElement('tr');
					table.appendChild(tr);
					var th = document.createElement('th');
					th.innerHTML='设备编号';
					tr.appendChild(th);
					th = document.createElement('th');
					th.innerHTML='告警时间';
					tr.appendChild(th);
					th = document.createElement('th');
					th.innerHTML='告警类型';
					tr.appendChild(th);
//					th = document.createElement('th');
//					th.innerHTML=' ';
					tr.appendChild(th);
					for(var i=0;i<json.RESULT.length;i++){
						var tr = document.createElement('tr');
						table.appendChild(tr);
						var td = document.createElement('td');
						td.innerHTML = json.RESULT[i].device_id;
						tr.appendChild(td);
						var td = document.createElement('td');
						td.innerHTML = json.RESULT[i].time;
						tr.appendChild(td);
						var td = document.createElement('td');
						td.innerHTML = json.RESULT[i].data4;
						tr.appendChild(td);
						if((url.length==0)&&(json.RESULT[i].data2.length>0))
							url = json.RESULT[i].data2;
						if((url2.length==0)&&(json.RESULT[i].data3.length>0))
							url2 = json.RESULT[i].data3;
//						var td = document.createElement('td');
//						td.innerHTML = json.RESULT[i].data2;
//						tr.appendChild(td);
					}
					var img = document.createElement('img');
					img.width = '400';
					img.src = url;
					page.appendChild(img);
					var br = document.createElement('br');
					page.appendChild(br);
					img = document.createElement('img');
					img.width = '400';
					img.src = url2;
					page.appendChild(img);
				}
			}
		}
	});
	setTimeout(getData,10000);
}

var body_resize = function(){
	maxHeight =  document.documentElement.clientHeight;
	maxWidth = document.documentElement.clientWidth;
	Ext.getCmp('videoTestPanel').setHeight(maxHeight);
	Ext.getCmp('videoTestPanel').setWidth(maxWidth);
}

Ext.onReady(function(){  
	baseIp = document.getElementById('baseIp').value;
	baseUrl = document.getElementById('basePath').value;
	theme = document.getElementById('theme').value;
	new Ext.create('Ext.panel.Panel',{
		width:'100%',
		height:maxHeight,
		id: 'videoTestPanel',
		html:'<div id="Video_Test" style="text-align:center;"></div>',
	    renderTo: Ext.getBody()
	});
	$(window).resize(function(){
    	body_resize();
    });
	body_resize();
	getData();
});