<%@ 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;
        }
        .table{
        	font-size:10px;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="row">
    	<form class="form-inline pd10">
				<%@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="tab-pane active">
    	<div id="table" class="col-sm-12">
                                <table id="areaTable" class="table table-striped table-bordered dataTable no-footer">
                                    <thead>
                                    <tr>
                                        <th style="background-color: #ebebeb;">指标</th>
                                        <th style="background-color: #ebebeb;">综合评估</th>
                                        <th style="background-color: #ebebeb;">电压偏差(%)</th>
                                        <th style="background-color: #ebebeb;">电压闪变</th>
                                        <th style="background-color: #ebebeb;">频率偏差(Hz)</th>
                                        <th style="background-color: #ebebeb;">谐波含量(%)</th>
                                        <th style="background-color: #ebebeb;">三相电压不平衡度(%)</th>
                                    </tr>
                                    <tr>
                                        <th style="background-color: #f9f9f9;">值</th>
                                        <th id="data0" style="background-color: #f9f9f9;"></th>
                                        <th id="data1" style="background-color: #f9f9f9;"></th>
                                        <th id="data2" style="background-color: #f9f9f9;"></th>
                                        <th id="data3" style="background-color: #f9f9f9;"></th>
                                        <th id="data4" style="background-color: #f9f9f9;"></th>
                                        <th id="data5" style="background-color: #f9f9f9;"></th>
                                    </tr>
                                    <tr>
                                        <th style="background-color: #f9f9f9;">等级</th>
                                        <th id="level0" style="background-color: #f9f9f9;"></th>
                                        <th id="level1" style="background-color: #f9f9f9;"></th>
                                        <th id="level2" style="background-color: #f9f9f9;"></th>
                                        <th id="level3" style="background-color: #f9f9f9;"></th>
                                        <th id="level4" style="background-color: #f9f9f9;"></th>
                                        <th id="level5" style="background-color: #f9f9f9;"></th>
                                    </tr>
                                    </thead>
                                </table>
                            </div>
        <%--稳态指标合格率--%>
        <div class="col-sm-12" id="zlpg"></div>
        
        </div>
        
        <div id="zlpgbz" class="alert" role="alert" style="position:absolute;width:410px;top:45px;right:0px;display:none;background-color:#fff;">
			  <ul class="list-group" style="margin-top:0px;">
				  <li >
				  <img src="${ctx}/images/zlpgbz.png"   class="col-md-4" style="width: 400px;height: 200px;" >
				  </li>
			  </ul>       
			</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/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/zlpg.js"></script>
<script>
$("#helper").click(function (){
	toHelper("#zhpg");
});  
</script>
</body>
</html>
