You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
176 lines
7.1 KiB
176 lines
7.1 KiB
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<link rel="stylesheet" type="text/css" href="/css/font-awesome-4.7.0/css/font-awesome.min.css">
|
|
<link rel="stylesheet" type="text/css" href="/js/zTree/css/awesomeStyle/awesome.css">
|
|
<link rel="stylesheet" type="text/css" href="/css/role.css">
|
|
<link rel="stylesheet" type="text/css" href="/js/bootstrap-3.3.7/css/bootstrap.css">
|
|
<link rel="stylesheet" type="text/css" href="/js/bootstrap-3.3.7/css/bootstrap-table.css">
|
|
<link rel="stylesheet" type="text/css" href="/js/layer/skin/layer.css">
|
|
<link rel="stylesheet" type="text/css" href="/css/common.css">
|
|
<style type="text/css">
|
|
div.fixed-table-container{
|
|
height: calc(100vh - 40px) !important;
|
|
}
|
|
.panel-heading{
|
|
background: -webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="hideData" style="display: none;">
|
|
<input name="username" id="current_username" value="${user.username }">
|
|
<input name="workShop" id="current_work_shop" value="${user.workShop!'' }">
|
|
<input name="display" id="current_display" value="${user.display }">
|
|
<input name="id" id="current_id" value="${user.id!'' }">
|
|
<input name="site" id="current_site" value="${user.site }">
|
|
</div>
|
|
<div class="panel-heading" style="">
|
|
<div class="operate" style="margin-left: 0px; margin-top: -5px; margin-bottom: -5px;">
|
|
<div>
|
|
<span style="font-size: 12px">状态:</span>
|
|
<div>
|
|
<select id="search_status" style="margin-left: -3px; height:23px;font-size: 12px">
|
|
<option value="ALL">ALL</option>
|
|
<option value="Y">启用</option>
|
|
<option value="N">禁用</option>
|
|
<option value="D">删除</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div style="margin-left: 63px;margin-top: -42px;">
|
|
<span style="margin-left: 10px;font-size: 12px">角色名称:</span>
|
|
<div>
|
|
<input id="search_rolename" style="height: 23px;font-size: 12px;" autocomplete="off" class="search-input">
|
|
</div>
|
|
</div>
|
|
<div style=" margin-left: 193px;margin-top: -25px;">
|
|
<button class="btn btn-primary" style="margin-left:20px; padding: 3px 8px;" data-toggle="modal" onclick="searchPage()">查询</button>
|
|
<button class="btn btn-primary" style="padding: 3px 8px;" data-toggle="modal" onclick="addRoleModal()">新增</button>
|
|
<button class="btn btn-primary" style="padding: 3px 8px;" data-toggle="modal" onclick="initMenus()">菜单重载</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="toolbar" class="toolbar">
|
|
<button id="remove_button" onclick="delRoleModal()"class="btn btn-danger new-customer-btn control-btn">
|
|
<i class="fa fa-trash"></i>删除
|
|
</button>
|
|
<button id="edit_button" onclick="editRoleModal()" class="btn btn-warning new-customer-btn control-btn">
|
|
<i class="fa fa-pencil-square-o"></i>修改
|
|
</button>
|
|
<button id="auth_button" onclick="authModal()" class="btn btn-warning new-customer-btn control-btn">
|
|
<i class="fa fa-user-circle-o"></i>角色授权
|
|
</button>
|
|
<button id="download_button" data-type="xlsx" class="btn btn-primary new-customer-btn control-btn">
|
|
<i class="fa fa-cloud-download"></i>下载
|
|
</button>
|
|
</div>
|
|
<div class="panel-body" style="margin-top: -20px;">
|
|
<table id="role_data">
|
|
</table>
|
|
</div>
|
|
|
|
<!-- 角色添加和修改 -->
|
|
<div class="modal fade" id="role_modal" tabindex="-1" role="dialog"
|
|
aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
|
|
<div class="modal-dialog" style="width:330px; margin: 10% auto;">
|
|
<div class="modal-content" >
|
|
<div class="modal-body">
|
|
<form id="role_form" class="form-horizontal" action="" method="post">
|
|
<fieldset>
|
|
<div id="legend" class="">
|
|
<input type="hidden" value="0" name="id" id="role_id">
|
|
<input type="hidden" value="0" name="createdBy" id="created_by">
|
|
<input type="hidden" value="0" name="updatedBy" id="updated_by">
|
|
<legend class="">角色信息</legend>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-t col-sm-t-3 control-label">角色名称</label>
|
|
<div class="col-sm-x col-sm-x-6">
|
|
<input id="add_role_name" type="TEXT" class="form-control" name="roleName" value="" required="required">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-t col-sm-t-3 control-label">角色描述</label>
|
|
<div class="col-sm-x col-sm-x-6">
|
|
<input id="add_role_desc" type="TEXT" class="form-control" name="roleDesc" value="" required="required">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-t col-sm-t-3 control-label">角色状态</label>
|
|
<div class="col-sm-x col-sm-x-6">
|
|
<select id="add_role_status" class="form-control" name="status">
|
|
<option value="Y">启用</option>
|
|
<option value="N">禁用</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer" style="TEXT-ALIGN: center">
|
|
<div class="control-group">
|
|
<!-- Button -->
|
|
<div class="controls">
|
|
<button onclick="saveRole()" class="btn btn-success">保存</button>
|
|
<button id="role_cancel" data-dismiss="modal" class="btn btn-success">取消</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 授权 -->
|
|
<div class="modal fade" id="auth_modal" tabindex="-1" role="dialog"
|
|
aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
|
|
<div class="modal-dialog" style="width: 600px; margin: 10% auto;">
|
|
<div class="modal-content" >
|
|
<div class="modal-body">
|
|
<form id="auth_form" class="form-horizontal" action="" method="post">
|
|
<fieldset>
|
|
<div id="legend" class="">
|
|
<legend class="">角色授权</legend>
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="hidden" id="auth_role_id" name="id">
|
|
<label class="col-sm-12">角色名称:
|
|
<span id="authr_role_name"></span>
|
|
</label>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-sm-12">
|
|
<ul id="tree" class="ztree"></ul>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer" style="TEXT-ALIGN: center">
|
|
<div class="control-group">
|
|
<!-- Button -->
|
|
<div class="controls">
|
|
<button onclick="saveAuth()" class="btn btn-success">保存</button>
|
|
<button id="auth_cancel" data-dismiss="modal" class="btn btn-success">取消</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript" src="/js/jquery/jquery-2.1.4.js"></script>
|
|
<script type="text/javascript" src="/js/bootstrap-3.3.7/js/bootstrap.js"></script>
|
|
<!-- 导出需要的excel -->
|
|
<script type="text/javascript" src="/js/export/bootstrap-table.js"></script>
|
|
<script type="text/javascript" src="/js/export/bootstrap-table-zh-CN.js"></script>
|
|
<script type="text/javascript" src="/js/export/FileSaver.min.js"></script>
|
|
<script type="text/javascript" src="/js/export/xlsx.core.min.js"></script>
|
|
<script type="text/javascript" src="/js/export/tableExport.js"></script>
|
|
<script type="text/javascript" src="/js/export/bootstrap-table-export.js"></script>
|
|
<!-- 结束 -->
|
|
<script type="text/javascript" src="/js/layer/layer.js"></script>
|
|
<script type="text/javascript" src="/js/zTree/jquery.ztree.core.js"></script>
|
|
<script type="text/javascript" src="/js/zTree/jquery.ztree.excheck.js"></script>
|
|
<script type="text/javascript" src="/js/common.js"></script>
|
|
<script src="/js/user/role.js"></script>
|
|
</html>
|