<%@ 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}" />
<link rel="stylesheet"
	  href="${ctx}/css/plugin/metroStyle/metroStyle.css">
<div id="father"
	 style="width: 280px; float: left; height: 100%; margin-top: 5px">
	<div class="has-feedback" style="width: 100%;">
		<form class="form-inline" style="padding-top: 5px;padding-bottom: 5px;">
			<label style="font-size: 12px;font-weight: 500;">分类方式:</label>
			<div class="form-group">
				<select id="datatype" style="width: 145px;padding-bottom: 3px;padding-top: 3px">
					<option selected value="0">电网拓扑</option>
					<option value="1">终端厂家</option>
					<option value="2">电压等级</option>
					<option value="3">干扰源类型</option>
				</select>
			</div>
		</form>
	</div>
	<div id="search">
			<input style="width: 94%;  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>--%>
<%--			<button type="button" id="resetB"--%>
<%--				class="btn-primary"--%>
<%--				onclick="resetTree()"--%>
<%--				style="padding: 0 5px; height: 25px; width: 55px; border-radius: 4px; border: 1px solid;display:none;">--%>
<%--				<i class="glyphicon glyphicon-refresh"></i>重置--%>
<%--			</button>--%>
	</div>
	<div id="tree" class="ztree" style="overflow: auto;margin-left: -8px;"></div>
</div>
<script src="${ctx}/js/plugin/jquery/jquery.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/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}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/utils/deviceTree.js"></script>
