<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<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>
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/jquery/jquery-ui.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/checkbutton.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
	<link rel="stylesheet" href="${ctx}/css/plugin/bootstrapSwitch/bootstrap-switch.min.css">
    <style type="text/css">
        body, html, #allmap {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
            font-family: "微软雅黑";
            background-color: #F9F9F9 !important;
        }

        .dg-sub b.red {

            border-bottom: solid 1px #98af9f;
            font-weight: bold;
        }

        .dg-sub b {
            padding: 2px 5px;
            color: #666;
            font-weight: normal;
        }

        .left-menu {
            top: 5px;
            left: 5px;
        }

        #tj {
            min-height: 550px;
        }

        @media screen and (min-width: 1000px) and (max-width: 1400px) and (max-height: 500px) {
            #tj {
                min-height: 500px;
            }
        }

        .nav > li > a {
            padding: 3px 15px;
        }

        .middlediv {
            background: #FFFFFF;
            float: left;
            position: absolute;
            left: 245px;
        }

        .middleleft {
            border: 1px solid rgb(0, 106, 106);
            margin-bottom: 1px;
            margin-top: 1px;
            float: left;
            width: 220px;
        }

        .imgarrow {
            float: left;
            margin-left: 0px;
            margin-top: 1px;
        }

        .mainright {
            float: left;
            margin-left: 1px;
            width: 300px;
        }

        #middle_tree {
        }

    </style>
</head>
<body class="pd5">
<div id="middle_tree" style="float:left;">
    <div id="middle_left" class="left-menu fl" style="color:#333;bottom:0;overflow:auto;">
        <div class=""><input style="width:170px;" id="search_value" type="text" value="" placeholder="请输入关键词"/>
            <input type="button" value="搜索" class="btn-primary" onclick="javascript: searchNode(search_value.value)"
                   style="padding:0 5px;border: 0px;border-radius: 2px">
        </div>
        <div style="width:220px;">
            <div id="tree" class="ztree" style="overflow:auto;"></div>
        </div>
    	<div id="myVue">
    	<el-radio-group v-model="radio3" size="small">
			      <el-radio-button class="primary" label="监测点"  onclick="offlineTree()"></el-radio-button>
			      <el-radio-button class="primary" label="年份" onclick="yearTree()"></el-radio-button>
			      <el-radio-button class="primary" label="干扰源类型" onclick="loadtypeTree()"></el-radio-button>
			    </el-radio-group>
		</div>
    </div>
</div>
<div class="row" style="background:#fff;">
    <%--中间操作区域--%>
    <div id="middle_div" class="middlediv">
        <ul id="myTab" class="nav nav-tabs">
            <li class="active"><a href="#offwtqs" id="offwtqs" data-toggle="tab">稳态趋势对比</a></li>
            <li><a href="#offxbpp" id="offxbpp" data-toggle="tab">谐波频谱</a></li>
            <li><a href="#offword" id="offword" data-toggle="tab">word报告</a></li>
            <li style="float: right;"><a href="javascript:void(0)" id="pointInfo" style="font:12px;"><font
                    color="#ff0000">所选监测点:</font></a></li>
        </ul>
        <iframe class="mainright" id="main_right"
                name="main_right" frameborder="0"></iframe>
    </div>
</div>
<input type="hidden" id="lineIndex" name="lineIndex">
<input type="hidden" id="lineName" name="lineName">
<input type="hidden" id="middlesrc" name="middlesrc">
<input type="hidden" id="allstime" name="allstime">
<input type="hidden" id="alletime" name="alletime">
<input type="hidden" id="checkpieces" name="checkpieces">
<input type="hidden" id="checkpiecee" name="checkpiecee">
<%--Common Modal --%>
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/layui/lay/modules/vue.min.js"></script>
<script src="${ctx}/js/plugin/layui/lay/modules/element.min.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/xss/xss.js"></script>
<script src="${ctx}/js/plugin/jquery/jquery.contextMenu.js"></script>
<script src="${ctx}/js/plugin/jquery/jquery.cleverTabs.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/bootstrapSwitch/bootstrap-switch.min.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/utils/offLineTree.js"></script>
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
<script src="${ctx}/jspJS/monitor/offLinemonitor.js"></script>
<script type="text/javascript">
    $('#myTab').find('li').click(function () {
        var index = $(this).index();
        (index) ? $('#right-arr').hide() : $('#right-arr').show();
    });

	new Vue({
	    el: '#myVue',
		 data() {
		 	return {
		        radio3: '监测点'
		 	}
		 },
	    methods: {
	    }
	})
</script>
</body>
</html>
