<%@ 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>Excel报表</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.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="${ctx}/js/plugin/layer/css/layui.css">
    <link rel="stylesheet" href="${ctx}/js/plugin/dateRangePicker/daterangepicker.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <style type="text/css">
        body {
            overflow: hidden;
        }

        .layui-left {
            float: left;
        }

        .form-control {
            padding: 4px 12px;
        }

        .self-style {
            margin: 9px;
            position: absolute;
            top: 25px;
            bottom: 0;
            z-index: 1;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
            text-align: left;
        }

        .table-condensed > thead > tr > th,
        .table-condensed > tbody > tr > th,
        .table-condensed > tfoot > tr > th,
        .table-condensed > thead > tr > td,
        .table-condensed > tbody > tr > td,
        .table-condensed > tfoot > tr > td {
            padding: 0px !important;
        }

        td {
            white-space: nowrap;
            padding: 1px !important
        }
    </style>
</head>
<body>
<%--Tab选项卡区域--%>
<div class="layui-left layui-tab self-style">
    <ul class="layui-tab-title" style="box-sizing:content-box;!important">
        <li class="layui-this" id="myLi" style="font-size: 12px;">非谐波</li>
        <li style="font-size: 12px;">谐波电压</li>
        <li style="font-size: 12px;">谐波电流</li>
        <li style="font-size: 12px;">合格率</li>
    </ul>
    <div id="myTab" class="layui-tab-content" style="padding: 5px;overflow: auto;height: 100%;">
        <div class="layui-tab-item layui-show">
            <div id="pointInfo"></div>
            <div id="voltage"></div>
            <div id="power"></div>
            <div id="flicker"></div>
            <idv id="distortion"></idv>
            <div id="vdeviation"></div>
            <div id="frequency"></div>
            <div id="threephase"></div>
        </div>
        <div class="layui-tab-item">
            <div id="vPointInfo"></div>
            <div id="voltageRate">
            </div>
        </div>
        <div class="layui-tab-item">
            <div id="iPointInfo"></div>
            <div id="icurrent"></div>
        </div>
        <div class="layui-tab-item">
            <div id="fpyPointInfo"></div>
            <div id="fpy"></div>
        </div>
    </div>
</div>
<%--时间区域--%>
<form class="form-inline header" style="float: right;margin-top:5px;position: relative;z-index: 99">
    <%@include file="../../include/date.jsp" %>
    <div class="form-inline pdr15" style="display: inline-block;">
        <%--查询按钮--%>
        <button type="button" class="btn btn-primary" id="query">
            <i class="glyphicon glyphicon-search"></i>
        </button>
        <%--导出按钮--%>
        <button type="button" class="btn btn-primary" id="export">
            <i class='glyphicon glyphicon-share'>导出</i>
        </button>
    </div>
</form>
<%-- bootstrap模态框（Modal） --%>
<div class="modal fade" id="timeModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width:405px;">
        <div class="modal-content" style="width:405px;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">检修时间</h4>
            </div>
            <div class="modal-body" style="width: 405px;">
                <div>
                    <label style="font-weight:normal;font-size: 14px;">时段一：</label>
                    <div class="layui-input-inline">
                        <input id="first" placeholder="检修时段一"
                               style="height: 25px; line-height: 25px; cursor: pointer; border: 1px solid #e2e2e2; width: 310px;"/>
                    </div>
                </div>
                <div style="margin-top: 5px;">
                    <label style="font-weight:normal;font-size: 14px;">时段二：</label>
                    <div class="layui-input-inline">
                        <input id="second" placeholder="检修时段二"
                               style="height: 25px; line-height: 25px; cursor: pointer; border: 1px solid #e2e2e2; width: 310px;"/>
                    </div>
                </div>
                <div style="margin-top: 5px;">
                    <label style="font-weight:normal;font-size: 14px;">时段三：</label>
                    <div class="layui-input-inline">
                        <input id="thrid" placeholder="检修时段三"
                               style="height: 25px; line-height: 25px; cursor: pointer; border: 1px solid #e2e2e2; width: 310px;"/>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" style="font-size: 15px;" class="btn btn-default"
                        onclick="clearData()">重置
                </button>
                <button type="button" style="font-size: 15px;" class="btn btn-default"
                        data-dismiss="modal">
                    关闭
                </button>
            </div>
        </div>
    </div>
</div>
<input type="hidden" value="${sessionScope.lineIndex}" id="lineIndex" name="lineIndex">
<input type="hidden" value="${sessionScope.time}" id="time" name="time">
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
<script src="${ctx}/js/plugin/layer/layer.js"></script>
<script src="${ctx}/js/plugin/xss/xss.js"></script>
<script src="${ctx}/js/plugin/layer/layui.js"></script>
<script src="${ctx}/js/plugin/dateRangePicker/moment.min.js"></script>
<script src="${ctx}/js/plugin/dateRangePicker/daterangepicker.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/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/jspJS/report/excel.js"></script>
</body>
</html>
