modify

api/request.js

@@ -11,10 +11,10 @@
 // // const BASEURL = "http://101.133.214.75:8080/Device_Manager/";
 
 // //最新测试url
-// // const BASEURL = "http://121.40.217.77:8080/Device_Manager/";
+const BASEURL = "http://121.40.217.77:8080/Device_Manager/";
 
 //本地调试url
-const BASEURL = "http://127.0.0.1:8080/Device_Manager/";
+// const BASEURL = "http://127.0.0.1:8080/Device_Manager/";
 
 // 用户名、 密码
 const LOGIN_NAME = "admin";
@@ -168,53 +168,64 @@ const RECORD_STATIC_AND_SELECT = 'iot/spotoperationrecord/getList3' //维保记
 
 
 function ajaxRequest(path, method, data, success, error, type = 1) {
-
     let url = path;
-
     if (url.indexOf("http") == -1) {
         url = BASEURL + path;
     }
-
     let loginUser = {
         "V_LOGINNAME": LOGIN_NAME,
         "V_PASSWORD": LOGIN_PASSWORD,
     }
-
     if (type == 1) {
         data.queryJson = JSON.stringify(loginUser);
-    } else {
 
-        let paramJson = {};
+    } else if(type == 2) {
 
+        let paramJson = {};
         for (key in loginUser) {
             paramJson[key] = loginUser[key];
         }
-
         for (key in data) {
             paramJson[key] = data[key];
         }
+        data = {}
+        data.queryJson = JSON.stringify(paramJson);
 
+    }else{
+        let paramJson = {};
+        for (key in loginUser) {
+            paramJson[key] = loginUser[key];
+        }
+        for (key in data) {
+            paramJson[key] = data[key];
+        }
+       
         data = {}
+        data.page = paramJson['page'];
+        data.limit = paramJson['limit'];
+        data.start = paramJson['start'];
+
+        delete paramJson.page;
+        delete paramJson.limit;
+        delete paramJson.start;
         data.queryJson = JSON.stringify(paramJson);
+        
     }
 
-
     $.ajax({
         async: false, //同步
         data: data,
         url: url,
         type: method, //请求方式 post get delete put
         dataType: "json",
-        beforeSend: function(XMLHttpRequest) {
+        beforeSend: function (XMLHttpRequest) {
             // $("#loading").html("<img src='images/loading.gif' />")
             // handlePreloader();
             // $(".loadingdata").append('<div class="preloader"></div>');
-
         },
         success: success,
         error: error
     });
-
 }
 
 

css/common.css

@@ -860,28 +860,28 @@ border: 1px solid #ffffff;
     pointer-events: none
 }
 
-.pure-table-inner tr th:first-child,
-.pure-table-inner tr td:first-child {
+.queryCompanyList .pure-table-inner tr th:first-child,
+.queryCompanyList .pure-table-inner tr td:first-child {
     width: 24px
 }
 
-.pure-table-inner tr th:nth-child(2),
-.pure-table-inner tr td:nth-child(2) {
+.queryCompanyList .pure-table-inner tr th:nth-child(2),
+.queryCompanyList .pure-table-inner tr td:nth-child(2) {
     width: 25%
 }
 
-.pure-table-inner tr th:nth-child(3),
-.pure-table-inner tr td:nth-child(3) {
+.queryCompanyList .pure-table-inner tr th:nth-child(3),
+.queryCompanyList .pure-table-inner tr td:nth-child(3) {
     width: 25%
 }
 
-.pure-table-inner tr th:nth-child(4),
-.pure-table-inner tr td:nth-child(4) {
+.queryCompanyList .pure-table-inner tr th:nth-child(4),
+.queryCompanyList .pure-table-inner tr td:nth-child(4) {
     width: 15%
 }
 
-.pure-table-inner tr th:nth-child(5),
-.pure-table-inner tr td:nth-child(5) {
+.queryCompanyList .pure-table-inner tr th:nth-child(5),
+.queryCompanyList .pure-table-inner tr td:nth-child(5) {
     width: 16%
 }
 

css/per-manage.css

@@ -141,6 +141,7 @@ ul.depart-opera {
     margin-right: 0.2rem;
     font-size: 0.2rem;
     border: none;
+    background:#fff;
 }
 
 .member-choose a.button {

js/record.js

@@ -4,11 +4,12 @@ var totalPages = 0;
 var param1 = '';
 var param2 = '';
 var param3 = '';
+var param4 = '';
+var param5 = '';
 
 
 // 数据统计及责任人下拉 start
 getStaticAndSelectAjax();
-
 function getStaticAndSelectAjax(queryParam = {}) {
 
     ajaxRequest(RECORD_STATIC_AND_SELECT, "POST", queryParam, function(result) {
@@ -18,38 +19,35 @@ function getStaticAndSelectAjax(queryParam = {}) {
         $('#csrw').html(result.csrw)
         $('#jrwcrw').html(result.jrwcrw)
 
-
         let items = '';
         data.forEach(function(item, key) {
             items += `<option value="${item.person_liable_id}">${item.name}</option>`
         })
-        $('#zrr').append(items);
+        $('#person_liable_id').append(items);
     }, function(errorMsg) {
         alert("请求数据失败!");
     })
 }
-// 数据统计end
+// 数据统计及责任人下拉end
 
 //列表渲染
 getListDataAjax();
 
 //获取列表 ajax请求
 function getListDataAjax(queryParam = {}, page = 1) {
-
     queryParam.page = page;
     queryParam.limit = 4; //每页显示条数
     queryParam.start = (queryParam.page - 1) * queryParam.limit;
-
     ajaxRequest(RECORD_LIST, "POST", queryParam, function(result) {
         let data = result.RESULT;
         let items = '';
         if (result.totalCount > 0) {
             data.forEach(function(item, key) {
                 items += "<tr>" +
-                    "<td class='status'  data-id=" + item.id + "></td>" +
+                    "<td class='status'></td>" +
                     "<td>" + item.xh + "</td>" +
                     "<td>" + item.plan_name + "</td>" +
-                    "<td>查看</td>" +
+                    "<td ><a class='view-detail' data-id=" + item.phone + ">查看</a></td>" +
                     "<td>" + item.ywcsj + "</td>" +
                     "<td>" + item.zt + "</td>" +
                     "<td>" + item.completion + "</td>" +
@@ -58,29 +56,29 @@ function getListDataAjax(queryParam = {}, page = 1) {
                     "</tr>"
             })
             $('#dataList').html(items);
+        }else{
+            $('#dataList').html('');
         }
-
         console.log(result)
-        console.log(result.totalCount / result.limit)
         totalPages = result.totalCount / result.limit;
+        totalPages= Math.ceil(totalPages);
         $('#totalPage').html(totalPages); //总共多少页
         $('#dataTotal').html(result.totalCount); //总共多少条数据
         $('#currentPage').val(page); //当前页面
         let pageFrom = (page - 1) * result.limit + 1; //开始
         let pageTo = result.page * result.limit; //结束
-        // pageTo = pageTo > result.totalCount ? result.totalCount : pageTo;
+        pageTo = pageTo > result.totalCount ? result.totalCount : pageTo;
         $('#pageFrom').html(pageFrom);
         $('#pageTo').html(pageTo);
 
         // 无数据时
-        if (!data.length) {
+        if (!result.totalCount) {
             $('.pager.has-data').hide()
             $('.pager.no-data').show()
         } else {
             $('.pager.has-data').show()
             $('.pager.no-data').hide()
         }
-
         if (page < totalPages) {
             $('#nextPageButton,#lastPageButton').removeClass('disabled');
         } else {
@@ -93,54 +91,37 @@ function getListDataAjax(queryParam = {}, page = 1) {
         }
     }, function(errorMsg) {
         alert("请求数据失败!");
-    })
+    },3)
 }
 
 
-//分页操作
-$('#firstPageButton').on('click', function() {
-    page = 1;
-    getListDataAjax(getSearchParamObj(), 1);
-})
-
-$('#lastPageButton').on('click', function() {
-    page = totalPages;
-    getListDataAjax({}, page);
-})
-
-$('#prevPageButton').on('click', function() {
-    page -= 1;
-    getListDataAjax(getSearchParamObj(), page);
-})
-
-$('#nextPageButton').on('click', function() {
-    page += 1;
-    getListDataAjax(getSearchParamObj(), page);
-})
-
-
-
-
 
 //按钮搜索
 $('#buttonSearch').on('click', function() {
     page = 1;
     getListDataAjax(getSearchParamObj());
 
-    param1 = $('#time_start').val()
-    param2 = $('#time_end').val()
-    param3 = $('#clzt').val()
+    param1 = $('#data3a').val()
+    param2 = $('#data3b').val()
+    param3 = $('#zt').val()
+    param4 = $('#plan_name').val()
+    param5 = $('#person_liable_id').val()
 })
 
 //拼接搜索条件
 function getSearchParamObj() {
     let queryParam = {};
-    let time_start = $('#time_start').val();
-    let time_end = $('#time_end').val()
-    let clzt = $('#clzt').val()
-    queryParam.time_start = time_start;
-    queryParam.time_end = time_end;
-    queryParam.clzt = clzt;
+    let data3a = $('#data3a').val();
+    let data3b = $('#data3b').val();
+    let zt = $('#zt').val();
+    let plan_name = $('#plan_name').val()
+    let person_liable_id=$('#person_liable_id').val();
+
+    queryParam.data3a = data3a;
+    queryParam.data3b = data3b;
+    queryParam.zt = zt;
+    queryParam.plan_name =  plan_name;
+    queryParam.person_liable_id =  person_liable_id;
     return queryParam;
 }
 
@@ -152,138 +133,49 @@ $('.pg-refresh').click(resetForm);
 //重置表单
 function resetForm() {
     page = 1;
-    $("#clzt").val("");
-    $("#time_start").val("");
-    $("#time_end").val("");
+    
+    $("#data3a").val("");
+    $("#data3b").val("");
+    $("#zt").val("4");
+    $("#plan_name").val("");
+    $("#person_liable_id").val("");
     getListDataAjax(getSearchParamObj());
 
-    param1 = $('#time_start').val()
-    param2 = $('#time_end').val()
-    param3 = $('#clzt').val()
-}
-
-
-
-
-//单位下拉
-getNameList()
-
-//单位下拉 ajax请求
-function getNameList() {
-    ajaxRequest(DEVICE_TYPE_COMPANYLIST, "POST", {}, function(result) {
-        let data = result.RESULT;
-        let items = '';
-        data.forEach(function(item, key) {
-            items += `<option value="${item.owner_id}">${item.owner_name}</option>`
-        })
-        $('#getNameList').append(items);
-        $('#getNameList2').append(items);
-    }, function(errorMsg) {
-        alert("请求数据失败!");
-    })
+    param1 = $('#data3a').val()
+    param2 = $('#data3b').val()
+    param3 = $('#zt').val()
+    param4 = $('#plan_name').val()
+    param5 = $('#person_liable_id').val()
 }
 
-/*新增 修改 关闭 弹框*/
-var layer = layui.layer;
-var layerCreateIndex = '';
-var layerUpdateIndex = ''
-layui.use('layer', function() {
-    //处置弹框信息 
-    $('.handle').click(function() {
-        if (!$('.pure-table tr').has('.checked').length) {
-            layer.msg('请选择一条需要修改的信息!', { icon: 5 });
-        } else {
-            //重新渲染表单
-            $('#handleDataForm')[0].reset()
-            layui.use(['form'], function() {
-                var form = layui.form;
-                form.render('radio');
-            });
-            let userInfo = $('.pure-table tr').find('.checked').data('user');
-            $('.handleDataOut input[name=company_name]').val(userInfo.company_name)
-            $('.handleDataOut input[name=name]').val(userInfo.name)
-            $('.handleDataOut input[name=data]').val(userInfo.data)
-            $('.handleDataOut input[name=id').val(userInfo.id)
-            $('.handleDataOut input[name=dwtype]').val(userInfo.dwtype)
-            $('.handleDataOut input[name=status]').val(userInfo.status)
-            $('.handleDataOut input[name=device_code]').val(userInfo.device_code)
-            $('.handleDataOut textarea[name=clnr]').val(userInfo.clnr)
-            if (userInfo.clzt == "已处理") {
-                $('.handleDataOut textarea[name=clnr]').attr({ readonly: 'true' })
-                $('#handleUpdate').addClass('disabled')
-                $('.handle-range').hide()
-                $('.handleDataOut input[name=device_code]').val(userInfo.device_code)
-                $('.handleDataOut input[name=clwb]').val(userInfo.clwb);
-                $("input[type=radio]").attr("disabled", "true")
-                if (userInfo.clwb == 0) {
-                    $("#no").prop("checked", true);
-                } else {
-                    $("#yes").prop("checked", true);
-                }
-                layui.use(['form'], function() {
-                    var form = layui.form;
-                    form.render('radio');
-                });
-            } else {
-                $('.handleDataOut textarea[name=clnr]').removeAttr("readonly")
-                $("input[type=radio]").removeAttr("disabled")
-                $('#handleUpdate').removeClass('disabled')
-                $('.handle-range').show()
-                layui.use(['form'], function() {
-                    var form = layui.form;
-                    form.render('radio');
-                });
-            }
 
-            layerUpdateIndex = layer.open({
-                type: 1,
-                title: false,
-                closeBtn: 0,
-                shadeClose: true,
-                skin: 'yourclass',
-                area: ['410px', '440px'],
-                content: $(".handleDataOut"),
-                success: function() {
-                    $('.clsBtn,.cancel').click(function() {
-                        layer.close(layerUpdateIndex);
-                    })
-                }
-            });
-        }
-    })
+//分页操作
+$('#firstPageButton').on('click', function() {
+    page = 1;
+    getListDataAjax(getSearchParamObj(), 1);
 })
 
-/* 处置发送请求 */
-$('#handleUpdate').click(function() {
-
-    //获取表单的值 并转换成对象
-    let allParam = serializeArrayToObj($("#handleDataForm").serializeArray());
-
-    //验证数据是否为空
-    let res = validParamIsEmpty(allParam, {
-        "clnr": "请输入处理内容",
-    });
+$('#lastPageButton').on('click', function() {
+    page = totalPages;
+    getListDataAjax({}, page);
+})
 
-    if (res.code == -1) {
-        alert(res.msg);
-        return;
-    }
+$('#prevPageButton').on('click', function() {
+    page -= 1;
+    getListDataAjax(getSearchParamObj(), page);
+})
 
-    ajaxRequest(EVENT_DANGER_MANAGE_HANDLE, "POST", allParam, function(result) {
-        layer.close(layerUpdateIndex);
-        layer.msg('处置成功!', { icon: 6 });
-        getListDataAjax();
-    }, function(errorMsg) {
-        alert("数据修改失败!");
-    })
+$('#nextPageButton').on('click', function() {
+    page += 1;
+    getListDataAjax(getSearchParamObj(), page);
 })
 
 
 
 // 导出 start
-$('.export').click(function() {
-    getDataExport({ "time_start": param1, "time_end": param2, "clzt": param3 })
-})
+// $('.export').click(function() {
+//     getDataExport({ "data3a": param1, "data3b": param2, "zt": param3, "plan_name": param4, "person_liable_id": param5 })
+// })
 
 function getDataExport(queryParam = {}) {
     // 输出base64编码
@@ -298,11 +190,11 @@ function getDataExport(queryParam = {}) {
                 var time = item.time.time ? getFormatDate(item.time.time) : '';
                 var clsj = item.clsj.time ? getFormatDate(item.clsj.time) : '';
 
-                newData.push({ orderIdx: item.orderIdx, company_name: item.company_name, time: time, data: item.data, data4: item.data4, fullname: item.fullname, clzt: item.clzt, clr: item.clr, clsj: clsj })
+                newData.push({ orderIdx: item.orderIdx, company_name: item.company_name, time: time, data: item.data, data4: item.data4, fullname: item.fullname, zt: item.zt, clr: item.clr, clsj: clsj })
             });
         }
 
-        let str = '<tr style="text-align:center"><th>序号</th><th>单位名称</th><th>上报时间</th><th>报告数据</th><th>告警值</th><th>报告内容</th><th>处理状态</th><th>处理人</th><th>处理时间</th></tr>';
+        let str = '<tr style="text-align:center"><th>序号</th><th>任务名称</th><th>维保点位</th><th>应完成时间</th><th>当前状态</th><th>完成情况%</th><th>相关责任人</th><th>联系电话</th></tr>';
         // 循环遍历，每行加入tr标签，每个单元格加td标签
         for (let i = 0; i < newData.length; i++) {
             str += '<tr style="text-align:center">';
@@ -330,7 +222,7 @@ function getDataExport(queryParam = {}) {
         const link = document.createElement("a");
         link.href = uri + base64(template);
         // 对下载的文件命名
-        link.download = "隐患管理数据表.xls";
+        link.download = "维保记录数据表.xls";
         link.click();
 
     }, function(errorMsg) {

pages/operation/record.html

@@ -19,25 +19,25 @@
         <div class="member-choose">
             <span>完成时间</span>
             <div class="layui-inline">
-                <input type="text" id="time_start" class="layui-input test-item" placeholder="所有">
+                <input type="text" id="data3a" class="layui-input test-item" placeholder="所有">
             </div>
             <span>~</span>
             <div class="layui-inline">
-                <input type="text" id="time_end" class="layui-input test-item" placeholder="所有">
+                <input type="text" id="data3b" class="layui-input test-item" placeholder="所有">
             </div>
             <span>任务状态</span>
-            <select name="" id="clzt">
-                <option value="">所有</option>
+            <select name="" id="zt">
+                <option value="4">所有</option>
                 <option value="0">未开始</option>
                 <option value="1">进行中</option>
-                <option value="2">完成</option>
-                <option value="3">超时</option>
+                <option value="3">完成</option>
+                <option value="2">超时</option>
             </select>
             <span>任务名称</span>
-            <input type="text" id="buildName">
+            <input type="text" id="plan_name">
 
             <span>责任人</span>
-            <select name="" id="zrr">
+            <select name="" id="person_liable_id">
                 <option value="">所有</option>
             </select>
 
@@ -117,72 +117,43 @@
         暂无数据
     </div>
 
-    <div class="xcConfirm handleDataOut" style="display:none">
-        <!-- 处置弹框 -->
+    <!-- 详情弹框 -->
+    <div class="xcConfirm queryPointDetailList" style="display:none">
+        <div class="xc_layer"></div>
         <div class="popBox">
             <div class="ttBox">
                 <a class="clsBtn"></a>
-                <span class="tt">处置详情</span>
+                <span class="tt">详情</span>
             </div>
-            <form action="" id="handleDataForm">
-                <div class="txtBox ">
-                    <div>
-                        <span>单位名称：</span>
-                        <input type="text" name="company_name" readonly>
-                    </div>
-                    <div>
-                        <span>设备名称：</span>
-                        <input type="text" name="name" readonly>
-                    </div>
-                    <div>
-                        <span>报告数据：</span>
-                        <input type="text" name="data" readonly>
-                    </div>
-                    <div class="error-radio layui-form">
-                        <span>误报：</span>
-                        <div class="layui-form-item">
-                            <div class="layui-input-block">
-                                <input id="yes" type="radio" name="clwb" value="1" title="是" checked>
-                                <input id="no" type="radio" name="clwb" value="0" title="否">
-                            </div>
-                        </div>
-                    </div>
-                    <div class="error-radio layui-form handle-range">
-                        <span>处理范围：</span>
-                        <div class="layui-form-item">
-                            <div class="layui-input-block">
-                                <input type="radio" name="clwb1" value="" title="批量" checked>
-                                <input type="radio" name="clwb1" value="" title="单一">
-                            </div>
-                        </div>
-                    </div>
-                    <div>
-                        <span>处理内容：</span>
-                        <textarea name="clnr" id="" cols="10" rows="5"></textarea>
-                    </div>
-                    <div style="opacity:0">
-                        <span>数据id：</span>
-                        <input type="text" name="id">
-                    </div>
-                    <div style="opacity:0">
-                        <span>设备类型：</span>
-                        <input type="text" name="dwtype">
-                    </div>
-                    <div style="opacity:0">
-                        <span>数据上报状态：</span>
-                        <input type="text" name="status">
-                    </div>
-                    <div style="opacity:0">
-                        <span>设备编号：</span>
-                        <input type="text" name="device_code">
-                    </div>
+            <div class="member">
+                <div class="member-choose"  style="margin:0.4375rem 0">
+                    <span>维保状态</span>
+                    <select name="" id="">
+                        <option value="0">所有</option>
+                        <option value="1">未完成</option>
+                        <option value="2">已完成</option>
+                    </select>
                 </div>
-            </form>
-
-            <div class="btnArea">
-                <div class="btnGroup">
-                    <a class="sgBtn ok" id="handleUpdate"><img src="../../images/accept.png" alt=""> 提交</a>
-                    <a class="sgBtn cancel"><img src="../../images/cancel.png" alt="">关闭</a>
+                <table class="pure-table pure-table-inner" cellspacing="0px" style="width: 96%;margin-left: 2%;">
+                    <thead>
+                        <tr>
+                            <th style="width:24px">
+                            </th>
+                            <th>点位名称</th>
+                            <th>点位地址</th>
+                            <th>维保状态</th>
+                            <th>维保人</th>
+                            <th>维保时间</th>
+                            <th>点位详情</th>
+                            <th>维保报告</th>
+                        </tr>
+                    </thead>
+                </table>
+                <div class="scroll" style="height:270px;overflow-y:auto;width:98%">
+                    <table class="pure-table pure-table-inner result" cellspacing="0px" style="width: 98%;margin-left: 2%;">
+                        <tbody id="dataList2">
+                        </tbody>
+                    </table>
                 </div>
             </div>
         </div>
@@ -207,7 +178,7 @@
             var laydate = layui.laydate;
             //开始日期
             var insStart = laydate.render({
-                elem: '#time_start',
+                elem: '#data3a',
                 trigger: 'click',
                 done: function(value, date) {
                     //更新结束日期的最小日期
@@ -221,7 +192,7 @@
 
             //结束日期
             var insEnd = laydate.render({
-                elem: '#time_end',
+                elem: '#data3b',
                 trigger: 'click',
                 done: function(value, date) {
                     //更新开始日期的最大日期
@@ -232,6 +203,104 @@
             });
 
         });
+
+
+
+
+
+        // 详情弹框js start
+
+
+        //详情弹框
+$(document).on('click', 'a.view-detail', function() {
+
+let dataId = $(this).data('id'); //单位ID
+alert(dataId)
+companyId = dataId;
+
+layerDepartmentIndex = layer.open({
+    type: 1,
+    title: false,
+    closeBtn: 0,
+    shadeClose: true,
+    skin: 'yourclass',
+    area: ['700px', '500px'],
+    content: $(".queryPointDetailList"),
+    success: function() {
+        getPointDetailAjax({ "_dc": dataId })
+            //获取部门列表 ajax请求
+        $('.clsBtn,.cancel').click(function() {
+            layer.close(layerDepartmentIndex);
+        })
+    }
+})
+
+})
+
+
+//获取列表 ajax请求
+function getPointDetailAjax(queryParam = {}, page = 1) {
+    queryParam.page = page;
+    queryParam.limit = 4; //每页显示条数
+    queryParam.start = (queryParam.page - 1) * queryParam.limit;
+    ajaxRequest(RECORD_LIST, "POST", queryParam, function(result) {
+        let data = result.RESULT;
+        let items = '';
+        if (result.totalCount > 0) {
+            data.forEach(function(item, key) {
+                items += "<tr>" +
+                    "<td class='status'></td>" +
+                    "<td>" + item.xh + "</td>" +
+                    "<td>" + item.plan_name + "</td>" +
+                    "<td ><a class='view-detail' data-id=" + item.phone + ">查看</a></td>" +
+                    "<td>" + item.ywcsj + "</td>" +
+                    "<td>" + item.zt + "</td>" +
+                    "<td>" + item.completion + "</td>" +
+                    "<td>" + item.name + "</td>" +
+                    "<td>" + item.phone + "</td>" +
+                    "</tr>"
+            })
+            $('#dataList').html(items);
+        }else{
+            $('#dataList').html('');
+        }
+        console.log(result)
+        totalPages = result.totalCount / result.limit;
+        totalPages= Math.ceil(totalPages);
+        $('#totalPage').html(totalPages); //总共多少页
+        $('#dataTotal').html(result.totalCount); //总共多少条数据
+        $('#currentPage').val(page); //当前页面
+        let pageFrom = (page - 1) * result.limit + 1; //开始
+        let pageTo = result.page * result.limit; //结束
+        pageTo = pageTo > result.totalCount ? result.totalCount : pageTo;
+        $('#pageFrom').html(pageFrom);
+        $('#pageTo').html(pageTo);
+
+        // 无数据时
+        if (!result.totalCount) {
+            $('.pager.has-data').hide()
+            $('.pager.no-data').show()
+        } else {
+            $('.pager.has-data').show()
+            $('.pager.no-data').hide()
+        }
+        if (page < totalPages) {
+            $('#nextPageButton,#lastPageButton').removeClass('disabled');
+        } else {
+            $('#nextPageButton,#lastPageButton').addClass('disabled');
+        }
+        if (page === 1) {
+            $('#firstPageButton,#prevPageButton').addClass('disabled');
+        } else {
+            $('#firstPageButton,#prevPageButton').removeClass('disabled');
+        }
+    }, function(errorMsg) {
+        alert("请求数据失败!");
+    },1)
+}
+
+
+
     </script>
 </body>