<%@ 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>
|