hdw
2018-10-19 93b5c564dc708050f7f8586ae2b5888d8502f0a1
gx_tieta/WebRoot/batt-state-statistical.jsp
@@ -17,6 +17,8 @@
   <link rel="stylesheet" type="text/css" href="css/basic-layout.css"/>
   <link rel="stylesheet" href="css/sidebar.css" />
   <link rel="stylesheet" href="css/confirm.css" />
   <link rel="stylesheet" href="src/css/layui.css" />
   <link rel="stylesheet" href="pages/css/mylayui.css">
   <style type="text/css">
      .b8cfe5 {
         background-color: #b8cfe5 !important;
@@ -33,12 +35,8 @@
   <!--头部内容结束-->
   <!--导航开始-->
   <jsp:include page="nav.jsp" flush="true"/>
   <div class="page-content">
      <div class="content-item data-show">
         <div class="data-container">
            <!-- 筛选条件 -->
            <div class="filter-container">
               <div class="filter-title"><a href="javascript:changeFilterStats();">基站状态统计查询--&gt;<s:text name="Show/hide_the_query_conditions"/></a></div>
      <div class="filter-title"><a href="javascript:;">基站状态统计查询--&gt;<s:text name="Show/hide_the_query_conditions"/></a></div>
               <div class="filter-content">
                  <table>
                     <tbody>
@@ -80,15 +78,9 @@
                  </table>
                  <table class="condi-opt">
                     <tr>
                           <input type="hidden" id="ALM_TYPE_BTS9100S_POFF_ComError" name=""  value="" class="" />      <!-- 停电 -->
                           <input type="hidden" id="ALM_TYPE_BTS9100S_FADIAN_ComError" name=""  value="" class="" />      <!-- 发电 -->
                           <input type="hidden" id="ALM_TYPE_BTS9100S_DIAOZHAN_ComError" name=""  value="" class="">         <!-- 掉站 -->
                        <input type="hidden" id="ALM_TYPE_BTS9100S_DOOROPEN_ComError"   name="" value="" class="" >                                    <!-- 开门,开关电源异常 -->
                        <input type="hidden" id="ALM_TYPE_BTS9100S_TEMPUP_ComError" name=""    value="" class="">
                        <input type="hidden" id="ALM_TYPE_BTS9100S_TEMPLOW_ComError" name=""    value="" class="">                                    <!-- 温度异常 -->
@@ -104,10 +96,10 @@
               <input type="hidden" id="table_th_arr" name="table_th_arr"/>
               <input type="hidden" id="table_td_arr" name="table_td_arr"/>
            </form>   
   <div style="width: 100%;overflow:hidden;">
      <table id="eleInfoTbl" lay-filter="eleInfoTbl"></table>
   </div>
            
            <!-- 数据表格显示 -->
            <div class="tbl-header"></div>
            <div class="tbl-body"></div>
            <div class="data-footer">
               <!-- 分页内容 -->
               <div id="paging">
@@ -126,9 +118,8 @@
                  </span>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div id="details"></div>
   <div id="detailsOpts"></div>
   <script type="text/javascript" src="jqueryui/jquery-ui.min.js"></script>
   <script type="text/javascript" src="js/equip-stats-change.jquery.ui.js"></script>
   <script type="text/javascript" src="js/eleHistWarn1-jquery.ui.js"></script>
@@ -138,6 +129,10 @@
   <script type="text/javascript" src="js/myConfirm.js"></script>   
   <script type="text/javascript" src="js/myinterval.js"></script>
   <script type="text/javascript" src="js/pageUtil.js"></script>
   <script type="text/javascript" src="src/layui.js"></script>
   <script type="text/html" id="toolBar">
      <a class="layui-btn layui-btn-xs" lay-event="details">详情</a>
   </script>
   <script type="text/javascript">
      var permits;
      <%   Object obj=session.getAttribute("permits");
@@ -146,164 +141,125 @@
            permits=<%=permits%>;
            //console.info(json);
      <%   }   %>
      var Page = {
         pageCurr:1,
         pageSize:10,
         pageAll:0
      // 应用layui框架
      layui.use(['layer', 'table', 'form', 'laytpl', 'element'],function() {
         var layer = layui.layer    // 获取layer模块
            ,table = layui.table    // 获取table模块
            ,form = layui.form;
         // 表格数据配置项
         var tOptions = {
            elem: '#eleInfoTbl'
            ,toolbar: false
            ,defaultToolbar: ['exports', 'filter']
            ,cellMinWidth: 80
            ,cols: [[
             {field:'note', title:'告警时间段', align:'center'}
             ,{field:'stationName', title:'机房名称', align:'center'}
             ,{field:'station_event_type_poff', title:'停电次数', align:'center'}
             ,{field:'station_event_type_fadian', title:'发电次数', align:'center'}
             ,{field:'station_event_type_diaozhan', title:'掉站次数', align:'center'}
             ,{field:'station_event_type_dooropen', title:'开门异常次数', align:'center'}
             ,{field:'station_event_type_tempup', title:'温度上限告警', align:'center'}
             ,{field:'station_event_type_templow', title:'温度下限告警', align:'center'}
             ,{field:'station_event_type_dampup', title:'湿度上限告警', align:'center'}
             ,{field:'station_event_type_damplow', title:'温度下限告警', align:'center'}
             ,{fixed: 'right', title:'详情', toolbar: '#toolBar', width: 70}
             ]]
            ,data:[]
             ,page: false
             ,height: 'full-280'
      };
      
      var ArrWarnTh;    //表头数据
      var ArrWarnTb;    //表格数据
         // 生成表格数据
         table.render(tOptions);
      
      $(function () {
         // 初始化页面的数据
         //自定义数组变量,数组的值为电池告警表格的表头   编号            机房名称                     电池组名称                        告警名称                     单体编号                        告警值                     告警等级                     告警确认                        告警确认时间                        告警开始时间                     告警截止时间
         ArrWarnTh = ['告警时间段','机房名称','停电次数','发电次数','掉站次数','开门异常次数','温度上限告警','温度下限告警','湿度上限告警','湿度下限告警','详情'];
         ArrWarnTb = new Array(); // 用于存放表格数据
         // 点击表格工具栏详情
         table.on('tool(eleInfoTbl)', function(obj) {
            //details
            var event = obj.event;
            switch(event) {
               case 'details':
                  var param = getSearchOpts(obj.data);
                  searchStationHistRecord(param);
                  //console.log(obj.data);
               break;
            }
         });
         
         createFullTbl($('.tbl-header'), $('.tbl-body'), ArrWarnTh, ArrWarnTb);
         //查询基站详情
         function searchStationHistRecord(param){
            // 将param添加到#detailsOpts
            $('#detailsOpts').data('data', param);
         
         // 点击表格的右键显示右键菜单
         var $tblBody = $('.tbl-body');
         var tblBody = $tblBody.get(0);
         tblBody.oncontextmenu = function() {
            return false;
            // 请求获取当前省下的市
            $.ajax({
               type: "post",
               url: "Bts_station_eventAction!serchByInfo",
               async:true,
               dataType:'json',
               data:"json = "+JSON.stringify(param),
               success: function(data){
                  var rs = JSON.parse(data.result);
                  //console.info(rs);
                  if(rs.code == 1) {
                     $('#details').data('data', rs.data);
                     var txt = param.stationname;
                     // 显示面板
                     layer.open({
                        type: 2,
                        title: txt+'<span style="font-weight:bold">>>详情</span>',
                        area: ['1200px', '500px'],
                        fixed: false, //不固定
                        maxmin: true,
                        content: 'iframe/batt-state-statistical-details.html'
                     });
                  }else {
                     layer.msg(rs.msg);
                  }
               }
             });
         }
         // 构造查询详情条件
         function getSearchOpts(data) {
            var timearr = data.note.split('~');
            var param = {
               stationname: data.stationName,
               dev_id:data.dev_id,
               record_datetime:timearr[0],
               record_datetime_end:timearr[1],
               station_event_type:0,                        //1:基站停电      2:基站续航   3:基站发电      4:基站开门   5:基站掉站   6:基站温度上限   7:基站温度下限   8:基站湿度上限   9:基站湿度下限
               page:{
                  pageSize:10,          //每页的行数
                  pageCurr:1            //当前页码数
               }
         };
         
         $('.tbl-body').on('click', 'table tbody tr', function() {
            $('.tbl-body table tbody tr').removeClass('b8cfe5');
            $(this).addClass('b8cfe5');
         });
         var menuItems = [
            {cla:'all-pitch', txt:'全部选中'},
            {cla:'del', txt:'删除'}
         ];
         $('.tbl-body').on('mousedown', 'table tbody tr', function(e) {
            //利用jquery的方式获取当前点击的是否是右键
            if(e.which==3) {
               if(!$(this).hasClass('b8cfe5')) {
                  $('.tbl-body table tbody tr').removeClass('b8cfe5');
                  $(this).addClass('b8cfe5');
               }
               //alert($(this).attr('class'));
               var disX=(e||event).clientX+10;   //获取鼠标点击的横坐标
               var disY=(e||event).clientY+10;   // 获取鼠标点击的纵坐标
               var scrollY=$(document).scrollTop();
               rightMenu.showMenu(menuItems,disX, disY);
            }
         });
      });
      // 点击全部选中触发条件
      $('body').on('click', '#rightMenu .all-pitch', function() {
         $('.tbl-body table tbody tr').addClass('b8cfe5');
      });
      //导出表格
      $('#export_table').click(function(){
         exprotTable($('.tbl-body table thead th'),$('.tbl-body table tbody td'),$('#export_excel'),$('#table_th_arr'),$('#table_td_arr'));
      });
      //导出表格数据的方法
      function exprotTable(eleTh,eleTd,eleform,eleTh_Text,eleTd_Text){
         //alert("导出");
         var ArrTh=new Array();
         for(var i=0;i<eleTh.length;i++)
         {
             ArrTh[i]=eleTh.eq(i).text();
         }
         var ArrTd=new Array();
         for(var i=0;i<eleTd.length;i++)
         {
            if(eleTd.eq(i).find('input').length!=0){
               //alert(12);
               if(eleTd.eq(i).find('input').is(':checked')){
                  ArrTd[i]='是';
               }else{
                  ArrTd[i]='否';
               }
            }else{
                ArrTd[i]=eleTd.eq(i).text();
            }
         }
         eleTh_Text.attr('value',ArrTh);
         eleTd_Text.attr('value',ArrTd);
         //console.info(ArrTh);
         //console.info(ArrTd);
         eleform.submit();
            return param;
      }
      
      $(function(){
         //点击查询按钮
         $('#paging .search').click(function(){
            //var check = $("#ALM_TYPE_BTS9100S_FADIAN_ComError").attr("checked");
            //console.info(check);
            serachBattStatistical();
         });
      });
      var formjson;
         // 查询内容
      function serachBattStatistical(){
         var temp = createSearchForm();
         var json = JSON.stringify(temp);
         ArrWarnTb = new Array();
         $.ajax({
            type:"post",
            url:"Batt_devalarm_data_historyAction!serchStateBydev_id",
               url:"Bts_station_eventAction!serchByCondition",
            async:true,
            dataType:'json',
            data:"json="+json,
            success:function(data){
               var data=JSON.parse(data.result);
               var index=0;
               //console.info(data);
               if(data.code==1&&data!=null){
                  data=data.data;
                  Page.pageAll = data.length;
                  var pageNum=Math.ceil(Page.pageAll/Page.pageSize);
                  $('#total').text(Page.pageAll);
                  $('#current').text(Page.pageCurr+"/"+pageNum);
                  var currentStartdata=Math.ceil((Page.pageCurr-1)*Page.pageSize);
                  var currenEnddata = 0;
                  if(Page.pageAll-(Page.pageCurr-1)*Page.pageSize<Page.pageSize){
                     currenEnddata =(Page.pageAll-(Page.pageCurr-1)*Page.pageSize)+(Page.pageCurr-1)*Page.pageSize;
                  }else{
                     currenEnddata = (Page.pageCurr)*Page.pageSize;
                     tOptions.data = data.data;
                  }
                  //console.info(currenEnddata);
                  for(i=currentStartdata;i<currenEnddata;i++){
                  //console.info(data);
                     ArrWarnTb[index++]=data[i].dev_ip;        //告警时间段
                     ArrWarnTb[index++]=data[i].stationName;   //机房名称
                     ArrWarnTb[index++]=data[i].num;              //停电
                     ArrWarnTb[index++]=data[i].record_id;      //发电次数
                     ArrWarnTb[index++]=data[i].alm_type;      //掉站次数
                     ArrWarnTb[index++]=data[i].alm_level;      //开门异常
                     ArrWarnTb[index++]=data[i].alm_is_confirmed;//温度上限
                     ArrWarnTb[index++]=data[i].alm_cleared_type;//温度下限
                     ArrWarnTb[index++]=data[i].usr_id;         //湿度上限
                     ArrWarnTb[index++]=data[i].note;         //湿度下限
                     ArrWarnTb[index++]="<a href="" >详情</a>";   //详情
                  }
                  createFullTbl($('.tbl-header'), $('.tbl-body'), ArrWarnTh, ArrWarnTb);
                 }
                    table.render(tOptions);
            }
         })
      } 
      //构造查询条件对象
   //   function creatArrTb(var arr,int){
   //   var arr = new Array();
         
   //      return arr;
   //   }
         // 构造查询条件
      function createSearchForm(){
         var stationid = $('#station_name3').find("option:selected").attr('Stationid');
         var temp={
@@ -311,14 +267,21 @@
               StationName2:$('#city').val(),                                             // 市
               StationName3:$('#station_name3').val(),                                       //机房名称
               StationId: stationid?stationid:0,
               BattInUseDate:$('#startalm').val(),
               BattInUseDate1:$('#endTalm').val(),
                  BattInUseDate:$('#startalm').val()+" 00:00:00",
                  BattInUseDate1:$('#endTalm').val()+" 23:59:59",
               BattGroupNum:$('#statistics').val()            
         };
         //console.info(temp);
         return temp;
      }
      
         //点击查询按钮
         $('#paging .search').click(function(){
            serachBattStatistical();
         });
      });
       // 省-市-机房-电池组
      $(document).ready(function(){
@@ -420,101 +383,6 @@
            }
         });
      }
      //首页
      $('#home').click(function(){
         if(Page!=undefined){
            var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
            if(Page.pageCurr != 1){
               Page.pageCurr=1;
               $('#paging .search').click();
            }
         }
      });
      //点击上一页
      $("#pre").click(function(){
         if(Page!=undefined){
            if(Page.pageCurr > 1){
               Page.pageCurr = Page.pageCurr-1;
               $('#paging .search').click();
            }
         }
      });
      //点击下一页
      $("#next_p").click(function(){
         if(Page!=undefined){
            var pageNum=Math.ceil(Page.pageAll/Page.pageSize);
            if(Page.pageCurr < pageNum){
               Page.pageCurr = Page.pageCurr+1;
               //console.info(Page);
               $('#paging .search').click();
            }
         }
      });
      //尾页
      $('#last').click(function(){
         if(Page !=undefined){
            var pageNum=Math.ceil(Page.pageAll/Page.pageSize);
            if(Page.pageCurr<pageNum){
               Page.pageCurr = pageNum;
               $('#paging .search').click();
            }
         }
      });
      //设置每页行数
      $('#number').blur(function(){
         var value=$('#number').attr("value");
         //当输入的数大于0时
         if(value>0){
            value=parseInt(value);
            if(Page.pageSize != value){
               Page.pageSize = value;
               Page.pageCurr = 1;
            }
         }else{
         //当输入非法数字时
            alert("<s:text name='Please_enter_the_legitimate_number!'/>");         /* 请输入合法的整数 */
            $('#number').attr('value',Page.pageSize);
         }
      });
      //填写完跳转到指定页
      $('#page_num').blur(function(){
         var tarpage=$('#page_num').attr('value');
         if(tarpage>0){
         }else{
            alert("<s:text name='Please_enter_the_legitimate_number!'/>");         /* 请输入合法的数字 */
            $('#page_num').attr('value',Page.pageCurr);
         }
      });
      //点击跳转
      $('#go').click(function(){
         var tarpage=$('#page_num').attr('value');
         tarpage=parseInt(tarpage);
         if(Page!=undefined && Page.pageAll != 0){
            var pageNum=Math.ceil(Page.pageAll/Page.pageSize);
            if(tarpage > pageNum){
               tarpage=pageNum;
               $('#page_num').attr('value',pageNum);
            }
            Page.pageCurr= tarpage;
         }else{
            Page.pageCurr= tarpage;
         }
         $('#paging .search').click();
      });
      
   </script>
  </body>