<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8"/>
<title>组织机构管理</title>
</head>
<body>

<div class="base-extend orgList">
	<ol class="breadcrumb">
	  	<li>系统管理</li>
	  	<li>组织机构管理</li>
	</ol>
	<div class="yk_orgBox">
		<div class="yk_orgMenu">
			<div class="input-control search-box has-icon-left has-icon-right">
				 <input type="search" id="searchDepart" class="form-control search-input" placeholder="搜索部门/成员">
				  <label for="inputSearchExample1" class="input-control-icon-left search-icon"><i class="icon icon-search"></i></label>
				  <a href="#" class="input-control-icon-right search-clear-btn"><i class="icon icon-remove"></i></a>
			</div>
			<div class="yk_groupBtn">
				<div class="organization check">组织机构</div>
				<div class="role">角色</div>
			</div>
			<div class="yk_roleBtn">
				<button class="yk_addRoleGroup" tag:hasPermission='addRoleGroup'>新增角色组</button>
				<button class="yk_addRole" tag:hasPermission='addRole'>新增角色</button>
			</div>
			<ul class="tree tree-chevrons scrollbar" id="orgTree"></ul>
			<!-- <ul class="tree tree-chevrons scrollbar" id="roleTree"></ul> -->
			<ul class="ztree" id="roleTree"></ul>
			<div id="searchResult"></div>
		</div>
		<div class="yk_orgContent">

		</div>
	</div>

	<!-- 新增角色组 -->
	<div class="modal fade businessDialog" id="myModal-addRoleGroup"  data-backdrop="static">
		<div class="modal-dialog" style="width:7.5rem;">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true" style="font-size:0.18rem">×</span><span class="sr-only">关闭</span>
				</button>
				<span class="modal-title">新增角色组</span>
			</div>
			<div class="modal-content">
				<form class="form-horizontal" style="margin:0;">
					<div class="newTabAddUpdateBox" style="position:static;border:none;padding-left:0.2rem;padding-right:0.2rem;padding-bottom:0;">
						<div class="row">
							<table>
								<tr>
									<td width="18%">
										<span class="required_fileds_star">角色组名称</span>：
									</td>
									<td width="82%" class="enter">
										<input type="text" id="roleGroupName" class="form-control">
										<label class="error" style="display:none;">请输入角色组名称</label>
									</td>
								</tr>
							</table>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary btn-white btn-info colorbtn addRoleGroupSave">保存</button>
						<button type="button" class="btn btn-primary btn-white btn-info colorbtn updateRoleGroupSave" style="display:none;">保存</button>
						<button type="button" class="btn btn-danger btn-white btn-info deleteRoleGroupSave" style="display:none;color:red;text-shadow:none;color:#e64525 !important">删除</button>
						<button type="button" class="btn btn-default btn-white btn-info " data-dismiss="modal">取消</button>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!-- 新增角色 -->
	<div class="modal fade businessDialog" id="myModal-addRole" data-backdrop="static">
		<div class="modal-dialog" style="width:7.5rem;">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true" style="font-size:0.18rem">×</span><span class="sr-only">关闭</span>
				</button>
				<span class="modal-title">新增角色</span>
			</div>
			<div class="modal-content">
				<form class="form-horizontal" style="margin:0;">
					<div class="newTabAddUpdateBox" style="position:static;border:none;padding-left:0.2rem;padding-right:0.2rem;padding-bottom:0;">
						<div class="row">
							<table>
								<tr>
									<td width="15%">
										<span class="required_fileds_star">角色名称</span>：
									</td>
									<td width="85%" class="enter">
										<input type="text" id="roleName" class="form-control">
										<label class="error" style="display:none;">请输入角色名称</label>
									</td>
								</tr>
								<tr>
									<td width="15%">
										<span class="required_fileds_star">分组到</span>：
									</td>
									<td width="85%" class="enter">
										<select class="form-control" id="toGroup"></select>
										<label class="error" style="display:none;">请选择角色分组</label>
									</td>
								</tr>
								<tr>
									<td width="15%">
										<span class="required_fileds_star">选择权限</span>：
									</td>
									<td width="85%" class="enter">
										<ul id="permissionTree" class="ztree" style="border:none;"></ul>
									</td>
								</tr>
							</table>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary btn-white btn-info colorbtn addRoleSave">保存</button>
						<button type="button" class="btn btn-primary btn-white btn-info colorbtn updateRoleSave">保存</button>
						<button type="button" class="btn btn-danger btn-white btn-info deleteRoleSave" style="color:red;text-shadow:none;color:#e64525 !important">删除</button>
						<button type="button" class="btn btn-default btn-white btn-info" data-dismiss="modal">取消</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
</body>
<script type="text/html" id="addRoleGroupTag"><button class="yk_addRoleGroup" tag:hasPermission='addRoleGroup'>新增角色组</button></script>
<script type="text/html" id="addRoleTag"><button class="yk_addRole" tag:hasPermission='addRole'>新增角色</button></script>
<script src="/js/sys/org/orgList.js"></script>
</html>
