<%@ 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>
    <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/bootstrap/dataTables.bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <link rel="stylesheet" href="${ctx}/css/tip.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/jquery/buttons.dataTables.min.css">

    <style type="text/css">
        body {
            overflow-y: hidden
        }

        .mr4 {
            margin-right: 4px;
        }

        div.dataTables_wrapper div.dataTables_paginate{margin:-22px 0 0 0 !important;}
    </style>
</head>
<body class="pd15">
<div class="container-fluid">
    <div class="form-inline header" style="float: left">
        <%@include file="../../include/time.jsp" %>
        <div class="form-inline pdr15" style="display: inline-block;">
            <button type="button" class="btn btn-primary" id="query" onclick="search()">
                <i class="glyphicon glyphicon-search"></i>
            </button>
        </div>
    </div>
    <div class="form-inline header" style="float: right">
        <shiro:hasPermission name="/pqs9200/business/relevance/#">
            <button class="btn themeBGColor fr mr4" id='Aanalysis' onclick="btnClick()" type="button">
                <i class="glyphicon glyphicon-list-alt"></i>
                启动关联分析
            </button>
        </shiro:hasPermission>
        <button class="btn themeBGColor fr mr4" onclick="processBtnClick()"type="button">
            <i class="glyphicon glyphicon-list-alt"></i>
            分析记录管理
        </button>
        <button id="helper" type="button" class="btn btn-primary fr tip tip-bottom" style="right: 3px;"
                data-tip="关联分析详解">
            <i class="glyphicon glyphicon-info-sign" style="margin-left: -3px;margin-right: -3px;"></i>
        </button>
        <div class="form-inline fr mr15" 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>
    </div>
    <div style="width: 100%;">
        <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>
                <th colspan="11">未关联分析列表</th>
            </tr>
            <tr role="row">
                <th class="text-center">事件ID</th>
                <th class="text-center">序号</th>
                <th class="text-center">发生时间</th>
                <th class="text-center">持续时间(s)</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">录波文件</th>
                <th class="text-center">操作</th>
            </tr>
            </thead>
        </table>
    </div>
</div>
<input type="hidden" value="${sessionScope.line_index}" id="lineIndex" name="lineIndex">
<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/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}/js/plugin/xss/xss.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/utils/publicUtils.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/jspJS/utils/helper.js"></script>
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
<script src="${ctx}/jspJS/advanced/relevance.js"></script>
<script type="text/javascript">
    $("#helper").click(function () {
        toHelper("#sjglfx");
    });
</script>
</body>

</html>