<%--
  Created by IntelliJ IDEA.
  User: HuaJunD
  Date: 2018/10/11
  Time: 14:19
  To change this template use File | Settings | File Templates.
--%>
<%@ 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/basic.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;
            width:285px;
        }

        #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: 285px;
        }



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

    </style>
</head>
<body class="pd5">

    <div id="middle_left" class="left-menu fl" style="color:#333;bottom:0;">
        <div id="search" style="text-align: right">
            <input style="width: 190px; height: 25px;" id="search_value"
                   type="text" value="" placeholder="请输入关键词" autocomplete="off"
                   oninput="valueChange(this.value)" />
            <button type="button" id="serchB"
                    class="btn-primary"
                    onclick="javascript: searchNode(search_value.value)"
                    style="height: 25px; width: 55px; border-radius: 4px; border: 1px solid;">
                <i class="glyphicon glyphicon-search"></i>搜索
            </button>
        </div>
        <div style="width:285px;">
            <div id="tree" class="ztree" style="overflow:auto;margin-left: 4px;"></div>
        </div>
    </div>

<div class="row" style="background:#fff;">
    <%--中间操作区域--%>
    <div id="middle_div" class="middlediv" style="width:100%;">
        <iframe class="mainright" id="main_right" scrolling="no"
                name="main_right" frameborder="0"></iframe>
    </div>
</div>
<%--Common Modal --%>
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
<script src="${ctx}/js/plugin/xss/xss.js"></script>
<script src="${ctx}/js/plugin/layui/layer.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/ztree/jquery.ztree.excheck.js"></script>
<script src="${ctx}/js/plugin/ztree/jquery.ztree.exhide.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}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/utils/deviceTrees.js"></script>
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script>
    var picWidth = $(window).width() - 280;
    $("#main_right").css("width", picWidth);

    var picHeight = $(window).height();
    $("#main_right").css("height", picHeight);

    document.getElementById("main_right").src = "xbcsvmain";


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