/** * map.js */ Ext.Loader.setConfig({ enabled: true }); Ext.Loader.setPath('Ext.ux', '../../res/extjs/examples/ux'); Ext.require([ 'Ext.grid.*', 'Ext.data.*', 'Ext.ux.RowExpander', 'Ext.selection.CheckboxModel' ]); var sm = Ext.create('Ext.selection.CheckboxModel'); var myMask; var baseUrl = ""; var theme = ""; var mapStyle = ""; var map; var mapzoom = 11; var company_cur = 0; var StatusStore = null, AlarmStore = null; var firstDraw = true; var storeTime = 60000; var centerLng = 121.475644; var currentLng = 121.475644; var centerLat = 31.1857; var currentLat = 31.1857; var rotation = 0; var alarm_show_window = null; var show_alarm_list; var show_list_cur = 0 var V_LOGINNAME = '', V_PASSWORD = ''; var listSync = true; var synctime = 0; var company_code = ''; var start = 0; var end = 360; var targetZoom = 20; var maxHeight = 10000; var maxWidth = 10000; var SearchList = null; var markers = []; var current_company_code = ""; var LabelShow = false; var MapShow = false; var last_move; var wsUri = "wss://iot.usky.cn:55120"; var websocket = null; var win1_config = { title: '
火灾监控
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 120, top: 100, left: 50, zIndex: 200, bodyText: '
报告总数
待处理
' } var win2_config = { title: '
电气火灾监控
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 120, top: 260, left: 50, zIndex: 260, bodyText: '
报告总数
待处理
' } var win3_config = { title: '
水系统监控
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 120, top: 420, left: 50, zIndex: 260, bodyText: '
报告总数
待处理
' } var win4_config = { title: '
RTU监控
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 120, top: 580, left: 50, zIndex: 260, bodyText: '
报告总数
待处理
' } var dev1_config = { title: '
火灾监控设备
设备数:
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 100, top: 219, left: 50, zIndex: 200, floding: 'true', bodyText: '
已处理:待处理:处置率:
' } var dev2_config = { title: '
电气火灾监控设备
设备数:
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 100, top: 379, left: 50, zIndex: 200, floding: 'true', bodyText: '
已处理:待处理:处置率:
' } var dev3_config = { title: '
水系统监控设备
设备数:
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 100, top: 539, left: 50, zIndex: 200, floding: 'true', bodyText: '
已处理:待处理:处置率:
' } var dev4_config = { title: '
RTU监控设备
设备数:
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 100, top: 699, left: 50, zIndex: 200, floding: 'true', bodyText: '
已处理:待处理:处置率:
' } var alarm_alert_config = { title: '
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid #31e9ff', borderRadius: '10px', position: 'absolute', width: 320, height: 120, bottom: -100, right: 95, zIndex: 990, bodyText: '
' } var winypxy1_config = { title: '
智能烟感监控
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 120, top: 60, left: 50, zIndex: 200, bodyText: '
报告总数
待处理
' } var devypxy1_config = { title: '
智能烟感监控设备
设备数:
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 100, top: 179, left: 50, zIndex: 200, floding: 'true', bodyText: '
已处理:待处理:处置率:
' } var winypxy2_config = { title: '
电气火灾监控
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 120, top: 220, left: 50, zIndex: 260, bodyText: '
报告总数
待处理
' } var winypxy3_config = { title: '
智能水表监控
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 120, top: 380, left: 50, zIndex: 260, bodyText: '
报告总数
待处理
' } var winypxy4_config = { title: '
智能消火栓监控
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 120, top: 540, left: 50, zIndex: 260, bodyText: '
报告总数
待处理
' } var winypxy5_config = { title: '
智能井盖监控
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 120, top: 700, left: 50, zIndex: 260, bodyText: '
报告总数
待处理
' } var devypxy2_config = { title: '
电气火灾监控设备
设备数:
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 100, top: 339, left: 50, zIndex: 200, floding: 'true', bodyText: '
已处理:待处理:处置率:
' } var devypxy3_config = { title: '
智能水表监控设备
设备数:
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 100, top: 499, left: 50, zIndex: 200, floding: 'true', bodyText: '
已处理:待处理:处置率:
' } var devypxy4_config = { title: '
智能消火栓监控设备
设备数:
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 100, top: 659, left: 50, zIndex: 200, floding: 'true', bodyText: '
已处理:待处理:处置率:
' } var devypxy5_config = { title: '
智能井盖监控设备
设备数:
', titleColor: '#ffffff', titleIconColor: '#ffffff', titleBackgroundColor: 'rgba(0,0,0,0.1)', backgroundColor: 'rgba(23,21,57,0.2)', backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))', border: '1px solid rgba(0,123,255,0.3)', borderRadius: '10px', position: 'absolute', width: 320, height: 100, top: 819, left: 50, zIndex: 200, floding: 'true', bodyText: '
已处理:待处理:处置率:
' } var close_alert = function() { removeDIV("rt_alarm_alert"); } var initWebSocket = function() { try { if (typeof MozWebSocket == 'function') WebSocket = MozWebSocket; if (websocket && websocket.readyState == 1) websocket.close(); websocket = new WebSocket(wsUri); websocket.onopen = function(evt) { var json = {}; json.agentid = $("#V_LOGINNAME").val(); console.log("Connected."); (function() {})() websocket.send(JSON.stringify(json)); }; websocket.onclose = function(evt) { console.log("DisConnected."); (function() {})() initWebSocket(); }; websocket.onmessage = function(evt) { console.log("Received:", evt.data); var jData = eval('(' + evt.data + ')'); if (jData.dwtype != undefined) { if (document.getElementById('rt_alarm_alert') != undefined) removeDIV('rt_alarm_alert'); var alarm_alert = new UNote(); alarm_alert.create("rt_alarm_alert", "container", alarm_alert_config); var Icon = document.createElement('img'); Icon.width = '32'; Icon.height = '32'; Icon.src = "../../res/img/icons/alarm_tab_04.gif" if (jData.detype == 1) { Icon.src = "../../res/img/icons/alarm_tab_01.gif" } else if (jData.dwtype == 2) { Icon.src = "../../res/img/icons/alarm_tab_03.gif" } else if (jData.dwtype == 6) { Icon.src = "../../res/img/icons/alarm_tab_04.gif" } else if (jData.dwtype == 7) { Icon.src = "../../res/img/icons/alarm_tab_02.gif" } else if (jData.dwtype == 16) { Icon.src = "../../res/img/icons/alarm_tab_05.gif" } document.getElementById("rt_alarm_alert_icon").innerHTML = ""; document.getElementById("rt_alarm_alert_icon").appendChild(Icon); document.getElementById("rt_alarm_alert_title").innerHTML = jData.evtname; document.getElementById("alarm_time").innerHTML = jData.time; document.getElementById("alarm_company").innerHTML = jData.company; document.getElementById("alarm_device").innerHTML = jData.devicename; alarm_alert.show(); $("#rt_alarm_alert").animate({ bottom: '0px' }); } }; websocket.onerror = function(evt) { console.log("Error:", evt.data); (function() {})() }; } catch (exception) { console.log("Exception:", exception); (function() {})() } } var toDecimal = function(x) { var f = parseFloat(x); if (isNaN(f)) { return; } f = Math.round(x * 100) / 100; return f; } var bigger_mouseover = function() { $("#map_btn_bigger").removeClass('map_btn_bigger_off'); $("#map_btn_bigger").addClass('map_btn_bigger_on'); } var bigger_mouseout = function() { $("#map_btn_bigger").removeClass('map_btn_bigger_on'); $("#map_btn_bigger").addClass('map_btn_bigger_off'); } var bigger_click = function() { map.zoomIn(); } var smaller_mouseover = function() { $("#map_btn_smaller").removeClass('map_btn_smaller_off'); $("#map_btn_smaller").addClass('map_btn_smaller_on'); } var smaller_mouseout = function() { $("#map_btn_smaller").removeClass('map_btn_smaller_on'); $("#map_btn_smaller").addClass('map_btn_smaller_off'); } var smaller_click = function() { map.zoomOut(); } var shower_mouseover = function() { if (!LabelShow) { $("#map_btn_showlaebl").removeClass('map_btn_showlaebl_off'); $("#map_btn_showlaebl").addClass('map_btn_showlaebl_on'); } } var shower_mouseout = function() { if (!LabelShow) { $("#map_btn_showlaebl").removeClass('map_btn_showlaebl_on'); $("#map_btn_showlaebl").addClass('map_btn_showlaebl_off'); } } var shower_click = function() { LabelShow = !LabelShow; if (LabelShow) { $("#map_btn_showlaebl").removeClass('map_btn_showlaebl_on'); $("#map_btn_showlaebl").addClass('map_btn_hidelabel'); $(".info").removeClass('hiden'); $(".info").addClass('shown'); } else { $("#map_btn_showlaebl").removeClass('map_btn_hidelabel'); $("#map_btn_showlaebl").addClass('map_btn_showlaebl_on'); $(".info").removeClass('shown'); $(".info").addClass('hiden'); } } var left_mouseover = function() { $("#map_btn_left").removeClass('map_btn_left_off'); $("#map_btn_left").addClass('map_btn_left_on'); } var left_mouseout = function() { $("#map_btn_left").removeClass('map_btn_left_on'); $("#map_btn_left").addClass('map_btn_left_off'); } var left_click = function() { rotation = map.getRotation(); rotation -= 5; if (rotation < 0) rotation = 360 + rotation; map.setRotation(rotation); draw_all(); } var right_mouseover = function() { $("#map_btn_right").removeClass('map_btn_right_off'); $("#map_btn_right").addClass('map_btn_right_on'); } var right_mouseout = function() { $("#map_btn_right").removeClass('map_btn_right_on'); $("#map_btn_right").addClass('map_btn_right_off'); } var right_click = function() { rotation = map.getRotation(); rotation += 5; if (rotation > 360) rotation = rotation - 360; map.setRotation(rotation); draw_all(); } var higher_mouseover = function() { $("#map_btn_high").removeClass('map_btn_high_off'); $("#map_btn_high").addClass('map_btn_high_on'); } var higher_mouseout = function() { $("#map_btn_high").removeClass('map_btn_high_on'); $("#map_btn_high").addClass('map_btn_high_off'); } var higher_click = function() { var pitch = map.getPitch(); pitch -= 5; if (pitch < 0) pitch = 0; map.setPitch(pitch); } var lower_mouseover = function() { $("#map_btn_low").removeClass('map_btn_low_off'); $("#map_btn_low").addClass('map_btn_low_on'); } var lower_mouseout = function() { $("#map_btn_low").removeClass('map_btn_low_on'); $("#map_btn_low").addClass('map_btn_low_off'); } var lower_click = function() { var pitch = map.getPitch(); pitch += 5; if (pitch > 83) pitch = 83; map.setPitch(pitch); } var clear_search = function() { SearchList = null show_list_cur = 0; $("#fp_backbtn").css("display", "none"); firstDraw = true; if ($("#search_company").val().length > 0) { $("#search_company").val(''); $("#company_code").val(''); $("#saerch_company_list").html(''); } if ((!LabelShow) && (StatusStore.length > 0)) { for (var i = 0; i < StatusStore.length; i++) { $("#label_" + StatusStore[i].company_code).css('display', 'none'); } } } var update_companyList = function() { $("#saerch_company_list").html(''); SearchList = null show_list_cur = 0; if ($("#search_company").val().length > 0) { var query = new Object(); query.V_LOGINNAME = V_LOGINNAME; query.V_PASSWORD = V_PASSWORD; query.V_COMPANY_NAME = $("#search_company").val(); $.ajax({ type: 'POST', url: baseUrl + "/iot/company/getList", data: { queryJson: Ext.JSON.encode(query), sort: "[{property:'V_COMPANY_NAME',direction:'ASC'}]" }, success: function(result) { var json = eval('(' + result + ')'); if (json.action == 'getCompanyList') { var list = json.RESULT; if (list.length > 0) { SearchList = list; var saerch_company_list = document.getElementById('saerch_company_list'); var table = document.createElement('table'); table.border = '0'; table.style.width = '300px'; table.style.border = '0px solid #000'; saerch_company_list.appendChild(table); for (var i = 0; i < list.length; i++) { var tr = document.createElement('tr'); tr.style.border = '0px solid #000'; table.appendChild(tr); var td = document.createElement('td'); td.id = 'company_code_list_' + list[i].V_COMPANY_CODE; td.company_code = list[i].V_COMPANY_CODE; td.style.border = '1px solid rgba(255,255,255,0.0)'; td.style.background = 'rgba(255,255,255,0.3)'; td.style.fontSize = '14px'; td.style.cursor = "pointer"; td.innerHTML = list[i].V_COMPANY_NAME; tr.appendChild(td); $("#company_code_list_" + list[i].V_COMPANY_CODE).mouseover(function() { $(this).css({ "border": "1px solid rgba(64,85,98,0.7)", "background": "rgba(64,85,98,0.7)", "color": "#ffff00", "cursor": "pointer", "font-size": "14px" }); $("#label_" + this.company_code).css('display', 'block'); show_list_cur = i + 1; }); $("#company_code_list_" + list[i].V_COMPANY_CODE).mouseout(function() { $(this).css({ "border": "1px solid rgba(255,255,255,0.0)", "background": "rgba(255,255,255,0.3)", "color": "#ffffff", "cursor": "pointer", "font-size": "14px" }); if (!LabelShow) $("#label_" + this.company_code).css('display', 'none'); }); $("#company_code_list_" + list[i].V_COMPANY_CODE).click(function(e) { showBuilding(this.company_code); }); } } } } }); } } var key_fun = function(event) { var x = (navigator.appname == "Netscape") ? event.which : window.event.keyCode; if (x == 38) { if (SearchList != null) { if ((show_list_cur > 0) && (show_list_cur <= SearchList.length)) { show_list_cur--; for (var i = 0; i < SearchList.length; i++) { $("#company_code_list_" + SearchList[i].V_COMPANY_CODE).css({ "border": "1px solid rgba(255,255,255,0.0)", "background": "rgba(255,255,255,0.3)", "color": "#ffffff", "cursor": "pointer", "font-size": "14px" }); var div = document.getElementById("label_" + SearchList[i].V_COMPANY_CODE); if (!LabelShow) { if (div != undefined) div.style.display = 'none'; } if (i == (show_list_cur - 1)) { $("#company_code_list_" + SearchList[i].V_COMPANY_CODE).css({ "border": "1px solid rgba(64,85,98,0.7)", "background": "rgba(64,85,98,0.7)", "color": "#ffff00", "cursor": "pointer", "font-size": "14px" }); if (div != undefined) div.style.display = 'block'; } } } } } else if (x == 40) { if (SearchList != null) { if ((show_list_cur >= 0) && (show_list_cur < SearchList.length)) { show_list_cur++; for (var i = 0; i < SearchList.length; i++) { $("#company_code_list_" + SearchList[i].V_COMPANY_CODE).css({ "border": "1px solid rgba(255,255,255,0.0)", "background": "rgba(255,255,255,0.3)", "color": "#ffffff", "cursor": "pointer", "font-size": "14px" }); var div = document.getElementById("label_" + SearchList[i].V_COMPANY_CODE); if (!LabelShow) { if (div != undefined) div.style.display = 'none'; } if (i == (show_list_cur - 1)) { $("#company_code_list_" + SearchList[i].V_COMPANY_CODE).css({ "border": "1px solid rgba(64,85,98,0.7)", "background": "rgba(64,85,98,0.7)", "color": "#ffff00", "cursor": "pointer", "font-size": "14px" }); if (div != undefined) div.style.display = 'block'; } } } } } else if (x == 13) { if (SearchList != null) { if ((show_list_cur >= 0) && (show_list_cur <= SearchList.length)) { showBuilding(SearchList[show_list_cur - 1].V_COMPANY_CODE); } } } else if (x == 27) { clear_search(); } } var chk_lat = function(lat) { if (lat < 30) return false; if (lat > 32) return false; return true; } var chk_lng = function(lng) { if (lng < 110) return false; if (lng > 135) return false; return true; } var showBuilding = function(company_code) { if ((StatusStore != null) && (StatusStore.length > 0)) { for (var i = 0; i < StatusStore.length; i++) { if (StatusStore[i].company_code == company_code) { map.setCenter(new AMap.LngLat(StatusStore[i].lng, StatusStore[i].lat, true)); map.setPitch(83); map.setZoom(18); $("#data_number_11").html(StatusStore[i].d1a); $("#data_number_12").html(StatusStore[i].d1a - StatusStore[i].d1ac); $("#data_number_21").html(StatusStore[i].d7a); $("#data_number_22").html(StatusStore[i].d7a - StatusStore[i].d7ac); $("#data_number_31").html(StatusStore[i].d2a); $("#data_number_32").html(StatusStore[i].d2a - StatusStore[i].d2ac); if (V_LOGINNAME == 'ypxy') { var query = new Object(); query.V_LOGINNAME = V_LOGINNAME; query.V_PASSWORD = V_PASSWORD; query.dwtype = '2'; query.COMMSTATUS = 'NO'; if ((company_code != null) && (company_code != 'null') && (company_code.length > 0)) query.company_code = company_code; $.ajax({ type: 'POST', url: baseUrl + "iot/alarm/view/getConfirmStatusByDays", data: { queryJson: Ext.JSON.encode(query) }, success: function(result) { var json = eval('(' + result + ')'); if (json.action == 'getConfirmStatusByDays') { if (json.check == 'true') { ConfirmStore = json.RESULT; if (json.company_name != null) companyName = json.company_name; else companyName = null; for (var i = 0; i < ConfirmStore.length; i++) { if (ConfirmStore[i].id == 'water_alarm') { $("#data_number_41").html(ConfirmStore[i].count); $("#data_number_42").html(ConfirmStore[i].count - ConfirmStore[i].sum); draw_pie('data_pie_4', ConfirmStore[i].count, ConfirmStore[i].sum); // $("#device_count_num_41").html(StatusStore[i].d6); $("#device_count_num_42").html(ConfirmStore[i].count); $("#device_count_num_43").html(ConfirmStore[i].count - ConfirmStore[i].sum); if (ConfirmStore[i].count == 0) $("#device_count_num_44").html('100%'); else $("#device_count_num_44").html(toDecimal(ConfirmStore[i].sum * 100 / ConfirmStore[i].count) + '%'); if (ConfirmStore[i].count != 0) $("#device_confirm_44").css('width', (280 * ConfirmStore[i].sum / ConfirmStore[i].count) + 'px'); else $("#device_confirm_44").css('width', '280px'); $("#data_number_51").html(0); $("#data_number_52").html(0); draw_pie('data_pie_5', 0, 0); $("#device_count_num_52").html(0); $("#device_count_num_53").html(0); $("#device_count_num_54").html('100%'); $("#device_confirm_54").css('width', '280px'); } } } else { Ext.Msg.alert('错误信息', '访问权限错误,请重新登录', function() { window.parent.document.location = baseUrl; }); } } } }); } else { $("#data_number_41").html(StatusStore[i].d6a); $("#data_number_42").html(StatusStore[i].d6a - StatusStore[i].d6ac); draw_pie('data_pie_4', StatusStore[i].d6a, StatusStore[i].d6ac); $("#device_count_num_41").html(StatusStore[i].d6); $("#device_count_num_42").html(StatusStore[i].d6oc); $("#device_count_num_43").html(StatusStore[i].d6o - StatusStore[i].d6oc); if (StatusStore[i].d6o == 0) $("#device_count_num_44").html('100%'); else $("#device_count_num_44").html(toDecimal(StatusStore[i].d6oc * 100 / StatusStore[i].d6o) + '%'); if (StatusStore[i].d6o != 0) $("#device_confirm_44").css('width', (280 * StatusStore[i].d6oc / StatusStore[i].d6o) + 'px'); else $("#device_confirm_44").css('width', '280px'); } draw_pie('data_pie_1', StatusStore[i].d1a, StatusStore[i].d1ac); draw_pie('data_pie_2', StatusStore[i].d7a, StatusStore[i].d7ac); draw_pie('data_pie_3', StatusStore[i].d2a, StatusStore[i].d2ac); $("#device_count_num_11").html(StatusStore[i].d1); $("#device_count_num_12").html(StatusStore[i].d1oc); $("#device_count_num_13").html(StatusStore[i].d1o - StatusStore[i].d1oc); if (StatusStore[i].d1o == 0) $("#device_count_num_14").html('100%'); else $("#device_count_num_14").html(toDecimal(StatusStore[i].d1oc * 100 / StatusStore[i].d1o) + '%'); $("#device_count_num_21").html(StatusStore[i].d7); $("#device_count_num_22").html(StatusStore[i].d7oc); $("#device_count_num_23").html(StatusStore[i].d7o - StatusStore[i].d7oc); if (StatusStore[i].d7o == 0) $("#device_count_num_24").html('100%'); else $("#device_count_num_24").html(toDecimal(StatusStore[i].d7oc * 100 / StatusStore[i].d7o) + '%'); $("#device_count_num_31").html(StatusStore[i].d2); $("#device_count_num_32").html(StatusStore[i].d2oc); $("#device_count_num_33").html(StatusStore[i].d2o - StatusStore[i].d2oc); if (StatusStore[i].d2o == 0) $("#device_count_num_34").html('100%'); else $("#device_count_num_34").html(toDecimal(StatusStore[i].d2oc * 100 / StatusStore[i].d2o) + '%'); if (StatusStore[i].d1o != 0) { $("#device_confirm_14").css('width', (280 * StatusStore[i].d1oc / StatusStore[i].d1o) + 'px'); } else $("#device_confirm_14").css('width', '280px'); if (StatusStore[i].d7o != 0) $("#device_confirm_24").css('width', (280 * StatusStore[i].d7oc / StatusStore[i].d7o) + 'px'); else $("#device_confirm_24").css('width', '280px'); if (StatusStore[i].d2o != 0) $("#device_confirm_34").css('width', (280 * StatusStore[i].d2oc / StatusStore[i].d2o) + 'px'); else $("#device_confirm_34").css('width', '280px'); $("#label_" + company_code).css('display', 'block'); break; } } } } var clear_detail_info = function() { var d0 = 0, d0o = 0, d0oc = 0, d0a = 0, d0ac = 0; var d1 = 0, d1o = 0, d1oc = 0, d1a = 0, d1ac = 0; var d2 = 0, d2o = 0, d2oc = 0, d2a = 0, d2ac = 0; var d6 = 0, d6o = 0, d6oc = 0, d6a = 0, d6ac = 0; var d7 = 0, d7o = 0, d7oc = 0, d7a = 0, d7ac = 0; var detail_info = document.getElementById('detail_info'); var parent = document.getElementById('container'); if (detail_info != undefined) { parent.removeChild(detail_info); current_company_code = ""; for (var i = 0; i < StatusStore.length; i++) { var obj = StatusStore[i]; d1 += obj.d1; d1o += obj.d1o; d1a += obj.d1a; d1oc += obj.d1oc; d1ac += obj.d1ac; d2 += obj.d2; d2o += obj.d2o; d2a += obj.d2a; d2oc += obj.d2oc; d2ac += obj.d2ac; d6 += obj.d6; d6o += obj.d6o; d6a += obj.d6a; d6oc += obj.d6oc; d6ac += obj.d6ac; d7 += obj.d7; d7o += obj.d7o; d7a += obj.d7a; d7oc += obj.d7oc; d7ac += obj.d7ac; } $("#data_number_11").html(d1a); $("#data_number_12").html(d1a - d1ac); $("#data_number_21").html(d7a); $("#data_number_22").html(d7a - d7ac); $("#data_number_31").html(d2a); $("#data_number_32").html(d2a - d2ac); if (V_LOGINNAME == 'ypxy') { var query = new Object(); query.V_LOGINNAME = V_LOGINNAME; query.V_PASSWORD = V_PASSWORD; query.dwtype = '2'; query.COMMSTATUS = 'NO'; if ((company_code != null) && (company_code != 'null') && (company_code.length > 0)) query.company_code = company_code; $.ajax({ type: 'POST', url: baseUrl + "iot/alarm/view/getConfirmStatusByDays", data: { queryJson: Ext.JSON.encode(query) }, success: function(result) { var json = eval('(' + result + ')'); if (json.action == 'getConfirmStatusByDays') { if (json.check == 'true') { ConfirmStore = json.RESULT; if (json.company_name != null) companyName = json.company_name; else companyName = null; for (var i = 0; i < ConfirmStore.length; i++) { if (ConfirmStore[i].id == 'water_alarm') { $("#data_number_41").html(ConfirmStore[i].count); $("#data_number_42").html(ConfirmStore[i].count - ConfirmStore[i].sum); draw_pie('data_pie_4', ConfirmStore[i].count, ConfirmStore[i].sum); // $("#device_count_num_41").html(StatusStore[i].d6); $("#device_count_num_42").html(ConfirmStore[i].count); $("#device_count_num_43").html(ConfirmStore[i].count - ConfirmStore[i].sum); if (ConfirmStore[i].count == 0) $("#device_count_num_44").html('100%'); else $("#device_count_num_44").html(toDecimal(ConfirmStore[i].sum * 100 / ConfirmStore[i].count) + '%'); if (ConfirmStore[i].count != 0) $("#device_confirm_44").css('width', (280 * ConfirmStore[i].sum / ConfirmStore[i].count) + 'px'); else $("#device_confirm_44").css('width', '280px'); $("#data_number_51").html(0); $("#data_number_52").html(0); draw_pie('data_pie_5', 0, 0); $("#device_count_num_52").html(0); $("#device_count_num_53").html(0); $("#device_count_num_54").html('100%'); $("#device_confirm_54").css('width', '280px'); } } } else { Ext.Msg.alert('错误信息', '访问权限错误,请重新登录', function() { window.parent.document.location = baseUrl; }); } } } }); } else { $("#data_number_41").html(d6a); $("#data_number_42").html(d6a - d6ac); draw_pie('data_pie_4', d6a, d6ac); $("#device_count_num_41").html(d6); $("#device_count_num_42").html(d6oc); $("#device_count_num_43").html(d6o - d6oc); if (d6o == 0) $("#device_count_num_44").html('100%'); else $("#device_count_num_44").html(toDecimal(d6oc * 100 / d6o) + '%'); if (d6o != 0) $("#device_confirm_44").css('width', (280 * d6oc / d6o) + 'px'); else $("#device_confirm_44").css('width', '280px'); } draw_pie('data_pie_1', d1a, d1ac); draw_pie('data_pie_2', d7a, d7ac); draw_pie('data_pie_3', d2a, d2ac); $("#device_count_num_11").html(d1); $("#device_count_num_12").html(d1oc); $("#device_count_num_13").html(d1o - d1oc); if (d1o == 0) $("#device_count_num_14").html('100%'); else $("#device_count_num_14").html(toDecimal(d1oc * 100 / d1o) + '%'); $("#device_count_num_21").html(d7); $("#device_count_num_22").html(d7oc); $("#device_count_num_23").html(d7o - d7oc); if (d7o == 0) $("#device_count_num_24").html('100%'); else $("#device_count_num_24").html(toDecimal(d7oc * 100 / d7o) + '%'); $("#device_count_num_31").html(d2); $("#device_count_num_32").html(d2oc); $("#device_count_num_33").html(d2o - d2oc); if (d2o == 0) $("#device_count_num_34").html('100%'); else $("#device_count_num_34").html(toDecimal(d2oc * 100 / d2o) + '%'); if (d1o != 0) { $("#device_confirm_14").css('width', (280 * d1oc / d1o) + 'px'); } else $("#device_confirm_14").css('width', '280px'); if (d7o != 0) $("#device_confirm_24").css('width', (280 * d7oc / d7o) + 'px'); else $("#device_confirm_24").css('width', '280px'); if (d2o != 0) $("#device_confirm_34").css('width', (280 * d2oc / d2o) + 'px'); else $("#device_confirm_34").css('width', '280px'); $(".alarm_tab_area").remove(); if ((AlarmStore != null) && (AlarmStore.length > 0)) { var parent = document.getElementById('container'); AlarmStore.sort(alarmSortByTime); var area = document.createElement('div'); area.id = 'alarm_tab_area'; area.setAttribute('class', 'alarm_tab_area'); parent.appendChild(area); for (var i = 0; i < AlarmStore.length; i++) { if (i >= 6) break; var tab = document.createElement('div'); tab.id = 'alarm_tab_' + (i + 1); tab.setAttribute('class', 'alarm_tab'); tab.setAttribute('onclick', (AlarmStore[i].dwtype == 1) ? 'show_all_fireAlarm()' : (AlarmStore[i].dwtype == 2) ? 'show_all_waterAlarm()' : (AlarmStore[i].dwtype == 5) ? 'show_all_waterAlarm()' : (AlarmStore[i].dwtype == 6) ? 'show_all_rtuAlarm()' : (AlarmStore[i].dwtype == 7) ? 'show_all_efireAlarm()' : '#'); tab.style.top = (120 * i) + 'px'; if (($(document).innerHeight() - 205) > (120 * (i + 1))) $('#alarm_tab_area').css('height', ($(document).innerHeight() - 205) + 'px'); else $('#alarm_tab_area').css('height', ($(document).innerHeight() - 205) + 'px'); area.appendChild(tab); var title = document.createElement('div'); title.id = 'alarm_tab_title_' + (i + 1); title.setAttribute('class', 'alarm_tab_title'); title.innerHTML = (AlarmStore[i].dwtype == 1) ? '火警监测报告' : (AlarmStore[i].dwtype == 2) ? '水系统监测报告' : (AlarmStore[i].dwtype == 5) ? '水系统监测报告' : (AlarmStore[i].dwtype == 6) ? 'RTU监测报告' : (AlarmStore[i].dwtype == 7) ? '电气火灾监测报告' : '其他报告'; tab.appendChild(title); var time_label = document.createElement('div'); time_label.id = 'alarm_tab_time_' + (i + 1); time_label.setAttribute('class', 'alarm_tab_time'); time_label.innerHTML = AlarmStore[i].time; tab.appendChild(time_label); var data = document.createElement('div'); data.id = "alarm_tab_data_" + (i + 1); data.setAttribute('class', 'alarm_tab_data'); data.innerHTML = AlarmStore[i].company_name + ' ' + AlarmStore[i].data; tab.appendChild(data); var icon = document.createElement('img'); icon.setAttribute('class', 'alarm_tab_icon'); icon.height = '66'; icon.width = '66'; icon.src = baseUrl + 'res/img/icons/' + ((AlarmStore[i].dwtype == 1) ? 'alarm_tab_01.gif' : (AlarmStore[i].dwtype == 2) ? 'alarm_tab_03.gif' : (AlarmStore[i].dwtype == 5) ? 'alarm_tab_03.gif' : (AlarmStore[i].dwtype == 6) ? 'alarm_tab_04.gif' : (AlarmStore[i].dwtype == 7) ? 'alarm_tab_02.gif' : 'alarm_tab_04.gif'); // var icon = document.createElement('div'); // icon.id = "alarm_tab_icon_"+(i+1); // icon.setAttribute('class',(AlarmStore[i].dwtype==1)?'alarm_tab_icon alarm_icon_01': // (AlarmStore[i].dwtype==2)?'alarm_tab_icon alarm_icon_03': // (AlarmStore[i].dwtype==5)?'alarm_tab_icon alarm_icon_03': // (AlarmStore[i].dwtype==6)?'alarm_tab_icon alarm_icon_04': // (AlarmStore[i].dwtype==7)?'alarm_tab_icon alarm_icon_02':'alarm_tab_icon alarm_icon_04'); tab.appendChild(icon); } } } } var showInfo = function(e) { var pixel = e.pixel; var company_code = e.target.getExtData().company_code; var detail_info; var parent = document.getElementById('container') for (var i = 0; i < StatusStore.length; i++) { if (StatusStore[i].company_code == company_code) { if (current_company_code == company_code) return; clear_detail_info();