| | |
|---|
| | | <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> |
|---|
| | | <%@page isELIgnored="false" %> |
|---|
| | | <% |
|---|
| | | String version ="1.000003"; |
|---|
| | | String version ="1.000004"; |
|---|
| | | response.setHeader("Cache-Control","no-store"); |
|---|
| | | response.setHeader("Pragrma","no-cache"); |
|---|
| | | response.setDateHeader("Expires",0); |
|---|
| | |
|---|
| | | float: right; |
|---|
| | | width: 70px; |
|---|
| | | height: 28px; |
|---|
| | | line-height: 28px |
|---|
| | | line-height: 28px; |
|---|
| | | cursor:pointer; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .list { |
|---|
| | |
|---|
| | | clear: both; |
|---|
| | | zoom: 1 |
|---|
| | | } |
|---|
| | | |
|---|
| | | .list-chart-span { |
|---|
| | | cursor: pointer; |
|---|
| | | background-color: #4c9bf1 |
|---|
| | | } |
|---|
| | | .list li { |
|---|
| | | padding: 10px 0; |
|---|
| | | border-bottom: 1px dotted #eee; |
|---|
| | | line-height: 40px; |
|---|
| | | height: 40px; |
|---|
| | | font-size: 20px; |
|---|
| | | cursor: pointer; |
|---|
| | | /*cursor: pointer;*/ |
|---|
| | | } |
|---|
| | | |
|---|
| | | .list span{ |
|---|
| | | float: right; |
|---|
| | | position: relative; |
|---|
| | | right: 18px; |
|---|
| | | right: 5px; |
|---|
| | | border-radius:4px; |
|---|
| | | width: 70px; |
|---|
| | | width: 40px; |
|---|
| | | text-align: center; |
|---|
| | | height: 24px; |
|---|
| | | line-height: 24px; |
|---|
| | | font-size: 16px; |
|---|
| | | font-size: 14px; |
|---|
| | | font-weight: bolder; |
|---|
| | | color: white; |
|---|
| | | margin: 10px 0; |
|---|
| | | padding:2px 0; |
|---|
| | | margin-right: 8px; |
|---|
| | |
|---|
| | | |
|---|
| | | .list .state01 { |
|---|
| | | background-color: #FF9; |
|---|
| | | color: #ff7f00; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .list .state02 { |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .list .state04 { |
|---|
| | | |
|---|
| | | background-color: #eee; |
|---|
| | | color: #777 |
|---|
| | | /*background-color: #eee;*/ |
|---|
| | | /*color: #777 ;*/ |
|---|
| | | background-color: #738d99 ; |
|---|
| | | } |
|---|
| | | /* |
|---|
| | | * 外面盒子样式---自己定义 |
|---|
| | |
|---|
| | | .equ-data-box .equ-data-list li .grade01{color:#282828;background:url(/img/list_num_yellow.png) left top no-repeat} |
|---|
| | | .equ-data-box .equ-data-list li .grade02{background:url(/img/list_num_orange.png) left top no-repeat} |
|---|
| | | .equ-data-box .equ-data-list li .grade03{background:url(/img/list_num_red.png) left top no-repeat} |
|---|
| | | .tools_box{ |
|---|
| | | position: absolute; |
|---|
| | | height: 120px; |
|---|
| | | width: 400px; |
|---|
| | | right: 1px; |
|---|
| | | top: 20px; |
|---|
| | | z-index: 1; |
|---|
| | | } |
|---|
| | | .tools_box .charts_btn { |
|---|
| | | position: relative; |
|---|
| | | float: right; |
|---|
| | | margin: 0; |
|---|
| | | border: 0; |
|---|
| | | height: 85px; |
|---|
| | | width: 85px; |
|---|
| | | background:url(/img/charts_btn_bg_1.png) left top no-repeat; |
|---|
| | | background-size: 70%; |
|---|
| | | } |
|---|
| | | .tools_box .charts_btn:hover { |
|---|
| | | cursor:pointer; |
|---|
| | | background:url(/img/charts_btn_bg_2.png) left top no-repeat; |
|---|
| | | background-size: 70%; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | <body> |
|---|
| | | <div class="main_body"> |
|---|
| | | <div class="tools_box"> |
|---|
| | | <div class="charts_btn"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="search_box"> |
|---|
| | | <button id="searchBtn" type="button">搜索</button> |
|---|
| | | <input id="searchParam"/> |
|---|
| | |
|---|
| | | for(var i in objs) { |
|---|
| | | var obj = objs[i]; |
|---|
| | | if(moralMap.getEquipment(obj["mac"])==null){ |
|---|
| | | obj['mouseover'] = function (type) { |
|---|
| | | if(type.target.getData()==null){ |
|---|
| | | //当前设备数据为空时，设备悬停事件中 刷新一下数据 |
|---|
| | | refreshAllState(); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | obj['click'] = function(){ |
|---|
| | | var _obj = this.getOption(); |
|---|
| | | var _obj = this.getOption(); |
|---|
| | | if(_obj['mac']==null){ |
|---|
| | | alert("mac项未配置，请联系管理员设置"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | var equ = { |
|---|
| | | name: _obj['name'], |
|---|
| | | mac: (_obj['mac']).toLowerCase(), |
|---|
| | | longitude: _obj['longitude'], |
|---|
| | | latitude: _obj['latitude'], |
|---|
| | | monitorPointId: _obj['monitorPointId'], |
|---|
| | | version:_obj['deviceVersion']['version'] |
|---|
| | | } |
|---|
| | | var equStr = JSON.stringify(equ); |
|---|
| | |
|---|
| | | alert(equStr); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | obj['mouseover'] = function (type) { |
|---|
| | | if(type.target.getData()==null){ |
|---|
| | | //当前设备数据为空时，设备悬停事件中 刷新一下数据 |
|---|
| | | refreshAllState(); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | var moralMask = new moralMap.Equipment(obj); |
|---|
| | | moralMap.addOverlay(moralMask); |
|---|
| | | } |
|---|
| | |
|---|
| | | //地图加载完成后 加载监控点,速度慢 |
|---|
| | | moralMap.addEventListener("tilesloaded", function(type, target) { |
|---|
| | | }); |
|---|
| | | // 点击事件关闭 弹窗列表 |
|---|
| | | moralMap.addEventListener("click", function(type, target) { |
|---|
| | | moralMap.closePopupbox("#popup_box"); |
|---|
| | | }); |
|---|
| | | //地图放大缩小事件时，关闭弹窗 |
|---|
| | | moralMap.addEventListener('zoomstart', function(type) {}); |
|---|
| | | //地图放大缩小事件时，关闭弹窗 |
|---|
| | |
|---|
| | | listView.load(url); |
|---|
| | | } |
|---|
| | | ) |
|---|
| | | //跳转表单页面按钮事件 |
|---|
| | | $(".charts_btn").click( |
|---|
| | | function (e) { |
|---|
| | | if(window['external']&&window['external']['showChartInfo']){ |
|---|
| | | window['external'].showChartInfo(""); |
|---|
| | | }else{ |
|---|
| | | alert(""); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | ); |
|---|
| | | //页面刷新 |
|---|
| | | |
|---|
| | | })(jQuery); |
|---|
