<%@ 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>
    <title>csv表格</title>
    <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"/>
    <link rel="stylesheet"
          href="${ctx}/css/plugin/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="${ctx}/js/plugin/layui/css/layui.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/jquery/jquery-ui.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <style>
        html, body {
            background-color: #F9F9F9 !important;
            font-size: 12px;
            overflow: hidden;
        }

        .btn {
            font-size: 12px
        }

        .buttons-html5 {
            height: 22px;
        }

        a {
            color: #003078;
            text-decoration: underline;
        }

        a:link, a:visited, a:hover, a:active {
            text-decoration: underline;
        }

        .dt-buttons a {
            text-decoration: none;
        }
        th {
            text-align: center;
            border-bottom-width:2px;
        }

        .layui-table[lay-size=sm] th {

            font-weight: bold;
        }
        .layui-table tbody tr:hover,.layui-table-hover{
            background-color: transparent!important;
        }
        .layui-form-label{
            font-weight: bold;
            padding: 1px 1px;
            width: 10%;
            line-height: 20px;
            margin-right: 10px;
        }
        .layui-table-view {
            margin: 5px 0px 0px 0px;
            border:1px solid #ddd;
        }

        .layui-table {
            border-collapse: separate !important;
            margin-bottom: 0px;
            border:1px solid #ddd;
            border-spacing:0;
            background-color: transparent;
            clear: both;
        }
        .layui-table thead tr {
            background-color:#ebebeb ;
            padding: 8px;
        }

        .layui-table  td {
            border:1px solid #ddd;
        }
    </style>
</head>
<body>
<div class="container-fluid fr" style="margin-bottom: 5px;margin-right: 5px">
    <div class="form-inline header" style="margin-top:2px;position: relative;z-index: 99">
        <label class="form-group">时间间隔：</label>
        <div class="form-group has-feedback">
            <select class="form-control" id="interval">
                <option value="周">周</option>
                <option value="月份">月份</option>
                <option value="自定义">自定义</option>
            </select>
        </div>
        <div class="form-group">
            <input type="text" class="form-control form_datetime con"
                   id="startTime" style="width: 88px">
        </div>
        &nbsp;—
        <div class="form-group">
            <input type="text" class="form-control form_datetime con"
                   id="endTime" style="width: 88px">
        </div>

        <button type="button" class="njcn btn themeBGColor" id="before">
            <i class="glyphicon glyphicon-backward"></i>
        </button>
        <div class="form-group" id="present">
            <button type="button" class="njcn btn themeBGColor">当前</button>
        </div>
        <div class="form-group" style="display: none">
            <button type="button" id="queryCsv" class="njcn btn themeBGColor">
                <i class="glyphicon glyphicon-search">查询</i>
            </button>
        </div>
        <button type="button" class="njcn btn themeBGColor" id="next">
            <span class="glyphicon glyphicon-forward" aria-hidden="true"></span>
        </button>

        <%--导出--%>
        <div class="form-group">
            <button type="button" class="btn btn-primary" id="getCsv" style="margin-right: 2px;">导出</button>
        </div>
    </div>
</div>


<div style="width: 100%;display: block;margin-top: 30px">
    <table lay-even id="demo"  lay-filter="test"></table>
    <div id="demo1"></div>  <%--表格分页--%>
</div>
<input type="hidden" id="obj_Search"
       name="obj_Search">
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/color.js"></script>
<script src="${ctx}/js/plugin/layui/layui.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/jquery/jquery.dataTables.js"></script>
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/js/basic.js"></script>
<script src="${ctx}/js/plugin/xss/xss.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.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/xss/xss.js"></script>
<script src="${ctx}/jspJS/webtool/xbcsv.js"></script>
</body>
</html>
