| <%@ page language="java" contentType="text/html; charset=UTF-8" | 
|     pageEncoding="UTF-8"%> | 
|     <%@ include file="../../include/core.jsp" %> | 
|      | 
| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | 
| <html> | 
| <head> | 
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | 
| <title>角色管理</title> | 
| <script type="text/javascript" src="${path }/jsFiles/role.js"></script> | 
| <style type="text/css"> | 
| .modal-dialog {  | 
|     position: absolute;  | 
|     top: 0;  | 
|     bottom: 0;  | 
|     left: 0;  | 
|     right: 0;  | 
| }  | 
|   | 
| .modal-content {  | 
|     /*overflow-y: scroll; */  | 
|     position: absolute;  | 
|     top: 0;  | 
|     bottom: 0;  | 
|     height :60%; | 
|     width: 100%;  | 
| }  | 
|   | 
| .modal-body { | 
|     overflow-y: scroll;  | 
|     position: absolute;  | 
|     top: 55px;      | 
|     bottom: 65px;   | 
|     width: 100%;  | 
| }  | 
|   | 
| .modal-header .close {margin-right: 15px;}  | 
|   | 
| .modal-footer { | 
|     position: absolute;  | 
|     width: 100%;  | 
|     bottom: 0;  | 
| } | 
| </style> | 
| </head> | 
| <body> | 
| <table id="test-table" class="table table-hover table-striped table-condensed table-bordered"></table> | 
|   | 
| <!--toolbar  --> | 
| <div id="toolbar" class="btn-toolbar"> | 
|     <button id="addButton" onclick="addRole()" type="button" class="btn btn-success"> | 
|       <span class="glyphicon glyphicon-plus" aria-hidden="true">添加</span> | 
|     </button> | 
| </div> | 
|   | 
|   | 
| <!-- 模态框(Modal) --> | 
| <!-- 添加部门 --> | 
| <div id="addDlg" class="modal fade" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-labelledby="myModalLabel" aria-hidden="true"> | 
|     <div class="modal-dialog"> | 
|         <div class="modal-content"> | 
|             <div class="modal-header"> | 
|                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | 
|                 <h4 class="modal-title" id="myModalLabel">添加角色</h4> | 
|             </div> | 
|              | 
|             <div class="modal-body"> | 
|             <form class="form-horizontal" id="addForm"  method="post"> | 
|              | 
|             <div class="form-group"> | 
|             <label class="col-md-3 control-label">角色名称:</label> | 
|             <div class="col-md-9 "> | 
|             <input type="text" id="role_name" onblur="checkRole()" name="role_name" class="form-control form-control-static" placeholder="请输入角色名称"> | 
|             </div> | 
|             <label class="control-label"><span id="info" style="color:red"></span></label> | 
|             </div> | 
|              | 
|             <div class="form-group"> | 
|             <label class="col-md-3 control-label">上级角色:</label> | 
|             <div class="col-md-9"> | 
|             <select id="pid" name="pid" class="form-control form-control-static" ></select> | 
|             </div> | 
|             </div> | 
|              | 
|             <div class="form-group"> | 
|             <label class="col-md-3 control-label">角色描述:</label> | 
|             <div class="col-md-9"> | 
|             <textarea rows="3" id="role_desc" name="role_desc" cols="30" class="form-control form-control-static" placeholder="请输入角色 描述"></textarea> | 
|             </div> | 
|             </div> | 
|             <!--用来清空表单数据--> | 
|             <input type="reset" name="reset" style="display: none;" /> | 
|             </form> | 
|             </div> | 
|              | 
|             <div class="modal-footer"> | 
|                 <button type="button" class="btn btn-default" onclick="closeDlg()">关闭</button> | 
|                <button type="button" onclick="insertRole()" class="btn btn-primary">保存</button> | 
|             </div> | 
|         </div><!-- /.modal-content --> | 
|     </div><!-- /.modal --> | 
| </div> | 
|   | 
|   | 
| <!-- 模态框(Modal) --> | 
| <!-- 修改 --> | 
| <div id="mydlg" class="modal fade"  tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-labelledby="myModalLabel" aria-hidden="true"> | 
|     <div class="modal-dialog"> | 
|         <div class="modal-content"> | 
|             <div class="modal-header"> | 
|                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | 
|                 <h4 class="modal-title" id="myModalLabel">修改角色</h4> | 
|             </div> | 
|              | 
|             <div class="modal-body"> | 
|             <form class="form-horizontal" id="myform"  method="post"> | 
|             <div class="form-group"> | 
|             <label class="col-md-3 control-label">角色编号:</label> | 
|             <div class="col-md-9 "> | 
|             <input type="text" id="role_id1" name="role_id"  class="form-control form-control-static" readonly="readonly" placeholder="必填"> | 
|             </div> | 
|             </div> | 
|              | 
|             <div class="form-group"> | 
|             <label class="col-md-3 control-label">角色名称:</label> | 
|             <div class="col-md-9 "> | 
|             <input type="text" id="role_name1" onblur="checkRole1()" name="role_name" class="form-control form-control-static" placeholder="必填"> | 
|             </div> | 
|             <label class="control-label"><span id="infos" style="color:red"></span></label> | 
|             </div> | 
|              | 
|             <div class="form-group"> | 
|             <label class="col-md-3 control-label">上级角色:</label> | 
|             <div class="col-md-9"> | 
|             <select id="pid1" name="pid" class="form-control form-control-static" ></select> | 
|             </div> | 
|             </div> | 
|              | 
|             <div class="form-group"> | 
|             <label class="col-md-3 control-label">角色描述:</label> | 
|             <div class="col-md-9"> | 
|             <textarea rows="3" id="role_desc1" name="role_desc" cols="30" class="form-control form-control-static" placeholder="必填"></textarea> | 
|             </div> | 
|             </div> | 
|             <!--用来清空表单数据--> | 
|             <input type="reset" name="reset" style="display: none;" /> | 
|             </form> | 
|             </div> | 
|              | 
|             <div class="modal-footer"> | 
|                 <button type="button" class="btn btn-default" onclick="closeDlg()">关闭</button> | 
|                <button type="button" onclick="upRole()" class="btn btn-primary">保存</button> | 
|             </div> | 
|         </div><!-- /.modal-content --> | 
|     </div><!-- /.modal --> | 
| </div> | 
|   | 
|   | 
| <!-- 模态框(Modal) --> | 
| <!-- 权限--> | 
| <div id="authDlg" class="modal fade" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-labelledby="myModalLabel" aria-hidden="true"> | 
|     <div id="test" class="modal-dialog"> | 
|         <div class="modal-content"> | 
|             <div class="modal-header"> | 
|                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | 
|                 <h4 class="modal-title" id="myModalLabel">分配权限</h4> | 
|             </div> | 
|              | 
|             <div class="modal-body"> | 
|             <form class="form-horizontal" id="authForm"  method="post"> | 
|              | 
|             <div class="form-group"> | 
|             <label class="col-md-3 control-label">角色权限:</label> | 
|             <div class="col-md-9 "> | 
|             <input type="hidden" id="rid" name="role_id"> | 
|              | 
|             <div id="tree" ></div> | 
|             </div> | 
|             </div> | 
|              | 
|             <!--用来清空表单数据--> | 
|             <input type="reset" name="reset" style="display: none;" />             | 
|             </form> | 
|             </div> | 
|              | 
|             <div class="modal-footer">             | 
|                 <button type="button" class="btn btn-default" onclick="closeDlg()">关闭</button> | 
|                <button type="button" onclick="saveAuth()" class="btn btn-primary">保存</button> | 
|             </div> | 
|         </div><!-- /.modal-content --> | 
|     </div><!-- /.modal --> | 
| </div> | 
| </body> | 
| </html> |