<%@ 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">
    <title>新增部门</title>
    <link rel="stylesheet" href="${ctx}/js/plugin/layui/css/layui.css"
          media="all">
    <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/basic.css">

    <style type="text/css">
        html {
            overflow: hidden;
        }
    </style>
</head>
<body class="bg-white">
<div class="layui-form-item" style="margin-top: 15px; width: 320px">
    <label class="layui-form-label" style="width: 110px">部门名称:</label>
    <div class="layui-input-block">
        <input type="text" id="deptsName" placeholder="请输入" maxlength="100"
               autocomplete="off" style="width: 99%; margin-top: 5px;margin-left:-5px;height: 30px"><font
            color="red">*</font>
    </div>
</div>
<div class="layui-form-item" style="width: 320px">
    <label class="layui-form-label" style="width: 110px">父节点:</label>
    <div class="layui-input-block">
        <select name="interest" id="parentNode" style="width: 100%;  margin-top: 5px;margin-left:-5px;height: 30px">
        </select>
    </div>
</div>
<div class="layui-form-item" style="width: 320px" id="areaid">
    <label class="layui-form-label" style="width: 110px">区域:</label>
    <div class="layui-input-block">
        <input id="areano" type="text" style="width: 100%;
				 margin-top: 5px;margin-left:-5px;height: 30px;display:
				none"
               disabled autocomplete="off" value="已无区域可绑">
        <select name="area" id="area" style="width: 100%;  margin-top: 5px;margin-left:-5px;height: 30px">

        </select>
    </div>
</div>
<div class="layui-form-item" style="width: 320px">
    <label class="layui-form-label" style="width: 110px">部门类型:</label>
    <div class="layui-input-block">
        <select name="customDept" id="customDept" style="width: 100%;  margin-top: 5px;margin-left:-5px;height: 30px">
            <option>---请选择---</option>
            <option value="0">非自定义</option>
            <option value="1">web自定义</option>
            <option value="2">app自定义</option>
        </select>
    </div>
</div>
<div class="layui-form-item layui-form-text" style="width: 320px">
    <label class="layui-form-label" style="width: 110px">部门描述:</label>
    <div class="layui-input-block">
				<textarea placeholder="请输入内容" class="layui-textarea" maxlength="200"
                          style="resize: none; margin-top: 5px;margin-left:-5px;" id="deptsDescription"></textarea>
    </div>
</div>
<div class="layui-form-item">
    <div class="layui-input-block" style="width: 320px">
        <button type="button" class="layui-btn themeBGColor"
                id="insertAddDept"
                style="margin-left: 10px">提交
        </button>
        <button type="button" class="layui-btn cancleBGColor"
                style="margin-left: 45px"
                id="close">取消
        </button>
    </div>
</div>
<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/layui/layer.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/settings/addDepts.js"></script>
</body>
</html>