15832144755
2021-11-18 37336922a1df99ac1636e398e12e64dedfba10e5
src/main/webapp/hxzk/label/historicalPower.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 -->
@@ -67,18 +123,32 @@
      </div>
    </div>
    <!--  END LOADER -->   
   <div class="border-left" 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;"><img alt="" src="/hxzkoa/resources/images/border2.png" class="img-right"></div>
   <div class="border-left"
      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;">
      <img alt="" src="/hxzkoa/resources/images/border2.png"
         class="img-right">
   </div>
    <!--  BEGIN NAVBAR  -->
   <div class="login-page"></div>
    <!--  END NAVBAR  -->
    <!-- Modal -->
   <div class="modal fade" id="videoMedia1" tabindex="-1" role="dialog" aria-labelledby="videoMedia1Label" aria-hidden="true">
   <div class="modal fade" id="videoMedia1" tabindex="-1" role="dialog"
      aria-labelledby="videoMedia1Label" aria-hidden="true">
       <div class="modal-dialog modal-lg" role="document">
           <div class="modal-content">
               <div class="modal-header" id="videoMedia1Label">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
               <button type="button" class="close" data-dismiss="modal"
                  aria-label="Close">
                  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                     width="24" height="24" viewBox="0 0 24 24" fill="none"
                     stroke="currentColor" stroke-width="2" stroke-linecap="round"
                     stroke-linejoin="round" class="feather feather-x">
                     <line x1="18" y1="6" x2="6" y2="18"></line>
                     <line x1="6" y1="6" x2="18" y2="18"></line></svg>
                    </button>
                  
               </div>
@@ -104,19 +174,32 @@
                    <div class="col-xl-12 col-lg-12 col-sm-12  layout-spacing">
                        <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%">
                        <table id="html5-extension" class="table table-hover"
                           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;">
                              <div class="search-input-group-style input-group mb-3"
                                 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" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></span>
                                    <span class="input-group-text search" id="basic-addon1"><svg
                                          xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                          viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                          stroke-width="2" stroke-linecap="round"
                                          stroke-linejoin="round" class="feather feather-search">
                                          <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 delete" id="deleteButton">删除</button>
                                    <button type="button" class="btn btn-secondary deleteAll" id="deleteAllButton">全部删除</button>
                              <button type="button" class="btn btn-secondary delete"
                                 id="deleteButton">删除</button>
                              <button type="button" class="btn btn-secondary deleteAll"
                                 id="deleteAllButton">全部删除</button>
                                    <button type="button" class="btn btn-secondary toAllExcel">导出表格</button>
                                    <button type="button" id="yt-video-link" class="btn btn-secondary powerAnalysis">电量分析</button>
                              <button type="button" id="yt-video-link"
                                 class="btn btn-secondary powerAnalysis">电量分析</button>
                              </div>
                              <thead>
                                 <tr align="center">
@@ -131,15 +214,20 @@
                              <tbody id="nr">
                                 <c:forEach items="${historicalPowerList}" var="list">
                                    <tr align="center">
                                       <td class="noExl custom-control custom-checkbox"><input type="checkbox"
                                       class="custom-control-input" id="${list.id}"
                                       name="selectIds"><label
                                    <td class="noExl custom-control custom-checkbox"><input
                                       type="checkbox" class="custom-control-input"
                                       id="${list.id}" name="selectIds"><label
                                       class="custom-control-label" for="${list.id}"
                                       style="position:raletive;left:20px;bottom:2px"></label></td>
                                       <td>${list.id}</td>
                                       <td>${list.tagid}</td>
                                       <td>${list.power}</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>
                                       <td>${list.time}</td>
                                    </tr>
                                 </c:forEach>
@@ -175,15 +263,26 @@
         return;
         }
      %>
      <input type="hidden" name="superuser" id="superuser" value="<%=superuser%>">
   <input type="hidden" name="superuser" id="superuser"
      value="<%=superuser%>">
      <input type="hidden" name="deleteq" id="deleteq" value="<%=deleteq%>">
      <input type="hidden" name="alertq" id="alertq" value="<%=alertq%>">
      <input type="hidden" name="deleteall" id="deleteall" value="<%=deleteall%>">
   <input type="hidden" name="deleteall" id="deleteall"
      value="<%=deleteall%>">
      <!-- END MAIN CONTAINER -->
      <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");
            var superuser = document.getElementById("superuser").value;
            var deleteq = document.getElementById("deleteq").value;
@@ -209,21 +308,26 @@
               $("#deleteAllButton").attr("disabled","true");
            }
         });
         $('.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/historicalPower_search.do",
@@ -236,20 +340,36 @@
                  //console.log(data);
                  var str = "";
                  for (var k in data.dataList) {
                     str += "<tr align=\"center\"><td><input type=\"checkbox\" class=\"custom-control-input\" id=" + data.dataList[k].id + " name=\"selectIds\"><label class=\"custom-control-label\" for=" + data.dataList[k].id + " style=\"position:raletive;left:20px;bottom:5px;\"></label></td><td>" + data.dataList[k].id + "</td><td>" + data.dataList[k].tagid + "</td><td>" + data.dataList[k].power + "</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><td>" + data.dataList[k].time + "</td></tr>";
                                    str += "<tr align=\"center\"><td><input type=\"checkbox\" class=\"custom-control-input\" id=" + data.dataList[k].id + " name=\"selectIds\"><label class=\"custom-control-label\" for=" + data.dataList[k].id + " style=\"position:raletive;left:20px;bottom:5px;\"></label></td><td>"
                                          + data.dataList[k].id
                                          + "</td><td>"
                                          + data.dataList[k].tagid
                                          + "</td><td>"
                                          + data.dataList[k].power
                                          + "</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><td>"
                                          + data.dataList[k].time
                                          + "</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);
                  }
                  $("#pageListId>li.active").removeClass("active");
                  $("#page_" + data.curPage).addClass("active");
                                 $("#pageListId>li.active")
                                       .removeClass("active");
                                 $("#page_" + data.curPage)
                                       .addClass("active");
                  $("#curPage").val(data.curPage);
               },
               error : function() {
@@ -260,7 +380,8 @@
         // 分页跳转
         function page(page) {
            var curPage = $("#curPage").val();
            $.ajax({
         $
               .ajax({
               async : false, //同步的
               type : "POST",
               url : "/hxzkoa/historicalPower_page.do",
@@ -272,14 +393,27 @@
               success : function(data) {
                  var str = "";
                  for (var k in data.dataList) {
                     str += "<tr align=\"center\"><td><input type=\"checkbox\" class=\"custom-control-input\" id=" + data.dataList[k].id + " name=\"selectIds\"><label class=\"custom-control-label\" for=" + data.dataList[k].id + " style=\"position:raletive;left:20px;bottom:5px;\"></label></td><td>" + data.dataList[k].id + "</td><td>" + data.dataList[k].tagid + "</td><td>" + data.dataList[k].power + "</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><td>" + data.dataList[k].time.toString() + "</td></tr>";
                        str += "<tr align=\"center\"><td><input type=\"checkbox\" class=\"custom-control-input\" id=" + data.dataList[k].id + " name=\"selectIds\"><label class=\"custom-control-label\" for=" + data.dataList[k].id + " style=\"position:raletive;left:20px;bottom:5px;\"></label></td><td>"
                              + data.dataList[k].id
                              + "</td><td>"
                              + data.dataList[k].tagid
                              + "</td><td>"
                              + data.dataList[k].power
                              + "</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><td>"
                              + data.dataList[k].time.toString()
                              + "</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);
@@ -323,7 +457,8 @@
                        },
                        dataType : "json"
                     });
                     swal({title:"Deleted!",
                  swal({
                     title : "Deleted!",
                          text:"已删除!",
                          type:"success",
                          showCancelButton:false,
@@ -332,11 +467,7 @@
                      })
                     setTimeout("window.location.reload()",1000);
                  }else{
                     swal(
                        '删除失败!',
                        '请先选择删除的内容',
                        'error'
                     )
                  swal('删除失败!', '请先选择删除的内容', 'error')
                  }
               }
            })
@@ -370,7 +501,8 @@
                     },
                     dataType : "json"
                  });
                  swal({title:"Deleted!",
               swal({
                  title : "Deleted!",
                          text:"已删除!",
                          type:"success",
                          showCancelButton:false,
@@ -384,7 +516,8 @@
         // 导出表格
         $(".toAllExcel").click(function() {
            window.location.href='/hxzkoa/historicalPower_export.do';
            swal({title:"Exported!",
         swal({
            title : "Exported!",
                 text:"导出成功!",
                 type:"success",
                 showCancelButton:false,
@@ -394,15 +527,19 @@
            setTimeout("window.location.reload()",1000);
         });
         // 电量分析
         $(".powerAnalysis").click(function() {
      $(".powerAnalysis")
            .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/historicalPower_powerAnalysis.do",
@@ -414,26 +551,42 @@
                  //导出电量分析后刷新页面,只显示查到的部分
                  var str = "";
                  for (var k in data.dataList) {
                     str += "<tr align=\"center\"><td><input type=\"checkbox\" class=\"custom-control-input\" id=" + data.dataList[k].id + " name=\"selectIds\"><label class=\"custom-control-label\" for=" + data.dataList[k].id + " style=\"position:raletive;left:20px;bottom:5px;\"></label></td><td>" + data.dataList[k].id + "</td><td>" + data.dataList[k].tagid + "</td><td>" + data.dataList[k].power + "</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><td>" + data.dataList[k].time + "</td></tr>";
                                    str += "<tr align=\"center\"><td><input type=\"checkbox\" class=\"custom-control-input\" id=" + data.dataList[k].id + " name=\"selectIds\"><label class=\"custom-control-label\" for=" + data.dataList[k].id + " style=\"position:raletive;left:20px;bottom:5px;\"></label></td><td>"
                                          + data.dataList[k].id
                                          + "</td><td>"
                                          + data.dataList[k].tagid
                                          + "</td><td>"
                                          + data.dataList[k].power
                                          + "</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><td>"
                                          + data.dataList[k].time
                                          + "</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);
                  }
                  $("#pageListId>li.active").removeClass("active");
                  $("#page_" + data.curPage).addClass("active");
                                 $("#pageListId>li.active")
                                       .removeClass("active");
                                 $("#page_" + data.curPage)
                                       .addClass("active");
                  $("#curPage").val(data.curPage);
                  var src = data.path;
                     document.getElementById('analysisImage').src=src;
                                 document
                                       .getElementById('analysisImage').src = src;
                  $('#videoMedia1').modal('show');
                  
               },
               error : function() {
                  //console.log('error');