<%--
  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;
        }

        #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;
            width: 83.5%;
            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;
        }

    </style>
</head>
<body class="pd5">
<div class="left-menu" style="color:#333;top:5%;overflow-y:auto;">
    <div class="pdt5"><input style="width:155px;" id="search_value" type="text" value="" placeholder="请输入关键词" />
        <input type="button" value="搜索" onclick="javascript: searchNode(search_value.value)" style="padding:0 5px;"></div>
    <div id="tree" class="ztree" style="padding:8px 2px;min-height: 563px;"></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="#dzgl" id="dzgl" data-toggle="tab">定值管理</a></li>
<%--            <li><a href="#devfz" id="devfz" data-toggle="tab">终端辅助</a></li>--%>
            <li class="active"><a href="#ftp" id="ftp" data-toggle="tab">文件管理</a></li>
            <li style="float: right;" id="pointInfo"></li>
        </ul>
        <iframe class="mainright" id="main_right" scrolling="no"
                name="mainright" 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">
<%--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/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}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/utils/deviceMainTree.js"></script>
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
<script type="text/javascript">
    $('#myTab').find('li').click(function () {
        var index = $(this).index();
        (index) ? $('#right-arr').hide() : $('#right-arr').show();
    });

    $(document).ready(function (){
        var picWidth=$(window).width()-240;
        $("#middlediv").css("width",picWidth);
        $("#main_right").css("width",picWidth);

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

        var treeHeight=$(window).height()-30;
        $("#tree").css("min-height",treeHeight);
        document.getElementById("main_right").src = "dzgl";
        $("#middlesrc").val('dzgl');
    })
    //定值管理
    $('#dzgl').click(function() {
        document.getElementById("main_right").src = "dzgl";
        $("#middlesrc").val('dzgl');
    })
    //终端辅助
    $('#devfz').click(function() {
        document.getElementById("main_right").src = "devfz";
        $("#middlesrc").val('devfz');
    })
    //ftp功能
    $('#ftp').click(function() {
        document.getElementById("main_right").src = "ftp";
        $("#middlesrc").val('ftp');
    })

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