~zhitong.yu/bs/version.git

			@@ -1,452 +1,726 @@
			<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
			<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
			<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
			<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>
			</head>
			<body class="alt-menu sidebar-noneoverflow">
			<!-- BEGIN LOADER -->
			<div id="load_screen">
			<div class="loader">
			<div class="loader-content">
			<div class="spinner-grow align-self-center"></div>
			</div>
			</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>
			<!-- 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-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>

			</div>
			<div class="modal-body p-0">
			<div class="video-container">
			<img src="" id = "analysisImage" style="width:100%;">
			</div>
			</div>
			</div>
			</div>
			</div>
			<!-- BEGIN MAIN CONTAINER -->
			<div class="main-container" id="container">
			<div class="overlay"></div>
			<div class="search-overlay"></div>
			<!-- BEGIN TOPBAR -->
			<div class="header-page"></div>
			<!-- END TOPBAR -->
			<!-- BEGIN CONTENT PART -->
			<div id="content" class="main-content">
			<div class="layout-px-spacing">
			<div class="row layout-top-spacing" id="cancel-row">
			<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%">
			<div>
			<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>
			</div>
			<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 toAllExcel">导出表格</button>
			<button type="button" id="yt-video-link" class="btn btn-secondary powerAnalysis">电量分析</button>
			</div>
			<thead>
			<tr align="center">
			<th class="noExl">选择</th>
			<th>序号</th>
			<th>标签ID</th>
			<th>电量%</th>
			<th>电量状态</th>
			<th>时间</th>
			</tr>
			</thead>
			<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
			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>${list.time}</td>
			</tr>
			</c:forEach>
			</tbody>
			</table>
			</div>
			<div class="paginating-container pagination-solid">
			<input type="hidden" id="curPage" value="${curPage}"></input>
			<ul class="pagination" id="pageListId">
			<li><a href="javascript:page('pre');">上一页</a></li>
			<c:forEach items="${pageList}" var="list">
			<li id="page_${list}"><a
			href="javascript:page('${list}');">${list}</a></li>
			</c:forEach>
			<li><a href="javascript:page('next');">下一页</a></li>
			</ul>
			</div>
			</div>
			</div>
			<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
			<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
			<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
			<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>
			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>
			<script src="/hxzkoa/hxzk/plugins/laydate/laydate.js"></script>
			</head>

			<body class="alt-menu sidebar-noneoverflow">
			<!-- BEGIN LOADER -->
			<div id="load_screen">
			<div class="loader">
			<div class="loader-content">
			<div class="spinner-grow align-self-center"></div>
			</div>
			</div>
			</div>
			</div>
			</div>
			<!-- END CONTENT PART -->
			<%
			String superuser =(String)session.getAttribute("superuser");
			String deleteq =(String)session.getAttribute("deleteq");
			String alertq =(String)session.getAttribute("alertq");
			String deleteall =(String)session.getAttribute("deleteall");
			%>
			<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%>">
			<!-- 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;},});
			$("#page_1").addClass("active");
			var superuser = document.getElementById("superuser").value;
			var deleteq = document.getElementById("deleteq").value;
			var alertq = document.getElementById("alertq").value;
			var deleteall = document.getElementById("deleteall").value;
			//console.log(superuser)
			if (superuser == "访客"){
			$("#addButton").attr("disabled","true");
			$("#deleteButton").attr("disabled","true");
			$("#modifyButton").attr("disabled","true");
			$("#deleteAllButton").attr("disabled","true");
			$("#modifyAllButton").attr("disabled","true");
			$("#importButton").attr("disabled","true");
			}
			if (deleteq == "否"){
			$("#deleteButton").attr("disabled","true");
			}
			if (alertq == "否"){
			$("#modifyButton").attr("disabled","true");
			$("#modifyAllButton").attr("disabled","true");
			}
			if (deleteall == "否"){
			$("#deleteAllButton").attr("disabled","true");
			}
			});
			$('.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/historicalPower_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><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><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');
			}
			});
			});
			// 分页跳转
			function page(page) {
			var curPage = $("#curPage").val();
			$.ajax({
			async : false, //同步的
			type : "POST",
			url : "/hxzkoa/historicalPower_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><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><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');
			}
			});
			}
			// 删除功能
			$('.delete').on('click', function() {
			swal({
			title : '确定要删除么?',
			text : "删除之后无法恢复!",
			type : 'warning',
			showCancelButton : true,
			confirmButtonText : '删除',
			cancelButtonText : '取消',
			padding : '2em'
			}).then(function(result) {
			if (result.value) {
			//获取选中数据
			var checkVal = [];
			var obj = document.getElementsByName("selectIds");
			for (var k in obj) {
			if (obj[k].checked) {
			checkVal.push(obj[k].id);
			}
			}
			if (checkVal.length>0){
			$.ajax({
			async : false, //同步的
			type : "POST",
			url : "/hxzkoa/historicalPower_delete.do",
			data : {
			checkVal : checkVal.toString()
			},
			dataType : "json"
			});
			swal({title:"Deleted!",
			text:"已删除！",
			type:"success",
			showCancelButton:false,
			showConfirmButton:false,
			buttons: false
			})
			setTimeout("window.location.reload()",1000);
			}else{
			swal(
			'删除失败!',
			'请先选择删除的内容',
			'error'
			)
			}
			}
			})
			});
			// 全部删除
			$('.deleteAll').on('click', function() {
			swal({
			title : '确定要全部删除么?',
			text : "删除之后无法恢复!",
			type : 'warning',
			showCancelButton : true,
			confirmButtonText : '删除',
			cancelButtonText : '取消',
			padding : '2em'
			}).then(function(result) {
			if (result.value) {
			//获取选中数据
			var checkVal = [];
			var obj = document.getElementsByName("selectIds");
			for (var k in obj) {
			if (obj[k].checked) {
			checkVal.push(obj[k].id);
			}
			}
			$.ajax({
			async : false, //同步的
			type : "POST",
			url : "/hxzkoa/historicalPower_deleteAll.do",
			data : {
			checkVal : checkVal.toString()
			},
			dataType : "json"
			});
			swal({title:"Deleted!",
			text:"已删除！",
			type:"success",
			showCancelButton:false,
			showConfirmButton:false,
			buttons: false
			})
			setTimeout("window.location.reload()",1000);
			}
			})
			});
			// 导出表格
			$(".toAllExcel").click(function() {
			window.location.href='/hxzkoa/historicalPower_export.do';
			swal({title:"Exported!",
			text:"导出成功！",
			type:"success",
			showCancelButton:false,
			showConfirmButton:false,
			buttons: false
			})
			setTimeout("window.location.reload()",1000);
			});
			// 电量分析
			$(".powerAnalysis").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/historicalPower_powerAnalysis.do",
			data : {
			input : input
			},
			dataType : "json",
			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 + "</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);
			var src = data.path;
			document.getElementById('analysisImage').src=src;
			$('#videoMedia1').modal('show');

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

			},
			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;
			}
			});
			</script>
			</body>
			</html>
			</div>
			<div class="modal-body p-0">
			<div class="video-container">
			<img src="" id="analysisImage" style="width: 100%;">
			</div>
			</div>
			</div>
			</div>
			</div>
			<!-- BEGIN MAIN CONTAINER -->
			<div class="main-container" id="container">
			<div class="overlay"></div>
			<div class="search-overlay"></div>
			<!-- BEGIN TOPBAR -->
			<div class="header-page"></div>
			<!-- END TOPBAR -->
			<!-- BEGIN CONTENT PART -->
			<div id="content" class="main-content">
			<div class="layout-px-spacing">
			<div class="row layout-top-spacing" id="cancel-row">
			<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%">
			<div>
			<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>
			</div>
			<input type="text" id="search_input" class="form-control"
			placeholder="请输入编号或姓名" aria-label="Username"
			aria-describedby="basic-addon1">
			</div>
			<div style="width: 100px; float: left;margin-left: 40px;">
			<input type="text" id="begin"
			class="form-control form-control-sm"
			style="font-size: 12px;" placeholder="开始时间" />
			</div>
			<div style="width: 100px; float: left; margin-left: 10px;">
			<input type="text" id="end" class="form-control form-control-sm"
			style="font-size: 12px;" placeholder="结束时间" />
			</div>
			<div style="width: 70px; float: left; margin-left: 10px;">
			<input type="text" id="tagida"
			class="form-control form-control-sm"
			style="font-size: 12px;" placeholder="标签ID" />
			</div>
			<button style="float: left; margin-left: 10px; margin-right: 10px;"
			type="button" class="btn btn-secondary"
			id="seachname">查询</button>
			<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 toAllExcel">导出表格</button>
			<button type="button" id="yt-video-link"
			class="btn btn-secondary powerAnalysis">电量分析</button>
			</div>
			<thead>
			<tr align="center">
			<th class="noExl">选择</th>
			<th>序号</th>
			<th>标签ID</th>
			<th>电量%</th>
			<th>电量状态</th>
			<th>时间</th>
			</tr>
			</thead>
			<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
			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>${list.time}</td>
			</tr>
			</c:forEach>
			</tbody>
			</table>
			</div>
			<div class="paginating-container pagination-solid">
			<input type="hidden" id="curPage" value="${curPage}"></input>
			<ul class="pagination" id="pageListId">
			<li><a href="javascript:page('pre');">上一页</a></li>
			<c:forEach items="${pageList}" var="list">
			<li id="page_${list}"><a
			href="javascript:page('${list}');">${list}</a></li>
			</c:forEach>
			<li><a href="javascript:page('next');">下一页</a></li>
			</ul>
			</div>
			</div>
			</div>
			</div>
			</div>
			</div>
			</div>
			<!-- END CONTENT PART -->
			<% String superuser=(String) session.getAttribute("superuser"); String deleteq=(String)
			session.getAttribute("deleteq"); String alertq=(String) session.getAttribute("alertq"); String
			deleteall=(String) session.getAttribute("deleteall"); String username=(String)
			session.getAttribute("username"); if (username==null \|\| username.equals("")) {
			request.getRequestDispatcher("/hxzk/login.jsp").forward(request, response); return; } %>
			<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="xianusera" id="xianusera" value="<%=username%>">
			<!-- END MAIN CONTAINER -->
			<script>
			//执行一个laydate实例
			laydate.render({
			elem: '#begin' //指定元素'
			,
			type: 'datetime',
			done: function (value, date) {
			var end = document.getElementById("end").value;
			if (end) {
			if (end <= value) {
			alert("结束时间必须大于开始时间");
			document.getElementById("end").value = "";
			}
			}
			}
			});

			//执行一个laydate实例
			laydate.render({
			elem: '#end' //指定元素'
			,
			type: 'datetime',
			done: function (value, date) {
			var begin = document.getElementById("begin").value;
			if (begin) {
			if (begin >= value) {
			alert("结束时间必须大于开始时间");
			document.getElementById("begin").value = "";
			}
			}

			}
			});
			</script>
			<script>
			// 页面初始化
			window.onload = function () {
			App.init();
			$.ajax({
			async: false,
			type: "POST",
			url: "/hxzkoa/getSysSetting_list2.do",
			data: {},
			dataType: "json",
			success: function (data) {
			/* title = data[0].title;document.title = title; */
			if (data.dataList2[0].label == 0) {
			$("#labela").css({ 'display': 'none' });
			};
			if (data.dataList2[0].achor == 0) {
			$("#anchora").css({ 'display': 'none' });
			};
			if (data.dataList2[0].gps == 0) {
			$("#gpsa").css({ 'display': 'none' });
			};
			if (data.dataList2[0].fence == 0) {
			$("#fencea").css({ 'display': 'none' });
			};
			if (data.dataList2[0].warning == 0) {
			$("#warninga").css({ 'display': 'none' });
			};
			if (data.dataList2[0].history == 0) {
			$("#historya").css({ 'display': 'none' });
			};
			if (data.dataList2[0].attendance == 0) {
			$("#attendancea").css({ 'display': 'none' });
			};
			if (data.dataList2[0].basiclnfo == 0) {
			$("#basiclnfoa").css({ 'display': 'none' });
			};
			if (data.dataList2[0].video == 0) {
			$("#videoa").css({ 'display': 'none' });
			};
			if (data.dataList2[0].gas == 0) {
			$("#gasa").css({ 'display': 'none' });
			};
			},
			});
			$("#page_1").addClass("active");
			var superuser = document.getElementById("superuser").value;
			var deleteq = document.getElementById("deleteq").value;
			var alertq = document.getElementById("alertq").value;
			var deleteall = document.getElementById("deleteall").value;
			document.getElementById("xianuser").innerHTML=document.getElementById("xianusera").value
			//console.log(superuser)
			if (superuser == "访客") {
			$("#addButton").attr("disabled", "true");
			$("#deleteButton").attr("disabled", "true");
			$("#modifyButton").attr("disabled", "true");
			$("#deleteAllButton").attr("disabled", "true");
			$("#modifyAllButton").attr("disabled", "true");
			$("#importButton").attr("disabled", "true");
			}
			if (deleteq == "否") {
			$("#deleteButton").attr("disabled", "true");
			}
			if (alertq == "否") {
			$("#modifyButton").attr("disabled", "true");
			$("#modifyAllButton").attr("disabled", "true");
			}
			if (deleteall == "否") {
			$("#deleteAllButton").attr("disabled", "true");
			}
			};
			$('.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/historicalPower_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><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><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');
			}
			});
			});
			// 分页跳转
			function page(page) {
			var curPage = $("#curPage").val();
			$
			.ajax({
			async: false, //同步的
			type: "POST",
			url: "/hxzkoa/historicalPower_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><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><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');
			}
			});
			}
			// 删除功能
			$('.delete').on('click', function () {
			swal({
			title: '确定要删除么?',
			text: "删除之后无法恢复!",
			type: 'warning',
			showCancelButton: true,
			confirmButtonText: '删除',
			cancelButtonText: '取消',
			padding: '2em'
			}).then(function (result) {
			if (result.value) {
			//获取选中数据
			var checkVal = [];
			var obj = document.getElementsByName("selectIds");
			for (var k in obj) {
			if (obj[k].checked) {
			checkVal.push(obj[k].id);
			}
			}
			if (checkVal.length > 0) {
			$.ajax({
			async: false, //同步的
			type: "POST",
			url: "/hxzkoa/historicalPower_delete.do",
			data: {
			checkVal: checkVal.toString()
			},
			dataType: "json"
			});
			swal({
			title: "Deleted!",
			text: "已删除！",
			type: "success",
			showCancelButton: false,
			showConfirmButton: false,
			buttons: false
			})
			setTimeout("window.location.reload()", 1000);
			} else {
			swal('删除失败!', '请先选择删除的内容', 'error')
			}
			}
			})
			});
			// 全部删除
			$('.deleteAll').on('click', function () {
			swal({
			title: '确定要全部删除么?',
			text: "删除之后无法恢复!",
			type: 'warning',
			showCancelButton: true,
			confirmButtonText: '删除',
			cancelButtonText: '取消',
			padding: '2em'
			}).then(function (result) {
			if (result.value) {
			//获取选中数据
			var checkVal = [];
			var obj = document.getElementsByName("selectIds");
			for (var k in obj) {
			if (obj[k].checked) {
			checkVal.push(obj[k].id);
			}
			}
			$.ajax({
			async: false, //同步的
			type: "POST",
			url: "/hxzkoa/historicalPower_deleteAll.do",
			data: {
			checkVal: checkVal.toString()
			},
			dataType: "json"
			});
			swal({
			title: "Deleted!",
			text: "已删除！",
			type: "success",
			showCancelButton: false,
			showConfirmButton: false,
			buttons: false
			})
			setTimeout("window.location.reload()", 1000);
			}
			})
			});
			// 导出表格
			$(".toAllExcel").click(function () {
			window.location.href = '/hxzkoa/historicalPower_export.do';
			swal({
			title: "Exported!",
			text: "导出成功！",
			type: "success",
			showCancelButton: false,
			showConfirmButton: false,
			buttons: false
			})
			setTimeout("window.location.reload()", 1000);
			});
			// 电量分析
			$(".powerAnalysis")
			.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/historicalPower_powerAnalysis.do",
			data: {
			input: input
			},
			dataType: "json",
			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
			+ "</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);
			var src = data.path;
			document
			.getElementById('analysisImage').src = src;
			$('#videoMedia1').modal('show');

			},
			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;
			}
			});
			$("#seachname").click(function () {
			var begin = document.getElementById("begin").value;
			var end = document.getElementById("end").value;
			var tagida = document.getElementById("tagida").value;
			$.ajax({
			async: false, //同步的
			type: "POST",
			url: "/hxzkoa/historicalPower_searchname.do",
			data: {
			tagida: tagida,
			begin: begin,
			end: end,
			},
			dataType: "json",
			success: function (data) {
			//搜索完成后刷新页面,只显示查到的部分
			//console.log(data);
			var str = "";
			console.log(data.dataList)
			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>";
			}
			$("#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');
			}
			});
			})
			</script>
			</body>

			</html>