|
@@ -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';
|