blame | 历史 | 补丁 | 提交 | 提交对比 | 忽略空白
15832144755
2021-11-18 37336922a1df99ac1636e398e12e64dedfba10e5 
 src/main/webapp/hxzk/label/realTimePower.jsp


@@ -4,58 +4,114 @@


<html lang="en">


<head>


<meta charset="utf-8">


   <meta http-equiv="X-UA-Compatible" content="IE=edge">


   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">


   <title>实时电量</title>


   <link href="/hxzkoa/hxzk/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/img/favicon.ico" rel="icon" type="image/x-icon" />


   <link href="/hxzkoa/hxzk/assets/css/components/custom-modal.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/css/components/custom-sweetalert.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/css/dashboard/dash_2.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/css/elements/custom-pagination.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/css/loader.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/css/scrollspyNav.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/css/main.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/css/structure.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/css/elements/search.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/plugins/apex/apexcharts.css" rel="stylesheet" type="text/css">


   <link href="/hxzkoa/hxzk/plugins/animate/animate.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/plugins/highlight/styles/monokai-sublime.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/plugins/table/datatable/datatables.css" rel="stylesheet" type="text/css">


   <link href="/hxzkoa/hxzk/plugins/table/datatable/custom_dt_html5.css" rel="stylesheet" type="text/css">


   <link href="/hxzkoa/hxzk/plugins/table/datatable/dt-global_style.css" rel="stylesheet" type="text/css">


   <link href="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" type="text/css" />


   <link href="https://fonts.gstatic.com" rel="preconnect" >


   <link href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap" rel="stylesheet">


   <link href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap" rel="stylesheet">


   <style>


      .panel-head {


         font-size: 1rem;


         color: rgba(255, 255, 255, .7);


         line-height: 2rem;


         text-align: center;


         background: linear-gradient(rgb(0, 20, 30), rgb(0, 40, 70));


         border: 2px solid rgba(0, 90, 120, .3);


      }


      .table-bordered td, .table-bordered th {


         border: 1px solid #ebedf2;


      }


   </style>


   <script src="/hxzkoa/hxzk/assets/js/app.js"></script>


   <script src="/hxzkoa/hxzk/assets/js/dashboard/dash_2.js"></script>


   <script src="/hxzkoa/hxzk/assets/js/loader.js"></script>


   <script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>


   <script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>


   <script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>


   <script src="/hxzkoa/hxzk/plugins/apex/apexcharts.min.js"></script>


   <script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/jszip.min.js"></script>


   <script src="/hxzkoa/hxzk/plugins/table/jquery.table2excel.js"></script>


   <script src="/hxzkoa/hxzk/plugins/sweetalerts/promise-polyfill.js"></script>


   <script src="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.js"></script>


   <script src="/hxzkoa/hxzk/plugins/sweetalerts/custom-sweetalert.js"></script>


   <script src="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>


<meta http-equiv="X-UA-Compatible" content="IE=edge">


<meta name="viewport"


   content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">


<title>实时电量</title>


<link href="/hxzkoa/hxzk/bootstrap/css/bootstrap.min.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/assets/img/favicon.ico" rel="icon"


   type="image/x-icon" />


<link href="/hxzkoa/hxzk/assets/css/components/custom-modal.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/assets/css/components/custom-sweetalert.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/assets/css/dashboard/dash_2.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/assets/css/elements/custom-pagination.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/assets/css/loader.css" rel="stylesheet"


   type="text/css" />


<link href="/hxzkoa/hxzk/assets/css/scrollspyNav.css" rel="stylesheet"


   type="text/css" />


<link href="/hxzkoa/hxzk/assets/css/main.css" rel="stylesheet"


   type="text/css" />


<link href="/hxzkoa/hxzk/assets/css/structure.css" rel="stylesheet"


   type="text/css" />


<link href="/hxzkoa/hxzk/assets/css/elements/search.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/plugins/apex/apexcharts.css" rel="stylesheet"


   type="text/css">


<link href="/hxzkoa/hxzk/plugins/animate/animate.css" rel="stylesheet"


   type="text/css" />


<link href="/hxzkoa/hxzk/plugins/highlight/styles/monokai-sublime.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/plugins/table/datatable/datatables.css"


   rel="stylesheet" type="text/css">


<link href="/hxzkoa/hxzk/plugins/table/datatable/custom_dt_html5.css"


   rel="stylesheet" type="text/css">


<link href="/hxzkoa/hxzk/plugins/table/datatable/dt-global_style.css"


   rel="stylesheet" type="text/css">


<link


   href="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.css"


   rel="stylesheet" type="text/css" />


<link href="https://fonts.gstatic.com" rel="preconnect">


<link


   href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap"


   rel="stylesheet">


<link


   href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap"


   rel="stylesheet">


<style>


body {


   margin: 0px;


   width: 100%;


   min-width: 1500px;


   max-width: 100%;


   height: 100%;


   background-color: #F0F0F0;


}




#head {


   background-color: #FFFF00;


   width: 100%;


   height: 100px;


}




#center {


   background-color: #00FFFF;


   width: 100%;


   min-height: 100%;


}




#foot {


   background-color: #FF00FF;


   width: 100%;


   height: 100px;


}




.panel-head {


   font-size: 1rem;


   color: rgba(255, 255, 255, .7);


   line-height: 2rem;


   text-align: center;


   background: linear-gradient(rgb(0, 20, 30), rgb(0, 40, 70));


   border: 2px solid rgba(0, 90, 120, .3);


}




.table-bordered td, .table-bordered th {


   border: 1px solid #ebedf2;


}


</style>


<script src="/hxzkoa/hxzk/assets/js/app.js"></script>


<script src="/hxzkoa/hxzk/assets/js/dashboard/dash_2.js"></script>


<script src="/hxzkoa/hxzk/assets/js/loader.js"></script>


<script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>


<script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>


<script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>


<script src="/hxzkoa/hxzk/plugins/apex/apexcharts.min.js"></script>


<script


   src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/jszip.min.js"></script>


<script src="/hxzkoa/hxzk/plugins/table/jquery.table2excel.js"></script>


<script src="/hxzkoa/hxzk/plugins/sweetalerts/promise-polyfill.js"></script>


<script src="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.js"></script>


<script src="/hxzkoa/hxzk/plugins/sweetalerts/custom-sweetalert.js"></script>


<script


   src="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>


</head>


<body class="alt-menu sidebar-noneoverflow">


   <!-- BEGIN LOADER -->


@@ -68,11 +124,11 @@


   </div>


   <!--  END LOADER -->


   <div class="border-left"


      style="opacity:0.4;float:left;position:absolute;z-index:1;left:120px;height:20px;">


      style="opacity: 0.4; float: left; position: absolute; z-index: 1; left: 120px; height: 20px;">


      <img alt="" src="/hxzkoa/resources/images/border.png" class="img-left">


   </div>


   <div class="border-right"


      style="opacity:0.4;float:right;position:absolute;z-index:2;right:120px;">


      style="opacity: 0.4; float: right; position: absolute; z-index: 2; right: 120px;">


      <img alt="" src="/hxzkoa/resources/images/border2.png"


         class="img-right">


   </div>


@@ -94,10 +150,10 @@


                  <div class="widget-content widget-content-area br-6">


                     <div class="table-responsive mb-4 mt-4">


                        <table id="html5-extension" class="table table-hover"


                           style="width:100%">


                           style="width: 100%">


                           <div>


                              <div class="search-input-group-style input-group mb-3"


                                 style="width:15%;float:left;margin-left:15px;margin-right:15px;">


                                 style="width: 15%; float: left; margin-left: 15px; margin-right: 15px;">


                                 <div class="input-group-prepend">


                                    <span class="input-group-text search" id="basic-addon1"><svg


                                          xmlns="http://www.w3.org/2000/svg" width="24" height="24"


@@ -107,11 +163,12 @@


                                          <circle cx="11" cy="11" r="8"></circle>


                                          <line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></span>


                                 </div>


                                 <input type="text" id="search_input" class="form-control" placeholder="请输入标签ID"


                                    aria-label="Username" aria-describedby="basic-addon1">


                                 <input type="text" id="search_input" class="form-control"


                                    placeholder="请输入标签ID" aria-label="Username"


                                    aria-describedby="basic-addon1">


                              </div>


                                 <button type="button" class="btn btn-secondary reset">刷新</button>


                                 <button type="button" class="btn btn-secondary toAllExcel">导出表格</button>


                              <button type="button" class="btn btn-secondary reset">刷新</button>


                              <button type="button" class="btn btn-secondary toAllExcel">导出表格</button>


                           </div>


                           <thead>


                              <tr align="center">


@@ -137,7 +194,12 @@


                                    <td>${list.hz}</td>


                                    <td>${list.power}%</td>


                                    <td>${list.time}</td>


                                    <td><div class="progress br-30"><div class="progress-bar bg-primary progress-bar-striped progress-bar-animated" role="progressbar" style="width: ${list.power}%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div></div></td>	


                                    <td><div class="progress br-30">


                                          <div


                                             class="progress-bar bg-primary progress-bar-striped progress-bar-animated"


                                             role="progressbar" style="width: ${list.power}%"


                                             aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>


                                       </div></td>


                                 </tr>


                              </c:forEach>


                           </tbody>


@@ -162,117 +224,162 @@


      <!--  END CONTENT PART  -->


   </div>


   <%


            String username=(String)session.getAttribute("username");


            if(username==null || username.equals("")){


            request.getRequestDispatcher("/hxzk/login.jsp").forward(request,response);


            return;


            }


            %>


   String username = (String) session.getAttribute("username");


   if (username == null || username.equals("")) {


      request.getRequestDispatcher("/hxzk/login.jsp").forward(request, response);


      return;


   }


   %>


   <script>


      $(document).ready(function() {


         App.init();$.ajax({async : false, type : "POST",url : "/hxzkoa/getSysSetting_list.do",data : {},dataType : "json",success:function(data){/* title = data[0].title;document.title = title; */},});


         App.init();


         $.ajax({


            async : false,


            type : "POST",


            url : "/hxzkoa/getSysSetting_list.do",


            data : {},


            dataType : "json",


            success : function(data) {/* title = data[0].title;document.title = title; */


            },


         });


         $("#page_1").addClass("active");


      });


      $('.header-page').load('/hxzkoa/hxzk/top.html');$('.login-page').load('/hxzkoa/hxzk/head.html');


      $('.header-page').load('/hxzkoa/hxzk/top.html');


      $('.login-page').load('/hxzkoa/hxzk/head.html');


      // 刷新功能


      $(".reset").click(function() {


         setTimeout("window.location.reload()", 1000);


      });


      // 搜索功能


      $(".search").click(function() {


         var input = $("#search_input").val();


         if (input == "") {


            swal('输入有误','输入不能为空！','error');return;


         }


         if (isNaN(input)) {


            //swal('输入有误','请输入数字！','error');return;


         }


         $.ajax({


            async : false, //同步的


            type : "POST",


            url : "/hxzkoa/realTimePower_search.do",


            data : {


               input : input


            },


            dataType : "json",


            success : function(data) {


               //搜索完成后刷新页面,只显示查到的部分


               //console.log(data);


               var str = "";


               for (var k in data.dataList) {


                  str += "<tr align=\"center\"><td>" + data.dataList[k].p_name + "</td><td>" + data.dataList[k].tagid + "</td><td>" + data.dataList[k].pinglv + "</td><td>" + data.dataList[k].power + "</td><td>" + data.dataList[k].time + "</td><td><div class=\"progress br-30\"><div class=\"progress-bar bg-primary progress-bar-striped progress-bar-animated\" role=\"progressbar\" style=\"width:"+data.dataList[k].power+"\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div></div></td></tr>";


               }


               $("#nr").html(str);


               for (var i = 0; i < 10; i++) {


                  $("#page_" + i).removeClass("active");


               }


               $("#page_" + data.curPage).addClass("active");


            },


            error : function() {


               //console.log('error');


            }


         });


      });


      $(".search")


            .click(


                  function() {


                     var input = $("#search_input").val();


                     if (input == "") {


                        swal('输入有误', '输入不能为空！', 'error');


                        return;


                     }


                     if (isNaN(input)) {


                        //swal('输入有误','请输入数字！','error');return;


                     }


                     $


                           .ajax({


                              async : false, //同步的


                              type : "POST",


                              url : "/hxzkoa/realTimePower_search.do",


                              data : {


                                 input : input


                              },


                              dataType : "json",


                              success : function(data) {


                                 //搜索完成后刷新页面,只显示查到的部分


                                 //console.log(data);


                                 var str = "";


                                 for ( var k in data.dataList) {


                                    str += "<tr align=\"center\"><td>"


                                          + data.dataList[k].p_name


                                          + "</td><td>"


                                          + data.dataList[k].tagid


                                          + "</td><td>"


                                          + data.dataList[k].pinglv


                                          + "</td><td>"


                                          + data.dataList[k].power


                                          + "%</td><td>"


                                          + data.dataList[k].time


                                          + "</td><td><div class=\"progress br-30\"><div class=\"progress-bar bg-primary progress-bar-striped progress-bar-animated\" role=\"progressbar\" style=\"width:"


                                          + data.dataList[k].power


                                          + "%\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div></div></td></tr>";


                                 }


                                 $("#nr").html(str);


                                 for (var i = 0; i < 10; i++) {


                                    $("#page_" + i).removeClass(


                                          "active");


                                 }


                                 $("#page_" + data.curPage)


                                       .addClass("active");


                              },


                              error : function() {


                                 //console.log('error');


                              }


                           });


                  });


      // 导出表格


      $(".toAllExcel").click(function() {


         window.location.href='/hxzkoa/realTimePower_export.do';


         swal({title:"Exported!",


              text:"导出成功！",


              type:"success",


              showCancelButton:false,


              showConfirmButton:false,


              buttons: false


          })


         setTimeout("window.location.reload()",1000);


         window.location.href = '/hxzkoa/realTimePower_export.do';


         swal({


            title : "Exported!",


            text : "导出成功！",


            type : "success",


            showCancelButton : false,


            showConfirmButton : false,


            buttons : false


         })


         setTimeout("window.location.reload()", 1000);


      });


      // 分页跳转


      function page(page) {


         var curPage = $("#curPage").val();


         $.ajax({


            async : false, //同步的


            type : "POST",


            url : "/hxzkoa/realTimePower_page.do",


            data : {


               page : page,


               curPage : curPage


            },


            dataType : "json",


            success : function(data) {


               var str = "";


               for (var k in data.dataList) {


                  str += "<tr align=\"center\"><td>" + data.dataList[k].name + "</td><td>" + data.dataList[k].tagid + "</td><td>" + data.dataList[k].hz + "</td><td>" + data.dataList[k].power + "%</td><td>" + data.dataList[k].time + "</td><td><div class=\"progress br-30\"><div class=\"progress-bar bg-primary progress-bar-striped progress-bar-animated\" role=\"progressbar\" style=\"width:"+data.dataList[k].power+"%\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div></div></td></tr>";


               }


               $("#nr").html(str);


               if (!data.pageList.length == 0) {


                  str = "";


                  str += "<li><a href=\"javascript:page('pre');\">上一页</a></li>";


                  for (var k = 0; k < data.pageList.length; k++) {


                     str += "<li id=\"page_" + data.pageList[k] + "\"><a href=\"javascript:page('" + data.pageList[k] + "');\">" + data.pageList[k] + "</a></li>";


         $


               .ajax({


                  async : false, //同步的


                  type : "POST",


                  url : "/hxzkoa/realTimePower_page.do",


                  data : {


                     page : page,


                     curPage : curPage


                  },


                  dataType : "json",


                  success : function(data) {


                     var str = "";


                     for ( var k in data.dataList) {


                        str += "<tr align=\"center\"><td>"


                              + data.dataList[k].name


                              + "</td><td>"


                              + data.dataList[k].tagid


                              + "</td><td>"


                              + data.dataList[k].hz


                              + "</td><td>"


                              + data.dataList[k].power


                              + "%</td><td>"


                              + data.dataList[k].time


                              + "</td><td><div class=\"progress br-30\"><div class=\"progress-bar bg-primary progress-bar-striped progress-bar-animated\" role=\"progressbar\" style=\"width:"


                              + data.dataList[k].power


                              + "%\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div></div></td></tr>";


                     }


                     $("#nr").html(str);


                     if (!data.pageList.length == 0) {


                        str = "";


                        str += "<li><a href=\"javascript:page('pre');\">上一页</a></li>";


                        for (var k = 0; k < data.pageList.length; k++) {


                           str += "<li id=\"page_" + data.pageList[k] + "\"><a href=\"javascript:page('"


                                 + data.pageList[k]


                                 + "');\">"


                                 + data.pageList[k] + "</a></li>";


                        }


                        str += "<li><a href=\"javascript:page('next');\">下一页</a></li>";


                        $("#pageListId").html(str);


                     }


                     $("#pageListId>li.active").removeClass("active");


                     $("#page_" + data.curPage).addClass("active");


                     $("#curPage").val(data.curPage);


                  },


                  error : function() {


                     //console.log('error');


                  }


                  str += "<li><a href=\"javascript:page('next');\">下一页</a></li>";


                  $("#pageListId").html(str);


               }


               $("#pageListId>li.active").removeClass("active");


               $("#page_" + data.curPage).addClass("active");


               $("#curPage").val(data.curPage);


            },


            error : function() {


               //console.log('error');


            }


         });


               });


      }


      $(".table tbody").on('click', 'tr',function(e){


            //console.log(e.target.type)


                if(e.target.type!='checkbox'){


                    if($(this).find(":checkbox").prop("checked")==true){


                    $(this).find(":checkbox").prop("checked",false);


                   }else{


                       $(this).find(":checkbox").prop("checked",true);


                   }


                } else {


                  return false;


                } 


         });


      $(".table tbody").on('click', 'tr', function(e) {


         //console.log(e.target.type)


         if (e.target.type != 'checkbox') {


            if ($(this).find(":checkbox").prop("checked") == true) {


               $(this).find(":checkbox").prop("checked", false);


            } else {


               $(this).find(":checkbox").prop("checked", true);


            }


         } else {


            return false;


         }


      });


   </script>


</body>


</html>