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

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>


 gx_tieta/WebRoot/js/pageUtil.js

@@ -65,7 +65,7 @@
function GotoAppointPage(ele,page,search_fun){

    if(page != null){

        var target = parseInt(ele.val());

        var totalpage = Math.ceil(page.pageAll/page.pageSize)

        var totalpage = Math.ceil(page.pageAll/page.pageSize);

        if(target > 0 && target <= totalpage){

            page.pageCurr = target;

            search_fun();