|  | @@ -910,3 +910,118 @@ var drawCurrentStatus = function() {
 | 
	
		
			
				|  |  |          }
 | 
	
		
			
				|  |  |          var project_info_bar = document.getElementById('project_info_bar');
 | 
	
		
			
				|  |  |          var device_icon = document.createElement('img');
 | 
	
		
			
				|  |  | +        if (devicesStore[0].dwtype == 'YTUI') {
 | 
	
		
			
				|  |  | +            device_icon.setAttribute('class', 'device_large_icon');
 | 
	
		
			
				|  |  | +            device_icon.src = basePath + 'res/img/icons/ui_large_icon.gif';
 | 
	
		
			
				|  |  | +        } else if (devicesStore[0].dwtype == 'YTFC') {
 | 
	
		
			
				|  |  | +            device_icon.setAttribute('class', 'device_large_icon');
 | 
	
		
			
				|  |  | +            device_icon.src = basePath + 'res/img/icons/fc_large_icon.gif';
 | 
	
		
			
				|  |  | +        } else if (devicesStore[0].dwtype == 'YTCI') {
 | 
	
		
			
				|  |  | +            device_icon.setAttribute('class', 'device_large_icon');
 | 
	
		
			
				|  |  | +            device_icon.src = basePath + 'res/img/icons/ci_large_icon.gif';
 | 
	
		
			
				|  |  | +        } else if (devicesStore[0].dwtype == 'YTWP') {
 | 
	
		
			
				|  |  | +            device_icon.setAttribute('class', 'device_large_icon');
 | 
	
		
			
				|  |  | +            device_icon.src = basePath + 'res/img/icons/wp1_large_icon.gif';
 | 
	
		
			
				|  |  | +        } else if (devicesStore[0].dwtype == 'YTLL') {
 | 
	
		
			
				|  |  | +            device_icon.setAttribute('class', 'device_large_icon');
 | 
	
		
			
				|  |  | +            device_icon.src = basePath + 'res/img/icons/ll_large_icon.gif';
 | 
	
		
			
				|  |  | +        } else if (devicesStore[0].dwtype == 'YTVA') {
 | 
	
		
			
				|  |  | +            device_icon.setAttribute('class', 'device_large_icon');
 | 
	
		
			
				|  |  | +            device_icon.src = basePath + 'res/img/icons/va_large_icon.gif';
 | 
	
		
			
				|  |  | +        } else if (devicesStore[0].dwtype == 'YTEF') {
 | 
	
		
			
				|  |  | +            device_icon.setAttribute('class', 'device_large_icon');
 | 
	
		
			
				|  |  | +            device_icon.src = basePath + 'res/img/icons/ef_large_icon.gif';
 | 
	
		
			
				|  |  | +        } else if (devicesStore[0].dwtype == 'YTWC') {
 | 
	
		
			
				|  |  | +            device_icon.setAttribute('class', 'device_large_icon');
 | 
	
		
			
				|  |  | +            device_icon.src = basePath + 'res/img/icons/wc_large_icon.gif';
 | 
	
		
			
				|  |  | +        } else if (devicesStore[0].dwtype == 'YTSM') {
 | 
	
		
			
				|  |  | +            device_icon.setAttribute('class', 'device_large_icon');
 | 
	
		
			
				|  |  | +            device_icon.src = basePath + 'res/img/icons/sm_large_icon.gif';
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +        //		var device_icon = document.createElement('div');
 | 
	
		
			
				|  |  | +        //		if(devicesStore[0].dwtype=='YTUI'){
 | 
	
		
			
				|  |  | +        //			device_icon.setAttribute('class','device_large_icon ui_large_icon');
 | 
	
		
			
				|  |  | +        //		}else if(devicesStore[0].dwtype=='YTFC'){
 | 
	
		
			
				|  |  | +        //			device_icon.setAttribute('class','device_large_icon fc_large_icon');
 | 
	
		
			
				|  |  | +        //		}else if(devicesStore[0].dwtype=='YTCI'){
 | 
	
		
			
				|  |  | +        //			device_icon.setAttribute('class','device_large_icon ci_large_icon');
 | 
	
		
			
				|  |  | +        //		}else if(devicesStore[0].dwtype=='YTWP'){
 | 
	
		
			
				|  |  | +        //			device_icon.setAttribute('class','device_large_icon wp1_large_icon');
 | 
	
		
			
				|  |  | +        //		}else if(devicesStore[0].dwtype=='YTLL'){
 | 
	
		
			
				|  |  | +        //			device_icon.setAttribute('class','device_large_icon ll_large_icon');
 | 
	
		
			
				|  |  | +        //		}else if(devicesStore[0].dwtype=='YTVA'){
 | 
	
		
			
				|  |  | +        //			device_icon.setAttribute('class','device_large_icon va_large_icon');
 | 
	
		
			
				|  |  | +        //		}else if(devicesStore[0].dwtype=='YTEF'){
 | 
	
		
			
				|  |  | +        //			device_icon.setAttribute('class','device_large_icon ef_large_icon');
 | 
	
		
			
				|  |  | +        //		}
 | 
	
		
			
				|  |  | +        project_info_bar.appendChild(device_icon);
 | 
	
		
			
				|  |  | +        var device_count_label = document.createElement('div');
 | 
	
		
			
				|  |  | +        device_count_label.id = 'device_count_label';
 | 
	
		
			
				|  |  | +        device_count_label.setAttribute('class', 'device_count_label');
 | 
	
		
			
				|  |  | +        project_info_bar.appendChild(device_count_label);
 | 
	
		
			
				|  |  | +        var device_list_bar = document.createElement('div');
 | 
	
		
			
				|  |  | +        device_list_bar.setAttribute('class', 'device_list_bar');
 | 
	
		
			
				|  |  | +        project_info_bar.appendChild(device_list_bar);
 | 
	
		
			
				|  |  | +        var status_list_bar = document.createElement('div');
 | 
	
		
			
				|  |  | +        status_list_bar.id = 'status_list_bar';
 | 
	
		
			
				|  |  | +        status_list_bar.setAttribute('status', '');
 | 
	
		
			
				|  |  | +        status_list_bar.setAttribute('class', 'status_list_bar');
 | 
	
		
			
				|  |  | +        status_list_bar.style.width = ($(document).innerWidth() - 1528) + 'px';
 | 
	
		
			
				|  |  | +        project_info_bar.appendChild(status_list_bar);
 | 
	
		
			
				|  |  | +        for (var i = 0; i < devicesStore.length; i++) {
 | 
	
		
			
				|  |  | +            var dev = document.createElement('div');
 | 
	
		
			
				|  |  | +            dev.owner_code = devicesStore[i].owner_code;
 | 
	
		
			
				|  |  | +            dev.id = "device_list_bar_sub_" + i;
 | 
	
		
			
				|  |  | +            dev.dwtype = devicesStore[i].dwtype;
 | 
	
		
			
				|  |  | +            dev.level = devicesStore[i].level;
 | 
	
		
			
				|  |  | +            dev.style.margin = '10px';
 | 
	
		
			
				|  |  | +            dev.style.padding = '10px';
 | 
	
		
			
				|  |  | +            dev.style.width = '300px';
 | 
	
		
			
				|  |  | +            dev.style.cursor = 'pointer';
 | 
	
		
			
				|  |  | +            dev.idx = i;
 | 
	
		
			
				|  |  | +            dev.setAttribute('onclick', 'dev_click(this)');
 | 
	
		
			
				|  |  | +            device_list_bar.appendChild(dev);
 | 
	
		
			
				|  |  | +            $("#device_list_bar_sub_" + i).mouseover(function() {
 | 
	
		
			
				|  |  | +                $(this).css('background', 'rgba(64,85,98,0.7)');
 | 
	
		
			
				|  |  | +            });
 | 
	
		
			
				|  |  | +            $("#device_list_bar_sub_" + i).mouseout(function() {
 | 
	
		
			
				|  |  | +                $(this).css('background', 'rgba(0,0,0,0)');
 | 
	
		
			
				|  |  | +            });
 | 
	
		
			
				|  |  | +            var dev_name_label = document.createElement('div');
 | 
	
		
			
				|  |  | +            dev_name_label.setAttribute('class', 'project_label');
 | 
	
		
			
				|  |  | +            dev_name_label.style.marginTop = '6px';
 | 
	
		
			
				|  |  | +            dev_name_label.innerHTML = '设备名称';
 | 
	
		
			
				|  |  | +            dev.appendChild(dev_name_label);
 | 
	
		
			
				|  |  | +            var dev_name_info = document.createElement('div');
 | 
	
		
			
				|  |  | +            dev_name_info.setAttribute('class', 'project_info');
 | 
	
		
			
				|  |  | +            dev_name_info.style.marginTop = '12px';
 | 
	
		
			
				|  |  | +            dev_name_info.innerHTML = devicesStore[i].device_name;
 | 
	
		
			
				|  |  | +            dev.appendChild(dev_name_info);
 | 
	
		
			
				|  |  | +            var dev_code_label = document.createElement('div');
 | 
	
		
			
				|  |  | +            dev_code_label.setAttribute('class', 'project_label');
 | 
	
		
			
				|  |  | +            dev_code_label.style.marginTop = '14px';
 | 
	
		
			
				|  |  | +            dev_code_label.innerHTML = '设备编号';
 | 
	
		
			
				|  |  | +            dev.appendChild(dev_code_label);
 | 
	
		
			
				|  |  | +            var dev_code_info = document.createElement('div');
 | 
	
		
			
				|  |  | +            dev_code_info.setAttribute('class', 'project_info');
 | 
	
		
			
				|  |  | +            dev_code_info.style.marginTop = '12px';
 | 
	
		
			
				|  |  | +            dev_code_info.innerHTML = devicesStore[i].owner_code;
 | 
	
		
			
				|  |  | +            dev.appendChild(dev_code_info);
 | 
	
		
			
				|  |  | +            var dev_OBJ_label = document.createElement('div');
 | 
	
		
			
				|  |  | +            dev_OBJ_label.setAttribute('class', 'project_label');
 | 
	
		
			
				|  |  | +            dev_OBJ_label.style.marginTop = '14px';
 | 
	
		
			
				|  |  | +            dev_OBJ_label.innerHTML = '监测对象';
 | 
	
		
			
				|  |  | +            dev.appendChild(dev_OBJ_label);
 | 
	
		
			
				|  |  | +            var dev_OBJ_info = document.createElement('div');
 | 
	
		
			
				|  |  | +            dev_OBJ_info.setAttribute('class', 'project_info');
 | 
	
		
			
				|  |  | +            dev_OBJ_info.style.marginTop = '12px';
 | 
	
		
			
				|  |  | +            dev_OBJ_info.innerHTML = devicesStore[i].object_name;
 | 
	
		
			
				|  |  | +            dev.appendChild(dev_OBJ_info);
 | 
	
		
			
				|  |  | +            var dev_time_label = document.createElement('div');
 | 
	
		
			
				|  |  | +            dev_time_label.setAttribute('class', 'project_label');
 | 
	
		
			
				|  |  | +            dev_time_label.style.marginTop = '14px';
 | 
	
		
			
				|  |  | +            dev_time_label.innerHTML = '数据更新时间';
 | 
	
		
			
				|  |  | +            dev.appendChild(dev_time_label);
 | 
	
		
			
				|  |  | +            var dev_time_info = document.createElement('div');
 | 
	
		
			
				|  |  | +            dev_time_info.setAttribute('class', 'project_info');
 | 
	
		
			
				|  |  | +            dev_time_info.style.marginTop = '12px';
 |