<%@ 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 http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="${ctx}/css/plugin/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/animate/animate.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/iconfont/iconfont.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap-datetimepicker.css">

    <title>部门管理</title>
    <style>
        .btn {
            padding: 0px 5px;
            font-size: 12px;
        }

        .tr {
            text-align: center;
        }

        .td {
            height: 37px;
            line-height: 37px
        }

        body {
            max-height: 500px;
        }

        .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td,
        .table > tbody > tr > td, .table > tfoot > tr > td {
            padding: 7px 0;
            line-height: 1.42857143;
            vertical-align: top;
            border-top: 1px solid #ddd;
        }

        @media screen and (min-width: 1600px) and (max-width: 1700px) and (max-height: 1100px) {

        }
    </style>
</head>
<body>
<div class="pd15 bg-white">
    <div class="left-menu fl"
         style="color: #333; bottom: 0; overflow-y: scroll;margin-top: -4%">
        <div class=""><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="tree1" class="ztree" style="padding: 5px 0;"></div>
    </div>
    <div style="position: absolute; left: 270px; right: 20px; top: 80px; bottom: 0;margin-top: -4%" class="ri">
        <form class="form-inline  header">
            <div class="form-group mt15  fl" style="margin-bottom: 3px">
                <label>部门类型说明：</label><font
                    color="#2E8B57">非自定义:监测点不可跨域绑定&nbsp;&nbsp;</font><font
                    color="#A52a2a">自定义:监测点可跨域绑定</font>
            </div>
            <div class="form-group  mr10  fr" style="margin-bottom: 3px" id="fliteData">
                <label>筛选数据：</label>
                <input type="text" class="form-control" onkeyup="searchResult(this.value)" placeholder="空格分开多条件筛选数据">

                <button type="button" id="addDept" style="margin-right: -8px;margin-top: 5px;"
                        class="btn themeBGColor fr ml5 mt5">
                    <i class="glyphicon glyphicon-plus"></i>新增部门
                </button>
            </div>
        </form>
        <table id="deptsId"
               class="table table-striped table-bordered dataTable no-footer width100">
            <thead>
            <tr role="row">
                <th class="text-center">名称</th>
                <th class="text-center">父节点</th>
                <th class="text-center">创建时间</th>
                <th class="text-center">区域</th>
                <th class="text-center">部门类型</th>
                <th class="text-center">描述</th>
                <th class="text-center">状态</th>
                <th class="text-center">操作</th>
            </tr>
            </thead>
        </table>
    </div>
</div>
<input type="hidden" id="deptsIndex">
</div>
<%--当前会话的用户名--%>
<input type="hidden" id="username" value="${username}">
<input type="hidden" id="token" value="${token}">
<script src="${ctx}/js/plugin/jquery/jquery.min.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/ztree/jquery.ztree.core.js"></script>
<script src="${ctx}/js/plugin/bootstrap/jquery.dataTables.min.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/datatables/datatables.bootstrap.js"></script>
<script src="${ctx}/js/plugin/layui/layer.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.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}/jspJS/utils/loading.js"></script>
<script src="${ctx}/js/plugin/xss/aes.js"></script>
<script src="${ctx}/jspJS/sm2.js"></script>
<script src="${ctx}/jspJS/sm3.js"></script>
<script src="${ctx}/js/plugin/xss/security.js"></script>
<script src="${ctx}/jspJS/confirmIndentity.js"></script>
<script src="${ctx}/jspJS/settings/deptsManage.js"></script>
</body>
</html>