{% extends "Acc_Monitor_All.html" %} {% load i18n %} {% block add_headjs %} {% if request.user|HasPerm:"contenttypes.can_ElectroMapPage" %} {% endif %} {% endblock %} {% block monitor_events_style %}height: 30em;{% endblock %} {% block monitor_datalist_style %}height:300px;{% endblock %} {% block right_click_menu %}
{% endblock %} {% block addjs_base %}{% endblock %} {% block getdatalist %}{% endblock %} {% if request.user|HasPerm:"contenttypes.can_ElectroMapPage" %} {% block electro_map %} {% if request.user|HasPerm:"iaccess.opsavemapdoorpos_accmap" %} //门图标的拖动---start var ie = document.all;//只有ie支持document.all var ff = document.getElementById&&!document.all;//非ie浏览器,如 ff等 var isdrag = false; var x = 0, y = 0; var drag_obj = null;//全局变量。用来表示需要drag的图片对象 function movemouse(e) { if (isdrag) { drag_obj.style.left = (ff ? tx + e.clientX - x : tx + event.clientX - x) + "px"; drag_obj.style.top = (ff ? (ty + e.clientY - y) : (ty + event.clientY - y)) + "px";//ff下加px,否则某些ff版本不起作用 return false; } } function onmouseup(e) { if(drag_obj) { isdrag=false; if($(drag_obj).css("top").replace("px", "") < 8) { $(drag_obj).css("top", "8px"); } if($(drag_obj).css("left").replace("px", "") < 8) { $(drag_obj).css("left", "8px"); } } } function selectmouse(e) { var current_obj = ff ? e.target : event.srcElement;//当前选择的对象(含非图片) // var topelement = ff ? "HTML" : "BODY"; // while(current_obj.tagName != topelement && current_obj.className != "can_drag")//标签名不等于根标签和.while 循环的意思就是取他的祖先节点(除body和html外的) // { // current_obj = ff ? current_obj.parentNode : current_obj.parentElement;//主要处理不能拖动的图片(无实际意义) // } if (current_obj.className == "can_drag")//candrag 用来区别哪些图片可以拖动 { isdrag = true; drag_obj = current_obj; tx = parseInt(drag_obj.style.left + 0); ty = parseInt(drag_obj.style.top + 0); x = ff ? e.clientX : event.clientX; y = ff ? e.clientY : event.clientY; document.onmousemove = movemouse; return false; } } document.onmousedown = selectmouse;//相当于selectmouse(document.onmousedown) document.onmouseup = onmouseup; //document.onmouseup = new Function("isdrag=false; check_top_left_zero(document.onmouseup)");//离开光标时还原全局变量的值 //门图标的拖动---end {% endif %} //初始化电子地图-start function init_maps() { $("#id_map_loading").show(); var stamp0 = new Date().getTime(); $.ajax({ type: "POST", url: "/{{ request.surl }}iaccess/ElectroMap/?func=init_maps&stamp="+stamp0, dataType: "json", async: true, success: function(init_data) { $("#id_map_loading").hide(); $(".anymap").show(); $("#id_map_show div").remove(); $("#id_map_show .tabs").empty(); var maps = init_data.maps; if(maps == "") { $("#id_map_judge").show(); $("#id_map_show").hide(); $(".nomap").hide(); gdev_filter = "&door_id=-1";//实时监控查询条件变更 } else { $("#id_map_judge").hide(); $("#id_electro_map").css("height","500px"); $("#id_map_show").show(); $(".nomap").show(); //地图信息 for(a in maps) { //$("#id_map_show").append(''); var img_style = ""; if(maps[a][2] != 0 && maps[a][3] != 0) { img_style = 'style="width:'+maps[a][2]+'px;height:'+maps[a][3]+'px"'; } $("#id_map_show").append('
'
+ '