机房问题记录页面中的分页功能完成

LiJun

2018-11-03 95be4876dc8554fe0679c0940961fadaf73da217

 gx_tieta/WebRoot/batt-fault-manage.jsp

@@ -79,7 +79,7 @@
      <!-- 分页内容 -->

      <div id="paging">

         <a href="javascript:" id="search" class="search"><s:text name="Search"/><!-- 查询 --></a>

         <a href="javascript:" class="export"><s:text name="Export"/><!-- 导出 --></a>

         <!-- <a href="javascript:" class="export"><s:text name="Export"/> --><!-- 导出 --></a>

         <s:text name="At_present"/><!-- 当前 --><span id="current">1/0</span>

         <span><s:text name="Each_page"/><!-- 每页 --><input type="text" id="number" value="10"/><s:text name="Item"/><!-- 条 --></span>

         &nbsp;&nbsp;<s:text name="Total_data"/><!-- 数据总量 --><span id="total">0</span>

@@ -114,6 +114,7 @@
   <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/javascript" src="js/pageUtil.js"></script>

   <script type="text/html" id="toolBar">

      <a class="layui-btn layui-btn-xs" lay-event="details">故障详情</a>

      <a class="layui-btn layui-btn-xs" lay-event="delError">排除故障方案</a>

@@ -126,6 +127,13 @@
            permits=<%=permits%>;

            //console.info(json);

      <%   }   %>

		
      var Page = {

         pageCurr:1,

         pageSize:10,

         pageAll:0

      };

		
      // 应用layui框架

      layui.use(['layer', 'table', 'form', 'laytpl', 'element','jquery'],function() {

         var layer = layui.layer    // 获取layer模块

@@ -140,11 +148,11 @@
            ,toolbar: false

            ,cellMinWidth: 80

            ,cols: [[

              {field:'station_name1', title:'省', align:'center'}

             ,{field:'city', title:'市', align:'center'}

             ,{field:'stationName3', title:'机房名称', align:'center'}

             ,{field:'note', title:'时间', align:'center'}

             ,{field:'error_en', title: '故障排除状态', align: 'center'}

              {field:'station_name1', title:'省', align:'center',width:100}

             ,{field:'city', title:'市', align:'center',width:100}

             ,{field:'stationName3', title:'机房名称', align:'center',width:450}

             ,{field:'note', title:'记录时间', align:'center',width:150}

             ,{field:'error_en', title: '故障排除状态', align: 'center',width:150}

               ,{field:'error_dispose', title: '处理方案', align: 'center'}

             ,{field:'question', title:'故障描述', align:'center'},

             ,{fixed: 'right', title:'操作',toolbar: '#toolBar', width: 200, align:'center'}

@@ -293,7 +301,7 @@
                      for (var i = 0; i <= data.data.length; i++) {

                          $option = $("<option></option>");

                          if (i == 0) {

                              $option.html("全部(" + data.data.length + ")");

                              $option.html("全部(共" + data.data.length + "种)");

                              $option.attr("value", "");

                          } else {

                              $option.text(data.data[i - 1]);

@@ -308,6 +316,7 @@
              });

          });



         //根据省查询市

          function findCity() {

              var data = {

                  StationName1: $("#station_name1").val()

@@ -439,10 +448,7 @@
               StationName1:$('#station_name1').val(),

               StationName2:$('#city').val(),

               StationName5:"",

               page:{

                     pageSize: 10,

                     pageCurr:1

                  },	
               page:Page,	
             };

             return temp; 

          }

@@ -468,7 +474,7 @@
                      for(var i=0;i<data.length;i++){

                         var tmp = {};

                         var _data = data[i];

                         var error_en = _data.error_en?'<a class="layui-btn layui-btn-xs layui-bg-blue">已排除</a>':'<a class="layui-btn layui-btn-xs layui-bg-red">排除中...</a>'

                         var error_en = _data.error_en?'<a class="layui-btn layui-btn-xs layui-bg-blue">已排除</a>':'<a class="layui-btn layui-btn-xs layui-bg-red">排除中...</a>';

                        tmp.station_name1 = _data.stationName1;

                        tmp.city = _data.stationName2;

                        tmp.stationName3 = _data.stationName; 

@@ -480,15 +486,19 @@
                        tmp.county = _data.stationName5;

                        tmp.picture_num = _data.picture_num;

                        tOptions.data.push(tmp);

                        Page.pageAll = _data.page.pageAll;

                      }

                   }else {

                      Page.pageAll = 0;

                     layer.msg('暂无数据！', {icon:0, shade: 0.1,shadeClose:true});

                  }

                  

                  var pageNum = tOptions.data.length;

                  tOptions.limit = pageNum;

                  // 设置分页信息

                  $('#total').text(pageNum);

                  $('#total').text(Page.pageAll);

                  $('#current').text(Page.pageCurr+"/"+Math.ceil(Page.pageAll/Page.pageSize));

						
                  table.render(tOptions);

                   layer.close(load);

                } 

@@ -498,6 +508,45 @@
          $('#search').click(function(){

             searchfault();

          });

		    
		    
          //页面分页

		    
          //点击首页

          $('#home').click(function(){

             GotoFirstPage(Page,searchfault);

          });

		    
		    
          //点击上一页

          $('#pre').click(function(){

             GotoPrePage(Page,searchfault);

          });

		    
          //点击下一页

          $('#next_p').click(function(){

             GotoNextPage(Page,searchfault);

          });

		    
          //点击尾页

          $('#last').click(function(){

             GotoLastPage(Page,searchfault);

          });

		    
          //点击跳转

          $('#go').click(function(){

             GotoAppointPage($('#page_num'),Page,searchfault);

          });

		    
          //设置每页条数事件

          $('#number').blur(function(){

             var pagesize = $('#number').val();

             if(parseInt(pagesize) > 0){

                Page.pageSize = pagesize;

             }else{

                $('#number').val(Page.pageSize);

             }

          });

      });   

   </script>

  </body>