<%@ 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>电度数据展示</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/basic.css">
    <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/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/plugin/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <style>
        html, body {
            background-color: #F9F9F9 !important;
            font-size: 12px;
            overflow: hidden;
        }

        .form-control {
            font-size: 12px;
            padding: 4px 12px;
        }

        .btn {
            font-size: 12px
        }

        .picDiv {
            clear: both;
            background-color: #fff;
            overflow-y: auto;
        }

        a {
            color: #003078;
        }

        .newslist div {
            margin-top: 10px;
            position: relative;
            height: 100%;
            line-height: 30px;
            font-size: 14px;
        }
    </style>
</head>
<body>
<div class="container-fluid fr">
    <div class="form-inline header" style="margin-top:2px;position: relative;z-index: 99">
        <div class="form-group ">
            <label style="font-weight: bold;margin-top: 5px" id="typeName"></label>
            <select class="form-control" id="choo" onchange='targetState(this[selectedIndex].value)'>

            </select>
        </div>
        <%@include file="../../include/time.jsp" %>
        <%--查询--%>
        <div class="form-group">
            <button type="button" class="btn btn-primary" id="query">
                <i class="glyphicon glyphicon-search"></i>
            </button>
        </div>
        <%--导出--%>
        <div class="form-group">
            <button type="button" class="btn btn-primary" id="uploadCsv" title="导出电度数据">
                <i class="glyphicon glyphicon-share"></i>
            </button>
        </div>
    </div>
</div>
<%-- 指标 --%>
<div class="float-open" id="float-open"
     style="right: 7px; float: right;">

    <a id="open-btn" href="javascript:void(0);"><i class="fa fa-arrow-circle-o-left"
                                                   style="font-size: 33px"></i></a>
</div>
<div class="float-news" id="float-news"
     style="right: -450px; float: right; height: 70%;width: 19%">
    <a id="float-close" href="javascript:void(0);"><i
            class="fa fa-remove" style="font-size: 33px;margin-left: 160px;"></i></a>
    <div class="newslist" style="margin-top: -46px;">
        <h3>指标</h3>
        <div id="target" class="ztree" style="overflow-y: auto"></div>
    </div>
</div>
<div class="picDiv" id="echartId" style="width: 98%">
    <div id="point" class="a"
         style="max-width: 98%; max-height:100%;display: none">
        <li id="pointInfo" style="font-size: 20px;text-align: center"></li>
        <img src="${ctx}/images/timg.png" id="imgs">
    </div>
    <div class="bxfx" id="container"></div>
</div>
<input type="hidden" id="jcdxq" name="jcdxq">
<input type="hidden" id="lineIndex" name="lineIndex">
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/highcharts/lodash.min.js"></script>
<script src="${ctx}/js/plugin/highcharts/highstock.js"></script>
<script src="${ctx}/js/plugin/highcharts/export.js"></script>
<script src="${ctx}/js/plugin/highcharts/export-csv.js"></script>
<script src="${ctx}/js/plugin/highcharts/offline-exporting.js"></script>
<script src="${ctx}/js/plugin/highcharts/highchart-ZH.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/ztree/jquery.ztree.exhide.js"></script>
<script src="${ctx}/js/plugin/ztree/jquery.ztree.exhide.min.js"></script>
<script src="${ctx}/js/plugin/ztree/jquery.ztree.excheck.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/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/color.js"></script>
<script src="${ctx}/js/basic.js"></script>
<script src="${ctx}/jspJS/utils/plateUtils.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/assessmentsis/plateReport.js"></script>
<script>
    $("#interval").val("月份");

    $(function () {
        $("#float-close").click(function () {
            $(".float-news").animate({
                right: '-450px'
            }, 300, function () {
                $(".float-open").delay(50).animate({
                    right: '7px'
                }, 300);
            });
        });
        $("#open-btn").click(function () {
            $(".float-open").animate({
                right: '-70px'
            }, 100, function () {
                $(".float-news").delay(50).animate({
                    right: '10px'
                }, 300);
            });
        });
        // c();
    })

    // function c() {
    //     changeState(true);
    //     ismult = true;
    // }

</script>
</body>
</html>
