<%@ 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/datatables/buttons.dataTables.min.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/plugin/bootstrapSwitch/bootstrap-switch.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/ztree/zTreeStyle.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <style>
        th, td {
            white-space: nowrap;
        }
        #vdlist{
            width: 1720px;
            min-width: 1720px;
        }
        body{
            overflow: hidden;
        }
        .table > tbody > tr > td {
            padding: 3px;
            line-height: 1.42857143;
            vertical-align: top;
            border-top: 1px solid #ddd;
        }
    </style>
</head>
<body class="mbody pdt5 pdb5">
<div  class="container-fluid">
    <div class="form-inline header">
        <label class="form-group">区域：</label>
        <div class="disinlineb">
            <input id="area" class="form-control" style="width: 140px" readonly>
            <i class="fa fa-caret-down areaicon"></i>
            <i class="fa fa-caret-up treeUpIcon disnone"
               style="color: #C9CBCE;position: absolute;left: 60px;font-size: 18px;z-index: 9999;top: 20px"></i>
            <div class=" ztree treeUpDiv disnone " id="areaTree"
                 style="position: absolute;width: 140px;height: 147px;border: 2px solid #C9CBCE;overflow: auto;top: 32px;background: #fff;z-index: 100;border-radius: 2px">
            </div>
        </div>
        <%@include file="../../include/time.jsp"%>
        <button id="query" type="button" class="btn btn-primary ml5">
            <i class="glyphicon glyphicon-search"></i>
        </button>
        <div class="form-group has-feedback ml10" >
            <input type="checkbox" checked class="off_line" id="off_line" />
        </div>



        <div class="form-group fr mr10" id="fliteData">
            <label >筛选数据：</label>
            <input type="text" class="form-control"  onkeyup="searchResult(this.value)" placeholder="空格分开多条件筛选数据" >
            <button id="downloadData" type="button" class="btn btn-primary">
                <i class="glyphicon glyphicon-download"></i>导出
            </button>
        </div>

        <div class="form-group fr mr15">
            <div id="off" style="display: none">
                <label >文件选择：</label>
                <input type="checkbox" checked class="checkbox" id="checkbox" />
                <button id="uploadData" type="button" class="btn btn-primary">
                    <i class="glyphicon glyphicon-upload"></i>导入
                </button>
            </div>
            <div id="online" >
                <button type="button" class="btn btn-primary" id="addEvent" style="margin-top: 1px">新增暂态事件</button>
            </div>

        </div>

    </div>
    <table id="vdlist" class="table table-striped table-bordered dataTable no-footer width100" >
        <thead>
        <tr >
            <th>暂降发生时刻</th>
            <th>供电公司</th>
            <th>变电站</th>
            <th>终端IP</th>
            <th>监测点</th>
            <th >电压等级</th>
            <th>暂降（骤升）幅值(%)</th>
            <th>持续时间(s)</th>
            <th>严重度</th>
            <th>暂降类型</th>
            <th>暂降原因</th>
            <th>操作</th>
        </tr>
        </thead>
    </table>
</div>
</body>
<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/layui/layer.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/datatables/dataTables.buttons.min.js"></script>
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
<script src="${ctx}/js/plugin/bootstrapSwitch/bootstrap-switch.min.js"></script>
<script src="${ctx}/js/plugin/ztree/jquery.ztree.core.js"></script>
<script src="${ctx}/js/area.js"></script>
<script src="${ctx}/js/basic.js"></script>
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/terminal/offlineData.js"></script>
</html>
