<%@ 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/plugin/bootstrap/dataTables.bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/jquery/buttons.dataTables.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <style type="text/css">
        body {
            overflow-y: hidden
        }

        div.dataTables_wrapper div.dataTables_paginate{margin:-22px 0 0 0 !important;}
    </style>
</head>
<body class="pd15">
<div class="row">
    <div class="col-sm-12">
        <div class="row" style="background: #fff;">
            <div class="container-fluid">
                <div class="form-inline">
                    <form class="form-inline ml20 header">
                        <label id="eventName" style="font-size:15px;">事件关联编号为：</label>
                        <div class="form-inline" style="display: inline-block; float: right;margin-right: 5px;"
                             id="fliteData">
                            <div id="search" style="width: 100%;margin-top: -3px;">
                                <label style="font-size:6px;">筛选数据:</label>
                                <input type="search" style="width: 200px;display: inline;" class="form-control input-sm"
                                       placeholder="多条件筛选,空格分开" onkeyup="valueChange(this.value)"/>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <table id="tableId"
               class="table table-striped table-bordered dataTable no-footer table-hover table-condensed"
               cellspacing="0" width="100%" role="grid"
               aria-describedby="example_info">
            <thead>
            <tr role="row">
                <%-- 事件ID，该列隐藏 --%>
                <th class="text-center">归一化ID</th>
                <th class="text-center">事件ID</th>
                <th class="text-center">序号</th>
                <th class="text-center">发生时间</th>
                <th class="text-center">供电公司</th>
                <th class="text-center">变电站</th>
                <th class="text-center">监测点</th>
                <th class="text-center">电压等级(kV)</th>
                <th class="text-center">暂降幅值(%)</th>
                <th class="text-center">持续时间(s)</th>
                <th class="text-center">暂降类型</th>
                <th class="text-center">暂降原因</th>
            </tr>
            </thead>
        </table>
    </div>
</div>
<script src="${ctx}/js/plugin/jquery.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/jquery.dataTables.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/dataTables.bootstrap.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/dataTables.buttons.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/buttons.html5.min.js"></script>
<script src="${ctx}/js/plugin/layerui/layui.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.min.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/loading.js"></script>
<script src="${ctx}/jspJS/advanced/rangewaveform.js"></script>
</body>
</html>