hdw
2018-11-26 a7adbf6bf46de9ec3753d4b6cc6c8b5cc83cdcf9
gx_tieta/WebRoot/index.jsp
@@ -126,16 +126,15 @@
                              <table>
                                 <tbody>
                                    <tr>
                                       <td class="w5em alg-c f-bold">机房名称:</td>
                                       <td class="w5em alg-c f-bold"><span class="mrl8">机房名称:</span></td>
                                           <td><input type="text" id="mapToolSearch"></td>
                                       <td class="w54 btn-container">
                                          <button type="button" value="搜索" id="mapToolSearchBtn" class="mrr8"><i class="fa fa-search page-link"></i></button>
                                       </td>
                                    </tr>
                                    <tr>
                                           <td colspan="3" class="alg-r btn-container">
                                              <span class="mrr8">已安装设备数/设备总数:<span id="installnum">12/600</span><i id="installnumbtn" class="fa fa-refresh mrl8 page-link" title="刷新"></i></span>
                                           <td colspan="3" class="btn-container">
                                              <span class="mrl8">已安装设备数/设备总数:<span id="installnum">12/600</span><i id="installnumbtn" class="fa fa-refresh mrl8 page-link" title="刷新"></i></span>
                                           </td>
                                        </tr>
                                 </tbody>
@@ -1565,6 +1564,9 @@
      
      mapEle.parent().append(iconExplain);
      
      // 统计机房状态个数
      updateMapIconBadge();
      // 设置地图图标种类
      setMapImgStyles();
   }
@@ -1583,28 +1585,42 @@
   
   // 普通机房描述
   function mapImgDescNormal(iconExplain) {
      // 机房落后
      // 落后机房
      var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
      var input = $('<input type="checkbox" data-img="item-behind" checked="checked">');
      var span = $('<span>电池落后机房</span>');
      var icon = $('<img src="'+mapImages.behind+'">');
      var span = $('<span>电池组落后机房</span>');
      var badge = $('<a href="javascript:;" class="layui-badge-rim mrr8 badge-behind">0</a>');
      iconList.append(input);
      iconList.append(span);
      iconList.append(icon);
      iconList.append(badge);
      iconExplain.append(iconList);
      
      // 机房告警
      // 告警机房
      var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
      var input = $('<input type="checkbox" data-img="item-warn" checked="checked">');
      var span = $('<span>电池告警机房</span>');
      var icon = $('<img src="'+mapImages.warn+'">');
      var span = $('<span>电池组告警机房</span>');
      var badge = $('<a href="javascript:;" class="layui-badge-rim mrr8 badge-warn">0</a>');
      iconList.append(input);
      iconList.append(span);
      iconList.append(icon);
      iconList.append(badge);
      iconList.append('<div class="clear"></div>');
      iconExplain.append(iconList);
      
      // 掉站机房
      var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
      var input = $('<input type="checkbox" data-img="item-down" checked="checked">');
      var icon = $('<img src="'+mapImages.timeout+'">');
      var span = $('<span>掉站机房</span>');
      var badge = $('<a href="javascript:;" class="layui-badge-rim mrr8 badge-down">0</a>');
      iconList.append(input);
      iconList.append(span);
      iconList.append(icon);
      iconList.append(badge);
      iconExplain.append(iconList);
      
      // 机房延时
      var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
@@ -1614,16 +1630,18 @@
      iconList.append(input);
      iconList.append(span);
      iconList.append(icon);
      iconExplain.append(iconList);
      //iconExplain.append(iconList);
      
      // 停电机房
      var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
      var input = $('<input type="checkbox" data-img="item-poff" checked="checked">');
      var icon = $('<img src="'+mapImages.powercut+'">');
      var span = $('<span>停电机房</span>');
      var badge = $('<a href="javascript:;" class="layui-badge-rim mrr8 badge-powercut">0</a>');
      iconList.append(input);
      iconList.append(span);
      iconList.append(icon);
      iconList.append(badge);
      iconExplain.append(iconList);
      
      // 正常机房
@@ -1631,12 +1649,59 @@
      var input = $('<input type="checkbox" data-img="item-normal" checked="checked">');
      var icon = $('<img src="'+mapImages.normal+'">');
      var span = $('<span>正常机房</span>');
      var badge = $('<a href="javascript:;" class="layui-badge-rim mrr8 badge-normal">0</a>');
      iconList.append(input);
      iconList.append(span);
      iconList.append(icon);
      //iconList.append(badge);
      iconExplain.append(iconList);
      // 续航不足3小时机房
      var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
      var input = $('<input type="checkbox" data-img="item-weak" checked="checked">');
      var icon = $('<img src="'+mapImages.normal+'">');
      var span = $('<span>续航不足3小时机房</span>');
      var badge = $('<a href="javascript:;" class="layui-badge-rim mrr8 badge-weak">0</a>');
      iconList.append(input);
      iconList.append(span);
      iconList.append(icon);
      iconList.append(badge);
      //iconExplain.append(iconList);
   }
   
   // 更新地图图标badge的值
   function updateMapIconBadge() {
      var mapImgDesc = $('#mapImgDesc');
      var behind = mapImgDesc.find('.badge-behind');      // 电池落后机房
      var warn = mapImgDesc.find('.badge-warn');         // 电池告警机房
      var down = mapImgDesc.find('.badge-down');         // 掉站机房
      var powercut = mapImgDesc.find('.badge-powercut');   // 停电机房
      var normal = mapImgDesc.find('.badge-normal');      // 正常机房
      var weak = mapImgDesc.find('.badge-weak');         // 续航不足3小时机房
      console.log(warn.length);
      //  请求后台数据
      $.ajax({
         type: 'post'
         ,async: true
         ,url: 'Bts_station_stateAction_action_serchStationState'
         ,data: null
         ,dataType: 'json'
         ,success:function(res) {
            var rs = JSON.parse(res.result);
            //console.log(rs);
            powercut.text(rs.sum);      // 停电数
            down.text(rs.code);      // 掉站数
            behind.text(rs.msgN);   // 落后机房
            warn.text(rs.msg);      // 告警机房
            /* var normalNum = Number(rs.newsum) - (Number(rs.sum)+Number(rs.code)+Number(rs.msgN)+Number(rs.msg));
            normal.text(normalNum); */   // 正常机房
         }
      });
   }
   // 61850描述
   function mapImgDesc61850(iconExplain) {
      // 核容/停电放电