工业级后台API v2
blame | history | patch | commit | commitdiff | ignore whitespace
于紫祥_1901
2020-12-23 e745dd38c5a413eaa000c7c5434621fbcd1800d5 
 src/main/webapp/view/newmap.jsp


@@ -317,8 +317,8 @@




    .tools_box {


        position: absolute;


        height: 120px;


        width: 400px;


        height: 90px;


        width: 90px;


        right: 1px;


        top: 20px;


        z-index: 1;


@@ -340,21 +340,72 @@


        background: url(/img/charts_btn_bg_2.png) left top no-repeat;


        background-size: 70%;


    }




    .wind_explain {


        position: absolute;


        height: 200px;


        width: 110px;


        right: 1px;


        top: 110px;


        z-index: 1;


    }




    .wind_explain li {


        height: 25px;


    }




    .wind_explain li span {


        display: inline-block;


        height: 25px;


        line-height: 25px;


    }




    .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>


</div>


<textarea id="close" hidden></textarea>




<div class="main_body">


    <div class="tools_box">


   <%-- <div class="tools_box">


        <div class="charts_btn">


        </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="wind_explain">


        <ul>


            <li><img src="/img/icoWind01.png" width="25" height="25"><span>1级风</span></li>


            <li><img src="/img/icoWind02.png" width="25" height="25"><span>2级风</span></li>


            <li><img src="/img/icoWind03.png" width="25" height="25"><span>3级风</span></li>


            <li><img src="/img/icoWind04.png" width="25" height="25"><span>4级风</span></li>


            <li><img src="/img/icoWind05.png" width="25" height="25"><span>5级风</span></li>


            <li><img src="/img/icoWind06.png" width="25" height="25"><span>6级风</span></li>


            <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="pp1" style="display:none;" ></div>


       <div class="pp2" style="display:none;" ></div>


    <div id="mapCanvas"></div>


    <div id="mapParams" style="display: none;">


        ${requestScope.mapParams}


@@ -365,14 +416,17 @@


</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 = {};


@@ -385,7 +439,6 @@


        //列表对象


        var listView = moralMap.initListView({id: "#equ_list", pageSize: 12});


        window["listView"] = listView;




        //展示设备列表，click事件触发


        function showEqus(obj) {




@@ -421,7 +474,6 @@


                    });


                }


            }, 500);




        }




        function loadOverlays(url, callback) {


@@ -486,6 +538,19 @@


                            } else {


                                alert(equStr);


                            }


                        }


                        if ("国控站" === obj["monitorPoint"]["description"]) {


                            var icon05 = new BMap.Icon("/img/ico05.png", new BMap.Size(50, 50));


                            var mark05 = new BMap.Marker(new BMap.Point(obj["monitorPoint"]["longitude"], obj["monitorPoint"]["latitude"]), {icon: icon05});


                            moralMap.addOverlay(mark05);


                        } else if ("省控站" === obj["monitorPoint"]["description"]) {


                            var icon06 = new BMap.Icon("/img/ico06.png", new BMap.Size(50, 50));


                            var mark06 = new BMap.Marker(new BMap.Point(obj["monitorPoint"]["longitude"], obj["monitorPoint"]["latitude"]), {icon: icon06});


                            moralMap.addOverlay(mark06);


                        } else if ("县控站" === obj["monitorPoint"]["description"]) {


                            var icon08 = new BMap.Icon("/img/ico08.png", new BMap.Size(50, 50));


                            var mark08 = new BMap.Marker(new BMap.Point(obj["monitorPoint"]["longitude"], obj["monitorPoint"]["latitude"]), {icon: icon08});


                            moralMap.addOverlay(mark08);


                        }


                        var moralMask = new moralMap.Equipment(obj);


                        moralMap.addOverlay(moralMask);


@@ -646,30 +711,35 @@


        if (typeof (WebSocket) === "undefined") {


            alert("您的浏览器不支持WebSocket");


        } else {


            ws = new WebSocket('ws://' + hostAndPort + '/screen/webSocket/' + orgId + '&' + accountId);


            ws = new WebSocket('ws://' + hostAndPort + '/screen/webSocket/' + orgId + '&' + accountId + '_' + regionCode);


            ws.onopen = function () {


            };




            //获得消息事件


            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)));


                /*  if (moralMap.showSensors && typeof (moralMap.showSensors) == "function") {


                      moralMap.showSensors(JSON.parse(JSON.parse(msg.data)));


                  }*/


                if ($("#close").html() == "CloseMq") {


                    ws.close();


                }


                moralMap.showSensors(JSON.parse(JSON.parse(msg.data)));


            };




            //关闭事件


            ws.onclose = function () {


            };


            //发生了错误事件


            ws.onerror = function () {


            };


                //关闭事件


                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 () {


@@ -721,6 +791,7 @@


                cache: false,


                async: true,


                success: function (data) {


                    console.log(data)


                    if (data != null && typeof data === 'object') {


                        var resultMap = data["extData"];


                        if (resultMap == null) {


@@ -772,6 +843,7 @@


    }




    function callJS(jsonData) {


        $("#close").html(jsonData);


        var jsonData = JSON.parse(jsonData);


        var methodName = jsonData.methodName;


        // $("#searchParam").val(JSON.stringify(jsonData));


@@ -779,9 +851,11 @@


            moralMap.callJS(jsonData);


        } else if ("RefreshState" == methodName) {


            var states = jsonData.states;


            moralMap.refreshState(states);


        } else if ("DeliverSensors" == methodName) {


            // moralMap.showSensors(jsonData);


            $(".pp1").html(JSON.stringify(states))


            moralMap.refreshState(states,orgId,regionCode,accountId);


        } else if ("CloseMq" == methodName) {


            $("#close").html(methodName);


        }


    }




</script>