<%@ 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>
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <style type="text/css">
        .labelColor {
            color: red;
        }

        div.dataTables_wrapper div.dataTables_paginate {
            margin: -22px 0 0 0 !important;
        }
    </style>
</head>
<body class="pdr15 pdl10 pdt5">
<div class="row pdr15 pdl10 pdt5">
    <ul id="myTab" class="nav nav-tabs" style="float: left;">
        <li class="active"><a href="#sjbx" data-toggle="tab">事件波形</a></li>
        <li><a href="#rms" data-toggle="tab">RMS波形</a></li>
    </ul>
    <div class="row" style="float: right;">
        <form class="form-inline ml10">
            <label class="form-group mr10 labelColor">右侧控件可控制波形图片的显示&隐藏</label> <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>
            <div style="display: inline-block;">
                <button class="btn themeBGColor mr10 ml10"
                        id='deleteWaveform' type='button'>关联事件删除
                </button>
                <button class="btn themeBGColor  mr10" id='addWaveform' type='button'>新增关联事件</button>
                <button type="button" class="btn themeBGColor " id="screenPic">
                    <i class="glyphicon glyphicon-floppy-save"></i>保存图片
                </button>
            </div>
        </form>
    </div>
    <div style="clear: both;"></div>
    <div id="myTabContent" class="tab-content pd15"
         style="width: 100%; margin: 0 auto;">
        <div id="sjbx" class="tab-pane fade in active"
             style="overflow-x: hidden;">
            <template id="bxfx_template">
                <div class="bxfx" style="width: 99%; height: 300px;"></div>
            </template>
        </div>
        <div id="rms" class="tab-pane fade in" style="overflow-x: hidden;">
            <template id="rms_template">
                <div class="rms" style="width: 99%; height: 300px;"></div>
            </template>
        </div>
    </div>
</div>
<div class="float-open" id="float-open"
     style="right: -2px; float: right;">
    <a class="open-btn" href="javascript:void(0);">&gt;</a>
</div>
<div class="float-news" id="float-news"
     style="right: -450px; float: right;">
    <a class="float-close" href="javascript:void(0);">X</a>
    <div class="newslist">
        <h3>发生时刻</h3>
        <div id="picList"></div>
    </div>
</div>
<canvas id='canvasipal' width='2000' style='display: none'></canvas>
<script src="${ctx}/js/plugin/jquery.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
<script src="${ctx}/js/plugin/highchart/highstock.js"></script>
<script src="${ctx}/js/plugin/layerui/layui.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/js/color.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/jspJS/utils/highChartsGanged.js"></script>
<script src="${ctx}/jspJS/utils/saveImage.js"></script>
<script src="${ctx}/js/plugin/highchart/export.js"></script>
<script src="${ctx}/jspJS/advanced/wavecompare.js"></script>
</body>
</html>
