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


@@ -5,32 +5,85 @@


<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">


<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="/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">


<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);


@@ -39,6 +92,7 @@


         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;


      }


@@ -50,12 +104,14 @@


   <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/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>


<script


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


</head>


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


   <!-- BEGIN LOADER -->


@@ -107,8 +163,9 @@


                                          <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>


@@ -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>


@@ -170,24 +232,38 @@


            %>


   <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() {


      $(".search")


            .click(


                  function() {


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


         if (input == "") {


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


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


                        return;


         }


         if (isNaN(input)) {


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


         }


         $.ajax({


                     $


                           .ajax({


            async : false, //同步的


            type : "POST",


            url : "/hxzkoa/realTimePower_search.do",


@@ -200,13 +276,27 @@


               //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>";


                                    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_" + i).removeClass(


                                          "active");


               }


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


                                 $("#page_" + data.curPage)


                                       .addClass("active");


            },


            error : function() {


               //console.log('error');


@@ -216,7 +306,8 @@


      // 导出表格


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


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


         swal({title:"Exported!",


         swal({


            title : "Exported!",


              text:"导出成功！",


              type:"success",


              showCancelButton:false,


@@ -228,7 +319,8 @@


      // 分页跳转


      function page(page) {


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


         $.ajax({


         $


               .ajax({


            async : false, //同步的


            type : "POST",


            url : "/hxzkoa/realTimePower_page.do",


@@ -240,14 +332,29 @@


            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>";


                        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 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);