| | |
|---|
| | | .wind_explain li img { |
|---|
| | | vertical-align: top; |
|---|
| | | } |
|---|
| | | #box { |
|---|
| | | overflow: auto; |
|---|
| | | width: 300px; |
|---|
| | | height: 400px; |
|---|
| | | top: 30px; |
|---|
| | | right: 30px; |
|---|
| | | position: absolute; |
|---|
| | | z-index: 1; |
|---|
| | | border: 1px solid gainsboro; |
|---|
| | | background-color: gainsboro; |
|---|
| | | opacity: 0.8; |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | <body> |
|---|
| | | <div> |
|---|
| | |
|---|
| | | <textarea id="close" hidden></textarea> |
|---|
| | | |
|---|
| | | <div class="main_body"> |
|---|
| | | <%--<input id="button" type="button" value="点击" onclick="getJs();">--%> |
|---|
| | | <div class="tools_box"> |
|---|
| | | <%-- <div class="tools_box"> |
|---|
| | | <div class="charts_btn"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <li><img src="/img/icoWind07.png" width="25" height="25"><span>7级风</span></li> |
|---|
| | | <li><img src="/img/icoWind08.png" width="25" height="25"><span>8级风及以上</span></li> |
|---|
| | | </ul> |
|---|
| | | </div>--%> |
|---|
| | | |
|---|
| | | <div id="box"> |
|---|
| | | <span id="tou">因子超标报警</span> |
|---|
| | | <div id="box1" style="margin-top: 15px"></div> |
|---|
| | | </div> |
|---|
| | | <%-- <div class="search_box"> |
|---|
| | | <button id="searchBtn" type="button">搜索</button> |
|---|
| | | <textarea style="width: 300px;height:400px;" id="searchParam"></textarea> |
|---|
| | | </div>--%> |
|---|
| | | <!-- <div id="popup_box"> |
|---|
| | | <div id="equ_list" class="listview"> |
|---|
| | | </div> |
|---|
| | | </div> --> |
|---|
| | | <div class="pp1" style="display:none;" ></div> |
|---|
| | | <div class="pp2" style="display:none;" ></div> |
|---|
| | | <div id="mapCanvas"></div> |
|---|
| | | <div id="mapParams" style="display: none;"> |
|---|
| | | ${requestScope.mapParams} |
|---|
| | |
|---|
| | | </html> |
|---|
| | | <script> |
|---|
| | | //页面初始化 |
|---|
| | | var orgId; |
|---|
| | | var regionCode; |
|---|
| | | var accountId; |
|---|
| | | (function ($) { |
|---|
| | | var hostAndPort = document.location.host; |
|---|
| | | var moralMap = window.moralMap; |
|---|
| | | var params = $.parseJSON($("#mapParams").html()); |
|---|
| | | moralMap['params'] = params; |
|---|
| | | var orgId = params["orgId"]; |
|---|
| | | var regionCode = params["regionCode"]; |
|---|
| | | var accountId = params["accountId"]; |
|---|
| | | orgId = params["orgId"]; |
|---|
| | | regionCode = params["regionCode"]; |
|---|
| | | accountId = params["accountId"]; |
|---|
| | | var provinceCode = regionCode.toString().substring(0, 2) + "0000"; |
|---|
| | | var mapType = getUrlParam("mapType"); |
|---|
| | | var mapOption = {}; |
|---|
| | |
|---|
| | | //列表对象 |
|---|
| | | var listView = moralMap.initListView({id: "#equ_list", pageSize: 12}); |
|---|
| | | window["listView"] = listView; |
|---|
| | | |
|---|
| | | //展示设备列表，click事件触发 |
|---|
| | | function showEqus(obj) { |
|---|
| | | |
|---|
| | |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, 500); |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | function loadOverlays(url, callback) { |
|---|
| | |
|---|
| | | //获得消息事件 |
|---|
| | | ws.onmessage = function (msg) { |
|---|
| | | // $("#searchParam").val(JSON.parse(msg.data)); |
|---|
| | | // moralMap.getRoad(JSON.parse(JSON.parse(msg.data)),regionCode); |
|---|
| | | moralMap.refreshWindDir(JSON.parse(JSON.parse(msg.data))); |
|---|
| | | /* if (moralMap.showSensors && typeof (moralMap.showSensors) == "function") { |
|---|
| | | moralMap.showSensors(JSON.parse(JSON.parse(msg.data))); |
|---|
| | |
|---|
| | | moralMap.showSensors(JSON.parse(JSON.parse(msg.data))); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | //关闭事件 |
|---|
| | | ws.onclose = function () { |
|---|
| | | $("#close").html("websocket已经关闭"); |
|---|
| | | }; |
|---|
| | | //发生了错误事件 |
|---|
| | | ws.onerror = function () { |
|---|
| | | $("#close").html("websocket关闭错误"); |
|---|
| | | }; |
|---|
| | | //关闭事件 |
|---|
| | | ws.onclose = function () { |
|---|
| | | $("#close").html("websocket已经关闭"); |
|---|
| | | }; |
|---|
| | | //发生了错误事件 |
|---|
| | | ws.onerror = function () { |
|---|
| | | $("#close").html("websocket关闭错误"); |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | |
|---|
| | | })(jQuery); |
|---|
| | | var _intervalNum = -1; |
|---|
| | | |
|---|
| | | function startRefreshPage() { |
|---|
| | | if (_intervalNum == -1) { |
|---|
| | | _intervalNum = self.setInterval(function () { |
|---|
| | |
|---|
| | | cache: false, |
|---|
| | | async: true, |
|---|
| | | success: function (data) { |
|---|
| | | console.log(data) |
|---|
| | | if (data != null && typeof data === 'object') { |
|---|
| | | var resultMap = data["extData"]; |
|---|
| | | if (resultMap == null) { |
|---|
| | |
|---|
| | | moralMap.callJS(jsonData); |
|---|
| | | } else if ("RefreshState" == methodName) { |
|---|
| | | var states = jsonData.states; |
|---|
| | | moralMap.refreshState(states); |
|---|
| | | $(".pp1").html(JSON.stringify(states)) |
|---|
| | | moralMap.refreshState(states,orgId,regionCode,accountId); |
|---|
| | | } else if ("CloseMq" == methodName) { |
|---|
| | | $("#close").html(methodName); |
|---|
| | | } |
|---|
