<%@ 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/datatables/datatables.bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.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;
        }

        .hide {
            display: none;
        }

        .tipname {
            display: none;
            position: absolute;
            padding: 0 5px;
            border-radius: 3px;
            box-shadow: 2px 2px 2px 0 #000;
            background: #fff;
            font-size: 12px;
            line-height: 18px;
            color: #575757;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="form-inline mt10">
        <div class="form-group has-feedback mr10">
            <label>统计类型：</label>
            <select class="form-control" id="total" style="width: 140px" readonly>
                <option value="0">电网拓扑</option>
                <option value="1">干扰源类型</option>
                <option value="2">电压等级</option>
            </select>
        </div>
        <div class="form-group">
            <%@include file="../../include/time.jsp" %>
            <button type="button" class="btn btn-primary " id="query">
                <i class="glyphicon glyphicon-search"></i>
            </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>
        <div style="float:right;font-size: 12px;color: red;">操作提示：点击图表数据可查看稳态越限详情</div>
        <div id="bx" style="margin-top: 7px;"></div>
        <div id="tip" class="tipname" style="display: none;"></div>
    </div>
</div>
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/layui/layer.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/js/plugin/echarts/echarts.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}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/utils/helper.js"></script>
<script src="${ctx}/jspJS/area/steadystat.js"></script>
<script type="text/javascript">
$("#helper").click(function (){
	toHelper("#jcdyxts");
});
</script>
</body>
</html>
