月报考评

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";
@@ -100,9 +100,7 @@ const DEVICE_LIST_SEARCH = 'device/queryDeviceList' //设备列表查询
 const DEVICE_LIST_ADD = "device/deviceRegister"; //设备列表新增  (本地设备注册)
 const DEVICE_LIST_UPDATE = "device/deviceUpdate"; //设备列表修改   
 const DEVICE_LIST_DELETE = "device/delDevice"; //设备列表删除
-const DEVICE_LIST_EXPORT = "device/queryDeviceListExcel"; //设备列表导出
-
-
+const DEVICE_LIST_EXPORT = "device/queryDeviceListExcel"; //设备列表导出   
 
 
 const DEVICE_TYPE_LIST = 'iot/devicetype/getDeviceTypeList' //设备类型查询
@@ -159,7 +157,12 @@ const LOG_EXPORT = 'iot/log/getLogListExecl' //日志导出
 
 
 const RECORD_LIST = 'iot/spotoperationrecord/getList' //维保记录列表查询
-const RECORD_STATIC_AND_SELECT = 'iot/spotoperationrecord/getList3' //维保记录数据统计
+const RECORD_STATIC_AND_SELECT = 'iot/spotoperationrecord/getList3' //维保记录数据统计  
+const RECORD_AND_POINT = 'iot/spotoperationrecord/getJlPointsList'  //维保点位弹框
+
+
+const MONTH_REPORT = "iot/px/queryPf"; //月报考评导出     
+
 
 
 

css/common.css

@@ -642,11 +642,11 @@ li.parent_li ul li ul li {
     height: 22px
 }
 
-.pg-refresh {
+.pg-refresh,.pg-refresh2 {
     background: url(../images/refresh.gif);
 }
 
-.pg-refresh a {
+.pg-refresh a ,.pg-refresh2 a {
     display: inline-block;
     width: 100%;
     height: 100%
@@ -860,10 +860,10 @@ border: 1px solid #ffffff;
     pointer-events: none
 }
 
-.queryCompanyList .pure-table-inner tr th:first-child,
+/* .queryCompanyList .pure-table-inner tr th:first-child,
 .queryCompanyList .pure-table-inner tr td:first-child {
     width: 24px
-}
+} */
 
 .queryCompanyList .pure-table-inner tr th:nth-child(2),
 .queryCompanyList .pure-table-inner tr td:nth-child(2) {
@@ -872,17 +872,44 @@ border: 1px solid #ffffff;
 
 .queryCompanyList .pure-table-inner tr th:nth-child(3),
 .queryCompanyList .pure-table-inner tr td:nth-child(3) {
-    width: 25%
+    width: 20%
 }
 
 .queryCompanyList .pure-table-inner tr th:nth-child(4),
 .queryCompanyList .pure-table-inner tr td:nth-child(4) {
-    width: 15%
+    width: 13%
 }
 
 .queryCompanyList .pure-table-inner tr th:nth-child(5),
 .queryCompanyList .pure-table-inner tr td:nth-child(5) {
-    width: 16%
+    width: 10%
+}
+
+
+
+/* .queryPointDetailList .pure-table-inner tr th:first-child,
+.queryPointDetailList .pure-table-inner tr td:first-child {
+    width: 24px
+} */
+
+.queryPointDetailList .pure-table-inner tr th:nth-child(2),
+.queryPointDetailList .pure-table-inner tr td:nth-child(2) {
+    width: 20%
+}
+
+.queryPointDetailList .pure-table-inner tr th:nth-child(3),
+.queryPointDetailList .pure-table-inner tr td:nth-child(3) {
+    width: 20%
+}
+
+.queryPointDetailList .pure-table-inner tr th:nth-child(4),
+.queryPointDetailList .pure-table-inner tr td:nth-child(4) {
+    width: 10%
+}
+
+.queryPointDetailList .pure-table-inner tr th:nth-child(5),
+.queryPointDetailList .pure-table-inner tr td:nth-child(5) {
+    width: 15%
 }
 
 
@@ -909,4 +936,12 @@ border: 1px solid #ffffff;
 } */
 
 
-/* 占满屏幕 end */
+/* 占满屏幕 end */
+
+/* 日期插件小背景图 */
+#startTime,#endTime{
+    background-image:url(../images/date-trigger.gif);
+    background-repeat:no-repeat;
+    /* background-position: right center; */
+    background-position: 174px 0;
+}

css/per-manage.css

@@ -142,6 +142,7 @@ ul.depart-opera {
     font-size: 0.2rem;
     border: none;
     background:#fff;
+    -webkit-appearance: auto;
 }
 
 .member-choose a.button {
@@ -219,6 +220,9 @@ ul.depart-opera {
     background-color: #0e70cb;
     border-style: dotted;
 }
+.pure-table .selected td:not(:first-child) .view-detail{
+    color:#fff
+}
 
 .pure-table .selected td {
     border-style: dotted;
@@ -352,7 +356,7 @@ ul.depart-opera {
 .interface-doc {
     cursor: pointer;
     text-decoration: underline;
-    color: #fff
+    color: #0078FF
 }
 
 .error-radio .layui-form-item {
@@ -518,4 +522,90 @@ ul.depart-opera {
 
 .userCheckBox .layui-form-checkbox[lay-skin="primary"] i {
     /* background-color: #aaa */
-}
+}
+
+
+/* 月度考评导出 */
+.exportBox {
+    position: absolute;
+    left: 0;
+    right: 0;
+    /* bottom: 1rem; */
+    top: 30px;
+    font-size: 14px;
+    width: 100%;
+    height: 95%;
+    z-index: 10;
+  }
+  .exportBox table,
+  .exportBox table tr th,
+  .exportBox table tr td {
+    border: 1px solid #eee;
+    margin: 0 auto;
+  }
+  .exportBox td,
+  .exportBox th {
+    padding: 3px 0;
+  }
+  .exportBox .exportContainer {
+    z-index: 19000;
+    /* width: 650px; */
+    margin: 0 auto;
+    box-shadow: #888888 0px 0px 4px;
+    display: block;
+    background: #1f2833;
+    color: #fff;
+    height: calc(100% - .6rem);
+    overflow: auto;
+    padding: 15px;
+  }
+  .exportBox h3.title {
+    text-align: center;
+    background: #1f2833;
+    font-size: 16px;
+  }
+  .exportBox section {
+    padding-bottom: 30px;
+  }
+  .exportBox section .table-sub {
+    margin-top: 10px;
+    font-size: 13px;
+  }
+  .exportBox section .innerChart {
+    width: 100%;
+    height: 220px;
+    padding: 10px 0;
+  }
+  .exportBox section .summary2 {
+    display: flex;
+    margin: 0 10px;
+    line-height: 1.5;
+  }
+  .exportBox section .summary2 > div:first-child {
+    width: 60px;
+  }
+  .exportBox section .summary2 > div:last-child {
+    width: calc(100% - 30px);
+  }
+  .exportBox section .big-tit {
+    padding: 10px 0;
+    background: #1f2833;
+  }
+  .exportBox .section1 {
+    background: #1f2833;
+  }
+  .layui-layer-title {
+    background: #081A32 !important;
+    color: #fff !important;
+    border-bottom: 1px solid #1E9FFF !important;
+  }
+  .layui-layer {
+    background: #072442 !important;
+    color: #fff;
+  }
+  .layui-layer-ico {
+    border-radius: 50%;
+  }
+  .layui-layer-btn .layui-layer-btn0 {
+    font-size: 0.3rem;
+  }

js/index.js

@@ -340,7 +340,7 @@ function getIndexDate(queryParam = {}) {
                 myChart.resize();
             });
         })();
-
+         /* 横向柱状图 */
         (function() {
 
             var pie = result.warning;

js/monthReport.js

@@ -0,0 +1,145 @@
+ // 筛选弹框
+ var layer = layui.layer;
+ var layerCreateIndex = '';
+ var layerCreateIndex2 = '';
+ layui.use('layer', function () {
+     layerCreateIndex = layer.open({
+         type: 1,
+         title: false,
+         closeBtn: 0,
+         // shadeClose: true,
+         skin: 'yourclass',
+         area: [
+             '380px', '300px'
+         ],
+         content: $(".reportOut"),
+         success: function () {
+             $('.clsBtn,.cancel').click(function () {
+                 layer.close(layerCreateIndex);
+             })
+         }
+     })
+ })
+ layui.use([
+     'form', 'layedit', 'laydate'
+ ], function () {
+ });
+
+ //时间日期选择
+ layui.use('laydate', function () {
+     var laydate = layui.laydate;
+     // 开始日期
+     var insStart = laydate.render({
+         elem: '#startTime',
+         trigger: 'click',
+         done: function (value, date) { // 更新结束日期的最小日期
+             insEnd.config.min = lay.extend({}, date, {
+                 month: date.month - 1
+             });
+             // 自动弹出结束日期的选择器
+             insEnd.config.elem[0].focus();
+         }
+     });
+
+     // 结束日期
+     var insEnd = laydate.render({
+         elem: '#endTime',
+         trigger: 'click',
+         done: function (value, date) { // 更新开始日期的最大日期
+             insStart.config.max = lay.extend({}, date, {
+                 month: date.month - 1
+             });
+         }
+     });
+
+ });
+
+ 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=''>请选择</option><option value="${
+                 item.owner_id
+             }">${
+                 item.owner_name
+             }</option>`
+         })
+         $('#getNameList').html(items);
+
+     }, function (errorMsg) {
+         alert("请求数据失败!");
+     })
+ }
+
+
+ /* 筛选提交发送请求 */
+$('#nextStep').click(function() {
+
+    //获取表单的值 并转换成对象
+    let allParam = serializeArrayToObj($("#reportOutForm").serializeArray());
+
+    //验证数据是否为空
+    let res = validParamIsEmpty(allParam, {
+        "startTime": "请选择开始日期",
+        "endTime": "请选择结束日期",
+        "companyId": "请选择建筑物",
+    });
+    if (res.code == -1) {
+        alert(res.msg);
+        return;
+    }
+    //验证通过 请求ajax
+    ajaxRequest(MONTH_REPORT, "POST", allParam, function(result) {
+        layer.close(layerCreateIndex);
+        layer.msg('添加成功!', { icon: 6 });
+        $('#reportOutForm')[0].reset();
+
+        layui.use('layer', function () {
+            layerCreateIndex2 = layer.open({
+                type: 1,
+                title: false,
+                closeBtn: 0,
+                skin: 'yourclass',
+                area: [
+                    '700px', '800px'
+                ],
+                content: $(".reportContentOut"),
+                success: function () {
+                    $('.clsBtn,.cancel').click(function () {
+                        window.open("./index.html");
+                    })
+                }
+            })
+        })
+    }, function(errorMsg) {
+        alert("异常错误!");
+    })
+})
+
+
+
+layui.use('layer', function () {
+    layerCreateIndex2 = layer.open({
+        type: 1,
+        title: false,
+        closeBtn: 0,
+        skin: 'yourclass',
+        area: [
+            '700px', '800px'
+        ],
+        content: $(".reportContentOut"),
+        success: function () {
+            $('.clsBtn,.cancel').click(function () {
+                layer.close(layerCreateIndex2);
+
+                // window.open("./index.html");
+            })
+        }
+    })
+})
+
+
+

js/record-inner.js

@@ -0,0 +1,139 @@
+// 详情弹框js start
+var aa = '';
+
+
+// 详情弹框
+$(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({"id": dataId})
+            // 获取部门列表 ajax请求
+            $('.clsBtn,.cancel').click(function () {
+                layer.close(layerDepartmentIndex);
+            })
+        }
+    })
+
+
+    // 按钮搜索
+    $('#buttonSearch2').on('click', function () {
+        page = 1;
+        getPointDetailAjax(getSearchParamObj2());
+    })
+
+    // 拼接搜索条件
+    function getSearchParamObj2() {
+        let queryParam = {};
+        let weibao = $('#weibao').val();
+
+        queryParam.data3 = weibao;
+        queryParam.id = dataId;
+
+        return queryParam;
+    }
+
+    // 分页刷新按钮
+    $('.pg-refresh2').click(resetForm);
+
+    // 重置表单
+    function resetForm() {
+        page = 1;
+        $("#weibao").val("0");
+        getPointDetailAjax(getSearchParamObj2());
+
+    }
+
+
+})
+
+
+// 获取列表 ajax请求
+function getPointDetailAjax(queryParam = {}, page = 1) {
+    queryParam.page = page;
+    queryParam.limit = 1; // 每页显示条数
+    queryParam.start = (queryParam.page - 1) * queryParam.limit;
+    ajaxRequest(RECORD_AND_POINT, "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.spot_name + "</td>" + "<td>" + item.spot_address + "</td>" + "<td>" + item.wcqk + "</td>" + "<td>" + item.wcqk + "</td>" + "<td>" + item.wcqk + "</td>" + "<td ><a class='view-detail' data-id=" + item.phone + ">查看</a></td>" + "<td ><a class='view-detail' data-id=" + item.phone + ">查看</a></td>" + "</tr>"
+            })
+            $('#dataList2').html(items);
+        } else {
+            $('#dataList2').html('');
+        }
+        // console.log(result)
+        totalPages = result.totalCount / result.limit;
+        totalPages = Math.ceil(totalPages);
+        $('#totalPage2').html(totalPages); // 总共多少页
+        $('#dataTotal2').html(result.totalCount); // 总共多少条数据
+        $('#currentPage2').val(page); // 当前页面
+        let pageFrom = (page - 1) * result.limit + 1; // 开始
+        let pageTo = result.page * result.limit; // 结束
+        pageTo = pageTo > result.totalCount ? result.totalCount : pageTo;
+        $('#pageFrom2').html(pageFrom);
+        $('#pageTo2').html(pageTo);
+
+        // 无数据时
+        if (! result.totalCount) {
+            $('.pager2.has-data').hide()
+            $('.pager2.no-data').show()
+        } else {
+            $('.pager2.has-data').show()
+            $('.pager2.no-data').hide()
+        }
+        if (page < totalPages) {
+            $('#nextPageButton2,#lastPageButton2').removeClass('disabled');
+        } else {
+            $('#nextPageButton2,#lastPageButton2').addClass('disabled');
+        }
+        if (page === 1) {
+            $('#firstPageButton2,#prevPageButton2').addClass('disabled');
+        } else {
+            $('#firstPageButton2,#prevPageButton2').removeClass('disabled');
+        }
+    }, function (errorMsg) {
+        alert("请求数据失败!");
+    }, 3)
+}
+
+
+// 分页操作
+$('#firstPageButton2').on('click', function () {
+    page = 1;
+    getPointDetailAjax({}, 1)
+    // getListDataAjax(getSearchParamObj(), 1);
+})
+
+$('#lastPageButton2').on('click', function () {
+    page = totalPages;
+    // getListDataAjax({}, page);
+    getPointDetailAjax({}, page)
+})
+
+$('#prevPageButton2').on('click', function () {
+    page -= 1;
+    // getListDataAjax(getSearchParamObj(), page);
+    getPointDetailAjax({}, page)
+})
+
+$('#nextPageButton2').on('click', function () {
+    page += 1;
+    // getListDataAjax(getSearchParamObj(), page);
+    getPointDetailAjax({}, page)
+})

js/record.js

@@ -36,7 +36,7 @@ getListDataAjax();
 //获取列表 ajax请求
 function getListDataAjax(queryParam = {}, page = 1) {
     queryParam.page = page;
-    queryParam.limit = 4; //每页显示条数
+    queryParam.limit = 8; //每页显示条数
     queryParam.start = (queryParam.page - 1) * queryParam.limit;
     ajaxRequest(RECORD_LIST, "POST", queryParam, function(result) {
         let data = result.RESULT;
@@ -47,7 +47,7 @@ function getListDataAjax(queryParam = {}, page = 1) {
                     "<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 ><a class='view-detail' data-id=" + item.id + ">查看</a></td>" +
                     "<td>" + item.ywcsj + "</td>" +
                     "<td>" + item.zt + "</td>" +
                     "<td>" + item.completion + "</td>" +

monthReport.html

@@ -0,0 +1,226 @@
+<!DOCTYPE html > <html lang="zh">
+
+    <head>
+        <meta charset="UTF-8"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+        <title>工作月报</title>
+        <link rel="shortcut icon" href="favicon.ico">
+        <script src="js/flexible-inner.js"></script>
+        <link rel="stylesheet" href="layui/css/layui.css"/>
+        <link rel="stylesheet" href="css/common.css"/>
+        <link rel="stylesheet" href="css/per-manage.css"/>
+
+    </head>
+
+    <body style=" background-size: cover;background-color:#000;background-image:none">
+
+
+        <div class="xcConfirm reportOut" style="display:none" >
+            <div class="popBox">
+                <div class="ttBox">
+                    <a class="clsBtn"></a>
+                    <span class="tt">工作月报</span>
+                </div>
+                <form id="reportOutForm">
+                    <div class="txtBox " style="padding-right:0!important">
+
+                        <div>
+                            <span>开始日期：<i class="necessary">*</i>
+                            </span>
+                            <input type="text" id="startTime" name="startTime">
+                        </div>
+
+                        <div>
+                            <span>结束日期：<i class="necessary">*</i>
+                            </span>
+                            <input type="text" id="endTime" name="endTime">
+                        </div>
+                        <div>
+                            <span >建筑物名称：<i class="necessary">*</i>
+                            </span>
+                            <select id="getNameList" name="companyId" >
+                                <option value="">所有</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div class="btnArea">
+                        <div class="btnGroup">
+                            <a id="nextStep" class="sgBtn ok"><img src="../../images/accept.png" alt="">
+                                &nbsp;&nbsp;下一步</a>
+                            <a class="sgBtn cancel"><img src="../../images/cancel.png" alt="">关闭</a>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+
+
+        <!-- 工作考评主页面start -->
+        <div class="xcConfirm reportContentOut" >
+            <div class="popBox">
+                <div class="ttBox">
+                    <a class="clsBtn"></a>
+                </div>
+                <div class="exportBox">
+                    
+                    <div class="exportContainer" id="printArea">
+            
+                        <h3 style="text-align:center">虹泾总部园工作月报分析</h3>
+            
+                        <section class="section">
+                            <h4 class="big-tit">1 设备类型统计信息</h4>
+            
+                            <div>
+                                <table width="100%" border=1 style="text-align: center;border-collapse: collapse;
+                                border-spacing: 0;">
+                                    <tr>
+                                        <td>设备类型名称</td>
+                                        <td>数量</td>
+                                        <td>传输类型</td>
+                                        <td>厂家名称</td>
+                                        <td>设备总数</td>
+                                    </tr>
+                                    <tbody id="equipment_list">
+                                    </tbody>
+            
+                                </table>
+                                <p class="table-sub" style="text-align:center">表2：安装设备清单</p>
+                            </div>
+            
+            
+            
+            
+            
+                        </section>
+            
+                        <section class="">
+                            <h4 class="big-tit">2 单位信息</h4>
+                            <table width="100%" border=1 style="text-align: center;border-collapse: collapse;
+                            border-spacing: 0;">
+                                <tr>
+                                    <td>报警总数</td>
+                                    <td>处理数</td>
+                                    <td>未处理数</td>
+                                    <td>处置率</td>
+                                    <td>未处置率</td>
+                                </tr>
+                                <tbody id="data_statistics"></tbody>
+                                <!-- <tr>
+                                    <td>1568</td>
+                                    <td>1300</td>
+                                    <td>268</td>
+                                    <td>30%</td>
+                                    <td>备注信息</td>
+                                </tr> -->
+                            </table>
+            
+                            <p class="table-sub" style="text-align:center">表3：数据统计计算</p>
+                        </section>
+            
+                        <section class="divergence">
+                            <h4 class="big-tit">3 告警处理情况统计</h4>
+                            <h4 class="big-tit">3.1 三相电压</h4>
+                            <div id="divergenceChart1" class="innerChart"></div>
+                            <img id="divergenceChart1_img" style="width:100%;display:none;">
+            
+                            <h4 class="big-tit">3.2 三相电流</h4>
+                            <div id="divergenceChart2" class=" innerChart"></div>
+                            <img id="divergenceChart2_img" style="width:100%;display:none;">
+            
+                            <h4 class="big-tit">3.3 三相温度</h4>
+                            <div id="divergenceChart3" class=" innerChart"></div>
+                            <img id="divergenceChart3_img" style="width:100%;display:none;">
+            
+                            <h4 class="big-tit">3.4 漏电电流</h4>
+                            <div id="divergenceChart4" class=" innerChart"></div>
+                            <img id="divergenceChart4_img" style="width:100%;display:none;">
+            
+                            <div class="summary2 ">
+                                <div>
+                                    <p>结论：</p>
+                                </div>
+                                <div class="summaryDetail">
+                                    <!-- <div>1、请检查绝缘皮出现硬化、裂纹；接触电阻变大，现硬化、裂纹；</div>
+                                    <div>2、请检查绝缘皮出现硬化、裂纹；接触电阻变大，现硬化、裂纹；</div>
+                                    <div>3、请检查绝缘皮出现硬化、裂纹；接触电阻变大，现硬化、裂纹；</div>
+                                    <div>4、请检查绝缘皮出现硬化、裂纹；接触电阻变大，现硬化、裂纹；</div> -->
+                                </div>
+                            </div>
+            
+                        </section>
+            
+            
+                        <section class="oldAnalysis">
+                            <h4 class="big-tit">4 设备离线情况统计</h4>
+            
+                            <h4 class="big-tit">4.1 异常设备监控电缆数据</h4>
+                            <div id="oldAnalysisChart1" class="innerChart"></div>
+                            <img id="oldAnalysisChart1_img" style="width:100%;display:none;">
+            
+                            <h4 class="big-tit">4.2 漏电告警数据</h4>
+                            <div id="oldAnalysisChart2" class="innerChart"></div>
+                            <img id="oldAnalysisChart2_img" style="width:100%;display:none;">
+            
+                            <div class="summary2">
+                                <div>
+                                    <p>结论：</p>
+                                </div>
+                                <div class="summaryDetail">
+                                    <!-- <div>1、请检查绝缘皮出现硬化、裂纹；接触电阻变大，现硬化、裂纹；</div> -->
+                                </div>
+                            </div>
+            
+                        </section>
+            
+                        <section class="hotAnalysis">
+                            <h4 class="big-tit">5 热老化分析</h4>
+            
+                            <div id="hotAnalysisChart1" class="innerChart"></div>
+                            <img id="hotAnalysisChart1_img" style="width:100%;display:none;">
+            
+            
+                            <div class="summary2">
+                                <div>
+                                    <p>结论：</p>
+                                </div>
+                                <div class="summaryDetail">
+                                    <!-- <div>1、请检查绝缘皮出现硬化、裂纹；接触电阻变大，现硬化、裂纹；1、请检查绝缘皮出现硬化、裂纹；接触电阻变大，现硬化、裂纹；1、请检查绝缘皮出现硬化、裂纹；接触电阻变大，现硬化、裂纹；1、请检查绝缘皮出现硬化、裂纹；接触电阻变大，现硬化、裂纹；</div> -->
+                                </div>
+                            </div>
+            
+                        </section>
+            
+            
+            
+            
+                    </div>
+                </div>
+
+                <div class="btnArea">
+                    <div class="btnGroup">
+                        <a id="nextStep" class="sgBtn ok"><img src="../../images/accept.png" alt="">
+                            &nbsp;&nbsp;下一步</a>
+                        <a class="sgBtn cancel"><img src="../../images/cancel.png" alt="">关闭</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 工作考评主页面end -->
+
+        
+        <script src="js/jquery.js"></script>
+        <script src="api/request.js"></script>
+        <script src="layui/layui.js"></script>
+        <script src="js/valid.js"></script>
+        <script src="js/monthReport.js"></script>
+
+
+        <script>
+
+           
+        </script>
+
+
+    </body>
+
+</html>

operate-manage.html

@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>运维管理（隐患管理）</title>
+    <title>运维管理（维保记录）</title>
     <link rel="shortcut icon" href="favicon.ico">
     <link rel="stylesheet" href="layui/css/layui.css">
     <link rel="stylesheet" href="css/common.css" />

pages/operation/record.html

@@ -117,24 +117,25 @@
         暂无数据
     </div>
 
-    <!-- 详情弹框 -->
+    <!-- 维保点位弹框 -->
     <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>
-            <div class="member">
+            <div class="memberbox">
                 <div class="member-choose"  style="margin:0.4375rem 0">
                     <span>维保状态</span>
-                    <select name="" id="">
+                    <select name="" id="weibao">
                         <option value="0">所有</option>
                         <option value="1">未完成</option>
                         <option value="2">已完成</option>
                     </select>
+                    <a class="button" id="buttonSearch2">确定</a>
                 </div>
-                <table class="pure-table pure-table-inner" cellspacing="0px" style="width: 96%;margin-left: 2%;">
+                <table class="pure-table pure-table-inner" cellspacing="0px">
                     <thead>
                         <tr>
                             <th style="width:24px">
@@ -149,13 +150,38 @@
                         </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%;">
+                <div class="scroll" style="height:270px;overflow-y:auto;">
+                    <table class="pure-table pure-table-inner result" cellspacing="0px">
                         <tbody id="dataList2">
                         </tbody>
                     </table>
                 </div>
+
+                <div class="pager2 has-data flex">
+                    <div class="pager-left flex1 align-left">
+                        <ul>
+                            <li id="firstPageButton2" class="pg-first disabled"></li>
+                            <li id="prevPageButton2" class="pg-prev disabled"></li>
+                            <li class="pg-des">
+                                第 <input id="currentPage2" type="text" size="1" value="1"> 页，共 <span id="totalPage2">1</span> 页
+                            </li>
+                            <li id="nextPageButton2" class="pg-next"></li>
+                            <li id="lastPageButton2" class="pg-last"></li>
+                            <li class="pg-refresh2">
+                                <a href="javascript:location.reload();"></a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="pager-right  flex1 align-right">显示第 <span id="pageFrom2"> 1 </span> 条到 <span id="pageTo2">
+                                        1 </span>条记录，总共 <span id="dataTotal2">
+                                        1 </span>条
+                    </div>
+                </div>
+                <div class="pager2 no-data" style="display:none;text-align:right">
+                    暂无数据
+                </div>
             </div>
+            
         </div>
     </div>
 
@@ -166,6 +192,8 @@
     <script src="../../layui/layui.js"></script>
     <script src="../../js/valid.js"></script>
     <script src="../../js/record.js"></script>
+    <script src="../../js/record-inner.js"></script>
+
     <script>
         layui.use(['form', 'layedit', 'laydate'], function() {
             var form = layui.form,
@@ -208,97 +236,6 @@
 
 
 
-        // 详情弹框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>