hdw
2018-10-31 6ca818de1f93c61ddfa92a3ce285280304c50927
gx_tieta/WebRoot/batt-state-manage.jsp
@@ -1,4 +1,5 @@
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
@@ -9,12 +10,13 @@
  <head>
    <base href="<%=basePath%>">
    
    <title>基站状态管理</title>            <!-- 基站状态管理 -->
    <title><s:text name="Station_statequery"/></title>            <!-- 机房状态查询 -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/basic.css" rel="stylesheet">
    <link rel="stylesheet" href="css/BrdwMaint.css">
    <link rel="stylesheet" type="text/css" href="css/loading.css">
    <link rel="stylesheet" type="text/css" href="css/basic-layout.css"/>
    <link rel="stylesheet" href="css/nocontent.css">
    <link rel="stylesheet" href="alifont/iconfont.css">   
   <meta http-equiv="pragma" content="no-cache">
@@ -24,7 +26,7 @@
   <meta http-equiv="description" content="This is my page">
   <style type="text/css">
      body {
        body {
          overflow-x: hidden !important;
      }
      #tbHead table{
@@ -65,7 +67,11 @@
      .filter a:hover {
          background-color: #2f97ff;
          color: #FFFFFF;
      }
      }
      #eleInfor .checkCon table input {
    width: auto;
    height: 20px;
}
   </style>
    </head>
    <body>
@@ -77,8 +83,8 @@
       <!-- 主体内容 -->
        <div id="main">
            <div id="eleInfor">
                <span class="summary">基站状态管理查询--&gt;<s:text name="Show/hide_the_query_conditions"/></span>
                <div class="checkCon">
                <span class="summary"><s:text name="Station_statequery"/>--&gt;<s:text name="Show/hide_the_query_conditions"/></span>
                <div class="checkCon filter-container">
                   <form action="" id="search_form">
                    <!-- 维护区信息 -->
                    <table>
@@ -108,6 +114,16 @@
                            
                        </tr>
                    </table>
                    <table class="condi-opt">
            <tr>
               <td><input type="checkbox" id="ALM_TYPE_BTS9100S_POFF_ComError" name=""  value=2 class="" />停电</td>      <!-- 停电 -->
               <td><input type="checkbox" id="ALM_TYPE_BTS9100S_XUHANG_ComError" name=""  value=4 class="">续航</td>      <!-- 掉站 -->
               <td><input type="checkbox" id="ALM_TYPE_BTS9100S_FADIAN_ComError" name=""  value=8 class="" />发电</td>   <!-- 发电 -->
               <td><input type="checkbox" id="ALM_TYPE_BTS9100S_DOOROPEN_ComError"   name="" value=16 class="" >开门异常</td>
               <td><input type="checkbox" id="ALM_TYPE_BTS9100S_DIAOZHAN_ComError" name=""  value=32 class="">掉站</td>      <!-- 掉站 -->
            </tr>
         </table>
                    </form>
                </div>
            </div>
@@ -168,7 +184,7 @@
        var tblStatus = new Array();    // 表格状态数组
        var tblOptsHd = new Array();    // 表格选项头部
        var tblOptsBd = new Array();  // 表格选项数组
        arrTh = ['省','市', '机房名称','停电','停电开始时间', '发电','发电开始时间','掉站','掉站开始时间', '开门/开关电源异常','开门/开关电源异常开始时间', '温度异常','湿度异常'];
        arrTh = ['省','市', '机房名称','停电','停电开始时间','停电时长','发电','发电开始时间','发电时长','掉站','掉站开始时间', '掉站时长','续航','续航开始时间','续航时长','开门/关门异常','开门/关门异常开始时间','开门/关门异常时长', '温度异常','湿度异常'];
       
        //tblOptsHd = ['编号', '选项', '是否选择'];
        tblOptsHd = ['<s:text name="Number"/>', '<s:text name="Options"/>', '<s:text name="IsChecked"/>'];
@@ -193,6 +209,17 @@
            createCard(cardHd, tblOptsHd, tblOptsBd);
            createCard(cardBd, tblOptsHd, tblOptsBd);
        });
         $(document).ready(function(){
      $('#tbBrdw').scroll(function(){
         var scrollX=$(this).scrollLeft();
         $('#tbHead table').css('left',-scrollX+'px');
      });
   });
        // 点击条件筛选更改表格的高度
        $(function() {
@@ -219,7 +246,7 @@
            $('#paging .search').click(function() {
                
                searchstationstate();
                 searchstationstate();
                //noContent.showNoContent();         //显示查询失败框
                
            });
@@ -415,7 +442,7 @@
               
            }
            
            searchstationstate();
            searchstationstate();
         });
      }
      
@@ -423,6 +450,7 @@
      function createSearchParam(){
         //alert($('#endu_type').val());
         var stationid = $('#station_name3').find("option:selected").attr('Stationid');
         var battgroupid = batt_condition();
         var temp = {         
            page:{
               pageSize:$('#number').val(),
@@ -432,14 +460,48 @@
            StationName2:$('#city').val(),   
            StationName3:$('#station_name3').val(),            
            StationId: stationid?stationid:0,
            BattGroupNum:battgroupid,
         };
         //console.info(temp);
         return temp;
      }
         function batt_condition(){
            var POFF_ComError = 0;
            var XUHANG_ComError = 0;
            var FADIAN_ComError = 0;
            var DIAOZHAN = 0;
            var DOOROPEN_ComError = 0;
            var condition = 0;
            if($('#ALM_TYPE_BTS9100S_POFF_ComError').attr("checked")){
               POFF_ComError = $('#ALM_TYPE_BTS9100S_POFF_ComError').val();
               condition+=parseInt(POFF_ComError);
            }
            if($('#ALM_TYPE_BTS9100S_XUHANG_ComError').attr("checked")){
               XUHANG_ComError = $('#ALM_TYPE_BTS9100S_XUHANG_ComError').val();
               condition+=parseInt(XUHANG_ComError);
            }
            if($('#ALM_TYPE_BTS9100S_FADIAN_ComError').attr("checked")){
               FADIAN_ComError = $('#ALM_TYPE_BTS9100S_FADIAN_ComError').val();
               condition+=parseInt(FADIAN_ComError);
            }
            if($('#ALM_TYPE_BTS9100S_DIAOZHAN_ComError').attr("checked")){
               DIAOZHAN = $('#ALM_TYPE_BTS9100S_DIAOZHAN_ComError').val();
               condition+=parseInt(DIAOZHAN);
            }
            if($('#ALM_TYPE_BTS9100S_DOOROPEN_ComError').attr("checked")){
               DOOROPEN_ComError =   $('#ALM_TYPE_BTS9100S_DOOROPEN_ComError').val();
               condition+=parseInt(DOOROPEN_ComError);
            }
            //condition = POFF_ComError+XUHANG_ComError+DIAOZHAN+DOOROPEN_ComError+FADIAN_ComError;
            //console.info(condition);
            return condition;
         }
      var myTimeOut;
      //查询机房状态
      function searchstationstate(){
         var temp = createSearchParam();
         var arrTd = new Array();
         arrTd = new Array();
         $.ajax({
            type: "post",
            url: "Bts_station_stateAction_action_serchByCondition",
@@ -451,65 +513,116 @@
               var index = 0;
               var data = JSON.parse(data.result);
               if(data.code==1&&data.data!=null){
                  console.info(data.data);
                  //console.info(data.data);
                  var data = data.data;
                  //console.info(data[0].dev_id);
                  for(i=0;i<data.length;i++){
                  for(var i=0;i<data.length;i++){
                     var _data = data[i];
                     arrTd[index++]=_data.stationName1;  //省
                     arrTd[index++]=_data.stationName2;   //市
                     arrTd[index++]=_data.stationName3;   //机房
                     arrTd[index++] = _data.stationName1;  //省
                     arrTd[index++] = _data.stationName2;   //市
                     arrTd[index++] = _data.stationName3;   //机房
                     
                     // 停电
                     if(_data.station_stat_poff) {
                        arrTd[index++]= create_ali_font('icon-tingdian-', 'red');
                        arrTd[index++] = create_ali_font('icon-tingdian-', 'red', {msg:'停电异常'});
                        arrTd[index++] = _data.station_poff_start_time; //停电开始时间
                        arrTd[index++] = StringtoData(_data.station_poff_start_time);      //停电时长
                     }else {
                        arrTd[index++]= create_ali_font('icon-tingdian-', 'green');
                        arrTd[index++] = create_ali_font('icon-tingdian-', 'green', {msg: '正常'});
                        arrTd[index++] = "-";
                        arrTd[index++] = formartTime(0);
                     }
                     arrTd[index++]=_data.station_poff_start_time //停电开始时间
                     // 发电
                     if(_data.station_stat_fadian) {
                        arrTd[index++]= create_ali_font('icon-dynamotor', 'red'); //发电
                        arrTd[index++] = create_ali_font('icon-dynamotor', 'red', {msg: '发电异常'}); //发电
                        arrTd[index++] = _data.station_fadian_start_time;   //发电开始时间
                        arrTd[index++] = StringtoData(_data.station_fadian_start_time);
                     }else {
                        arrTd[index++]= create_ali_font('icon-dynamotor', 'green'); //发电
                        arrTd[index++] = create_ali_font('icon-dynamotor', 'green', {msg: '正常'}); //发电
                        arrTd[index++] = "-";   //发电开始时间
                        arrTd[index++] = formartTime(0);
                     }
                     arrTd[index++]=_data.station_fadian_start_time;//发电开始时间
                     // 掉站
                     if(_data.station_stat_diaozhan) {
                        arrTd[index++]= create_ali_font('icon-dianchi', 'red');
                        arrTd[index++] = create_ali_font('icon-dianchi', 'red', {msg: '已掉站'});
                        arrTd[index++] = _data.station_diaozhan_start_time;//掉站开始时间
                        arrTd[index++] = StringtoData(_data.station_diaozhan_start_time);
                     }else {
                        arrTd[index++]= create_ali_font('icon-dianchi4', 'green');
                        arrTd[index++] = create_ali_font('icon-dianchi4', 'green', {msg: '正常'});
                        arrTd[index++] = "-";//掉站开始时间
                        arrTd[index++] = formartTime(0);
                     }
                     arrTd[index++]=_data.station_diaozhan_start_time;//掉站开始时间
                     //续航
                     if(_data.station_stat_xuhang){
                        arrTd[index++] = create_fa_font('fa-television','red',{msg: '续航异常'});
                        arrTd[index++] = _data.station_xuhang_start_time;
                        arrTd[index++] = StringtoData(_data.station_xuhang_start_time);
                     }else{
                        arrTd[index++] = create_fa_font('fa-television','green',{msg: '正常'});
                        arrTd[index++] = "-";
                        arrTd[index++] = formartTime(0);
                     }
                     
                     // 开门关门异常
                     if(_data.station_stat_dooropen) {
                        arrTd[index++] = create_ali_font('icon-quankaimen', 'red');
                        arrTd[index++] = create_ali_font('icon-quankaimen', 'red', {msg: '开门'});
                        arrTd[index++] = _data.station_dooropen_start_time;//开门关门异常时间
                        arrTd[index++] = StringtoData(_data.station_dooropen_start_time);
                     }else {
                        arrTd[index++] = create_ali_font('icon-quankaimen', 'green');
                        arrTd[index++] = create_ali_font('icon-quankaimen', 'green', {msg: '关门'});
                        arrTd[index++] = "-";//开门关门异常时间
                        arrTd[index++] = formartTime(0);
                     }
                     arrTd[index++] = _data.station_temp; //温度
                     arrTd[index++] = _data.station_damp; //湿度
                     
                     arrTd[index++]=_data.station_dooropen_start_time;//开门关门异常时间
                     arrTd[index++]=_data.station_temp; //温度
                     arrTd[index++]=_data.station_damp; //湿度
                     Page.pageAll = _data.page.pageAll;
                  }
                  Page.pageAll = data.length;
                  var pageNum=Math.ceil(Page.pageAll/Page.pageSize);
                  $('#total').text(Page.pageAll);
                  $('#current').text(Page.pageCurr+"/"+pageNum);
                  createAllTbl(tblHd, tblBd, arrTh, arrTd, tblStatus);
               }else{
                  Page.pageAll = 0;
                  var pageNum=Math.ceil(Page.pageAll/Page.pageSize);
                  $('#total').text(Page.pageAll);
                  $('#current').text(Page.pageCurr+"/"+pageNum);
               }
               createAllTbl(tblHd, tblBd, arrTh, arrTd, tblStatus);
               window.clearTimeout(myTimeOut);
               myTimeOut = window.setTimeout(searchstationstate, 8000);
            }
         })
         });
      }
      function StringtoData(value){
      var date1= value;  //开始时间
        var date2 = new Date();    //结束时间
        var date3 = date2.getTime() - new Date(date1).getTime();   //时间差的毫秒数
      var date4 = Math.floor(date3/(1000));
      return formartTime(date4);
      }
         //格式化时间value传入为秒
      function formartTime(value){
         value = Math.abs(parseInt(value));
         //console.info(value);
         var day_num = 0;
         var hour_num = 0;
         var min_num = 0;
         if(value>=24*60*60){
            day_num = Math.floor(value/(24*60*60));
            value = value%(24*60*60);
         }
         if(value>=60*60){
            hour_num = Math.floor(value/(60*60));
            value = value%(60*60);
         }
         min_num = Math.floor(value/60);
         return day_num+"天"+hour_num+"小时"+min_num+"分";
      }
               
      //首页
      $('#home').click(function(){
@@ -617,23 +730,16 @@
         }
         var ArrTd="";
         for(var i=0;i<eleTd.length;i++)
         {
            if((i+1)%eleTh.length==4){   //停电
               //console.info(eleTd.eq(i).find('i class').find('style));
               //if(eleTd.eq(i).find('style').is('color: rgb(0, 128, 0)'){
               //   console.info("停电");
                  //ArrTd+=""
               //}
               //console.info(eleTd.eq(i).outerHTML);
               ArrTd+="停电"+"&";
            }else if((i+1)%eleTh.length==6){//发电
               ArrTd+=eleTd.eq(i).text()+"&";
            }else if((i+1)%eleTh.length==8){//掉站
               ArrTd+=eleTd.eq(i).text()+"&";
            }else if((i+1)%eleTh.length==10){//开门、关门
               ArrTd+=eleTd.eq(i).text()+"&";
         {
            var _index = (i+1)%eleTh.length;
            var _icon = eleTd.eq(i).find('.icon');
            var _fa = eleTd.eq(i).find('.fa');
            if(_icon.length) {
               ArrTd+=eleTd.eq(i).find('.icon').data('msg')+"&";
            }else if(_fa.length){
               ArrTd+=eleTd.eq(i).find('.fa').data('msg')+"&";
            }else{
                ArrTd+=eleTd.eq(i).text()+"&";
               ArrTd+=eleTd.eq(i).text()+"&";
            }
         }
         eleTh_Text.attr('value',ArrTh);