<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <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"/>
    <title>工作台</title>
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/animate/animate.min.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">
    <style>
        .clearUi:after {
            content: "";
            display: block;
            clear: both;
        }

        .nav > li > a {
            padding: 3px 15px;
        }

        body {
            overflow-x: auto;
        }
    </style>
</head>
<body class="container-fluid">
<div class="row">
    <div class="col-sm-12 col-md-12">
        <div class="clearUi">
            <div class="fr mt10 ml10  ">
                <form class="form-inline">
                    <label class="form-group">值类型选择：</label>
                    <div class="form-group has-feedback">
                        <select class="form-control" id="interval">
                            <option value="one">一次值</option>
                            <option value="two">二次值</option>
                        </select>
                    </div>
                </form>
            </div>
        </div>
        <ul id="myTab" class="nav nav-tabs">
            <li class="active"><a href="#instance" data-toggle="tab">瞬时波形</a></li>
            <li><a href="#RMSD" data-toggle="tab">RMS波形</a></li>
        </ul>
        <div class="tab-content">
            <div id="instance" class="tab-pane fade in active">
                <div class="bx" id="wave"></div>
            </div>
            <div id="RMSD" class="tab-pane fade in">
                <div class="bx" id="rms"></div>
            </div>
        </div>
    </div>
    <input type="hidden" value="${sessionScope.eventIndex}" id="eventIndex">
</div>
<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/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/layui/layui.all.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/js/color.js"></script>
<script src="${ctx}/js/plugin/xss/xss.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/area/wave.js"></script>
</body>
</html>