<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>终端在线率</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css" >
	<link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/basicButton.css">
    <link rel="stylesheet" href="${ctx}/css/tip.css">
    <style>
        html,body{
            background-color: #F9F9F9 !important;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="row">
    	<form class="form-inline pd5">
				<%@include file="../../include/time.jsp"%>
				<div class="form-group" >
						<button id="query" type="button" class=" btn themeBGColor">
							<i class="glyphicon glyphicon-search"></i>
						</button>
						<button id="tb" type="button" class="btn themeBGColor">同比</button>
						<button id="hb" type="button" class="btn themeBGColor">环比</button>
						<button id="res" type="button" class="btn themeBGColor" style="display:none">返回</button>
						<button id="helper" type="button" class="btn btn-primary tip tip-bottom" data-tip="在线率详解">
							<i class="glyphicon glyphicon-info-sign" style="margin-left: -3px;margin-right: -3px;"></i>
						</button>
				</div>
		</form>
        <%--实时状态--%>
        <div class="col-sm-6" id="sszt"></div>
        <%--在线率数据完整性--%>
        <div class="col-sm-6" id="yxzt"></div>
    </div>
</div>
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/echarts/echarts.js"></script>
<script src="${ctx}/js/plugin/highcharts/highstock.js"></script>
<script src="${ctx}/js/plugin/highcharts/export.js"></script>
<script src="${ctx}/js/plugin/highcharts/offline-exporting.js"></script>
<script src="${ctx}/js/plugin/layui/layer.js"></script>
<script src="${ctx}/js/plugin/xss/xss.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
<script src="${ctx}/js/color.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/utils/helper.js"></script>
<script src="${ctx}/jspJS/monitor/yxzt.js"></script>
<script>
$("#helper").click(function (){
	toHelper("#jcdzxl");
});  
</script>
</body>
</html>
