<%@ 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/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="${ctx}/js/plugin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="${ctx}/css/plugin/amazeui/amazeui.css" media="all">
    <link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <style>
        #tree, #fileDiv {
            overflow-y: auto;
        }

        body {
            overflow-y: hidden;
        }

        .control-label {
            padding-top: 4px !important;
        }

        #fileTable {
            margin: 0 !important;
        }

        #add {
            right: 0;
            z-index: 999;
        }

        .layui-table td, .layui-table th {
            position: relative;
            padding: 8px;
            line-height: 1.4;
            font-size: 12px;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div id="leftContainer" class="col-sm-3 col-md-3 mt5">
            <div class="title_1">监测点名称：<span id="lineName" style="color: red;">暂未选中监测点</span></div>
            <div class="pdt5"><input style="width:155px;" id="search_value" type="text" value="" placeholder="请输入关键词"/>
                <input type="button" class="btn btn-primary" value="搜索" onclick="javascript: searchNode(search_value.value)"
                       style="padding:0 5px;"></div>
            <div id="tree" class="ztree"></div>
        </div>

        <div class="col-sm-9 col-md-9 mt5">
            <div class="form-horizontal mt15" id="form-horizontal" role="form" style="border: 1px solid">
                <div class="form-group mt10">
                    <label for="date" class="col-sm-2 control-label">暂态发生时间</label>
                    <div class="col-sm-3" style="padding-right: 0px">
                        <input type="text" name="date" id="date" lay-verify="date" placeholder="yyyy-MM-dd hh:mm:ss"
                               autocomplete="off" class="form-control">
                    </div>
                    <div class="col-sm-1" style="padding-left: 0px">
                        <input type="text" style="width: 70px;float: right" name="ms" id="ms" lay-verify="ms"
                               placeholder="xxx ms" autocomplete="off" class="form-control">
                    </div>
                    <label for="date" class="col-sm-2 control-label">持续时间(ms)</label>
                    <div class="col-sm-2">
                        <input type="text" style="width: 70px" name="persistTime" id="persistTime"
                               lay-verify="persistTime"
                               placeholder="xxx ms" autocomplete="off" class="form-control">
                    </div>
                    <div class="col-sm-1"></div>
                </div>
                <div class="form-group">
                    <label for="waveType" class="col-sm-2 control-label">事件类型</label>
                    <div class="col-sm-4">
                        <select class="form-control" id="waveType">
                            <option value="0">扰动</option>
                            <option value="1">暂降</option>
                            <option value="2">暂升</option>
                            <option value="3">中断</option>
                            <option value="4">其他</option>
                            <option value="5">录波</option>
                        </select>
                    </div>
                    <label for="eventValue" class="col-sm-2 control-label">特征幅值</label>
                    <div class="col-sm-3">
                        <input type="text" name="eventValue" id="eventValue" style="width: 70px;"
                               lay-verify="eventValue" placeholder=""
                               autocomplete="off" class="form-control">
                    </div>
                    <div class="col-sm-1"></div>
                </div>
                <div class="form-group">
                    <label for="eventReason" class="col-sm-2 control-label">暂态原因</label>
                    <div class="col-sm-4">
                        <select class="form-control" id="eventReason">

                        </select>
                    </div>
                    <label for="eventType" class="col-sm-2 control-label">暂态类型</label>
                    <div class="col-sm-3">
                        <select class="form-control" id="eventType">

                        </select>
                    </div>
                    <div class="col-sm-1"></div>
                </div>
                <div class="form-group">
                    <label for="describe" class="col-sm-2 control-label">暂态事件描述</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="describe" placeholder="请输入暂态事件描述"
                               style="width: 90%">
                    </div>
                </div>
                <div class="form-group">
                    <label for="waveUpload" class="col-sm-2 control-label">
                        <button class="btn btn-primary" type="button" id="waveUpload">波形文件上传</button>
                    </label>
                    <div class="col-sm-9">

                    </div>
                    <div class="col-sm-1"></div>
                </div>
                <div class="form-group" style="margin-left: 0px;margin-right: 0px">
                    <div class="layui-upload-list col-sm-12" id="fileDiv">
                        <table class="layui-table" id="fileTable">
                            <thead>
                            <tr>
                                <th class="text-center">文件名</th>
                                <th class="text-center">大小</th>
                                <th class="text-center">状态</th>
                                <th class="text-center">操作</th>
                            </tr>
                            </thead>
                            <tbody id="fileList"></tbody>
                        </table>
                    </div>
                </div>
                <div class="form-group" style="bottom: 20px;position: absolute;width: 100%;left: 0px;right: 0px">
                    <div style="text-align: center;">
                        <button type="button" class="btn btn-primary" id="testListAction1">开始上传</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<input type="hidden" id="deviceIndex">
<input type="hidden" id="lineIndex">
</body>
<script src="${ctx}/js/plugin/jquery.min.js"></script>
<script src="${ctx}/js/plugin/jquery.contextMenu.js"></script>
<script src="${ctx}/js/plugin/jquery.cleverTabs.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
<script src="${ctx}/js/plugin/layui/layer.js"></script>
<script src="${ctx}/js/plugin/ztree/jquery.ztree.core.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${ctx}/js/plugin/layui/layui.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/terminal/addDownEvent.js"></script>

</html>
