BS版本 1.4

yzt

2023-05-26 de4278af2fd46705a40bac58ec01122db6b7f3d7

 src/main/webapp/hxzk/mapshow/mapShow3.jsp

@@ -18,6 +18,65 @@
               <link rel="stylesheet" href="/hxzkoa/hxzk/assets/css/ghmap.css" type="text/css" />

               <style>
                  /* .demo {
                     width: 760px;
                     margin: 20px auto 0 auto;
                     height: 70px;
                  } */

                  .button {
                     display: inline-block;
                     outline: none;
                     cursor: pointer;
                     text-align: center;
                     text-decoration: none;
                     font: 16px/100% 'Microsoft yahei', Arial, Helvetica, sans-serif;
                     padding: .5em 2em .55em;
                     text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
                     -webkit-border-radius: .5em;
                     -moz-border-radius: .5em;
                     border-radius: .5em;
                     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
                     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
                     box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
                  }

                  .button:hover {
                     text-decoration: none;
                  }

                  .button:active {
                     position: relative;
                     top: 1px;
                  }

                  .medium {
                     font-size: 12px;
                     padding: .4em 1.5em .42em;
                  }

                  .white {
                     color: #696767;
                     border: solid 1px #b7b7b7;
                     background: #fff;
                     background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
                     background: -moz-linear-gradient(top, #fff, #ededed);
                     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
                  }

                  .white:hover {
                     background: #ededed;
                     background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
                     background: -moz-linear-gradient(top, #fff, #dcdcdc);
                     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
                  }

                  .white:active {
                     color: #999;
                     background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
                     background: -moz-linear-gradient(top, #ededed, #fff);
                     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
                  }
               </style>
            </head>

@@ -32,14 +91,26 @@
                           <div class="widget widget-one_hybrid widget-engagement" id="map0"
                              style="width: 100%; float: left;" ondblclick="changemap0()">
                              <div class="widget-heading" style="height: 450px; width: 100%" id="maphead0">
                                 <div
                                    style="border-radius: 5px;padding:5px;opacity: 0.4;position: absolute; float: left;top: 10px;left: 55px;z-index: 99;border: 3px solid rgb(243, 11, 11);">
                                 <!-- <input type="button" id="dakai" value="打开信息窗口"
                                    style="position: absolute; float: left;left: 50px;top: 10px;z-index: 999;border: 1px black solid;width: 90px;height: 22px;background-color: rgba(146, 140, 140, 0.096);font-size: 10px;border-radius: 5%;">
                                 <input type="button" id="guanbi" value="关闭信息窗口"
                                    style="position: absolute; float: left;left: 50px;top: 10px;z-index: 999;border: 1px black solid;width: 90px;height: 22px;background-color: rgba(146, 140, 140, 0.096);font-size: 10px;border-radius: 5%;display: none;"> -->
                                    <div id="dakai" style="position: absolute; float: left;left: 50px;top: 10px;z-index: 999;">
                                       <a href="#" class="button white medium">打开信息窗口</a>
                                    </div>
                                    <!-- <input type="button" id="genzong" onclick="genzong()" value="跟踪"> -->
                                    <div id="guanbi" style="position: absolute; float: left;left: 50px;top: 10px;z-index: 999;display: none;">
                                       <a href="#" class="button white medium">关闭信息窗口</a>
                                    </div>
                                    <div id="zongtubiao"
                                    style="border-radius: 5px;padding:5px;opacity: 0.4;position: absolute; float: left;top: 40px;left: 40px;z-index: 99;border: 3px solid rgb(243, 11, 11);display: none;">
                                    <table id="tu2"
                                       style="width: 300px;height: 243px;float: left;text-align:center;vertical-align:middle;table-layout:fixed;color: rgb(255, 0, 0);">
                                       <thead style="font-weight: bold;font-size: 17px;">
                                          <tr style="height: 50px;">
                                             <!-- <td id="biaotou" style="height: 45px;" colspan="4"></td> -->
                                             <td id="biaotou2" style="width: 60%;" colspan="3">隧道内总人数:<a id="renshu2"></a></td>
                                             <td id="biaotou2" style="width: 60%;" colspan="3">隧道内总人数:<a
                                                   id="renshu2"></a></td>
                                             <!-- <td id="biaotou3322" style="width: 40%;" colspan="2">气体检测</td> -->
                                          </tr>
                                          <tr>
@@ -57,7 +128,8 @@
                                       <thead style="font-weight: bold;font-size: 17px;">
                                          <tr style="height: 50px;">
                                             <!-- <td id="biaotou" style="height: 45px;" colspan="4"></td> -->
                                             <td id="biaotou3322" style="width: 40%;" colspan="2">气体检测</td>
                                             <td id="biaotou3322" style="width: 40%;" colspan="2">气体检测
                                             </td>
                                          </tr>
                                          <tr>
                                             <td>设备名称</td>
@@ -124,6 +196,9 @@
               setInterval(kaoqinsan, 60000);
               setInterval(qitisan, 60000);
               setInterval(kaoqinhuan, 5000);
               var bm_sysSetting = getSystemSetting();
               var bm_offView = bm_sysSetting[0].offView;//是否离线不显示图标
               var bm_kaoqing = bm_sysSetting[0].diskaoqing;//是否出考勤区域消失
               function showTime() {
                  var t = new Date();
                  var year = t.getFullYear();
@@ -166,7 +241,9 @@
                  var str;
                  var str2;
                  for (const key in arr) {
                     if (arr[key].name != "" && arr[key].name != null) {
                        str += "<tr><td>" + arr[key].name + "</td><td>" + arr[key].bumen + "</td><td>" + arr[key].area + "</td></tr>"
                     }
                  }
                  for (const key in qitilist) {
                     str2 += "<tr><td>" + qitilist[key].name + "</td><td>" + qitilist[key].nong_du + "</td></tr>"
@@ -199,7 +276,7 @@
                     imagePre: '../image/targeticon',
                     mapKey: '28a58cf8-841b-sdfedddd-8cf5-f1a',
                     // setHeight: 160,
                     // maxPitch: 60,
                     maxPitch: 88,
                     backgroundColor: '#effafe',
                     zoomViewVisible: false,
                     // floorViewVisible: false
@@ -220,12 +297,15 @@
               }
               var timer = setInterval(fn, 300);

               function genzong() {
                  console.log(map.getCenter())
                  var point = new GHMap.Point(12737817.071,4585815.582,0);
                  map.setCenter(point,true);
               }

               function fn() {
                  var personlist1 = getRealPositionsan();
                  var personlist = [];
                  var bm_sysSetting = getSystemSetting();
                  var bm_offView = bm_sysSetting[0].offView;//是否离线不显示图标
                  var bm_kaoqing = bm_sysSetting[0].diskaoqing;//是否出考勤区域消失
                  if (personlist1.length != 0) {
                     for (var i = 0; i < personlist1.length; i++) {
                        if (((bm_offView == '1' && personlist1[i][3] == '1') || (bm_offView == '0')) && ((bm_kaoqing == '1' && personlist1[i][10] == '1') || (bm_kaoqing == '0'))) {
@@ -271,6 +351,17 @@
                     }
                  }
               }

               $("#dakai").click(function () {
                  document.getElementById("zongtubiao").style.display = "";
                  document.getElementById("dakai").style.display = "none";
                  document.getElementById("guanbi").style.display = "";
               })
               $("#guanbi").click(function () {
                  document.getElementById("zongtubiao").style.display = "none";
                  document.getElementById("guanbi").style.display = "none";
                  document.getElementById("dakai").style.display = "";
               })
            </script>

            </html>