<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" trimDirectiveWhitespaces="true" %>
|
<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro" %>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>权限配置</title>
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<link href="static/plugins/jquery-easyui/themes/bootstrap/easyui.css" rel="stylesheet" type="text/css">
|
<link href="static/styles/initialize.css" rel="stylesheet" type="text/css">
|
<link href="static/styles/common.css" rel="stylesheet" type="text/css">
|
<link rel="stylesheet" href="static/plugins/layer/skin/default/layer.css" type="text/css">
|
|
<script type="text/javascript" src="static/plugins/jquery/jquery.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/jquery.easyui.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
|
<script type="text/javascript" src="static/scripts/easyuiExtend.js"></script>
|
<script type="text/javascript" src="static/scripts/jquery-extend.js"></script>
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
|
<script type="text/javascript" src="static/plugins/spinjs/spin.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/jquery.spin.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery.blockUI.js"></script>
|
|
<script type="text/javascript" src="static/wcp/scripts/wcp.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.layer.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.blockUI.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.spin.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.jquery.js"></script>
|
|
<!--[if lt IE 9]>
|
<script type="text/javascript" src="static/plugins/json2.js"></script>
|
<![endif]-->
|
<style>
|
html, body {
|
height: 100%;
|
width: 100%;
|
overflow: hidden;
|
}
|
</style>
|
|
</head>
|
|
<body class="pt-tree">
|
<div>
|
<div class="pt-main-top clear">
|
<div class="pt-nav">
|
<span class="pt-title-icon">
|
<i class="fa fa-tasks"></i>
|
</span>
|
<div class="pt-title">
|
<div>
|
<h4>权限配置</h4>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="pt-left-menu">
|
<div class="pt-left-tools">
|
<%-- <shiro:hasPermission name="SYS_CONFIG.PERMISSION.OPERATION.ADDROOT"> --%>
|
<!-- <button class="pt-btn pt-btn-success" id="btnAddRootPermission"> -->
|
<!-- <i class="fa fa-plus-square"></i> -->
|
<!-- 新增根权限 -->
|
<!-- </button> -->
|
<%-- </shiro:hasPermission> --%>
|
<%-- <shiro:hasPermission name="SYS_CONFIG.PERMISSION.OPERATION.ADDSUB"> --%>
|
<!-- <button class="pt-btn pt-btn-purple" id="btnAddSubPermission"> -->
|
<!-- <i class="fa fa-plus-square-o"></i> -->
|
<!-- 新增子权限 -->
|
<!-- </button> -->
|
<%-- </shiro:hasPermission> --%>
|
<%-- <shiro:hasPermission name="SYS_CONFIG.PERMISSION.OPERATION.ADDSUB"> --%>
|
<!-- <button class="pt-btn pt-btn-info" id="btnDeletePermission"> -->
|
<!-- <i class="fa fa-remove"></i> -->
|
<!-- 删除 -->
|
<!-- </button> -->
|
<%-- </shiro:hasPermission> --%>
|
|
<a class="easyui-menubutton pt-btn-primary" data-options="menu:'#div_MenuAdd'">
|
<i class="fa fa-plus-square"></i>
|
新增
|
</a>
|
<shiro:hasPermission name="SYS_CONFIG.PERMISSION.OPERATION.DELETE">
|
<a id="btnDeletePermission" class="pt-btn pt-btn-danger">
|
<i class="fa fa-remove"></i>
|
删除
|
</a>
|
</shiro:hasPermission>
|
<div id="div_MenuAdd" style="width:150px;">
|
<shiro:hasPermission name="SYS_CONFIG.PERMISSION.OPERATION.ADDROOT">
|
<div id="btnAddRootPermission" data-options="iconCls:'fa fa-plus-square'">新增根权限</div>
|
</shiro:hasPermission>
|
<shiro:hasPermission name="SYS_CONFIG.PERMISSION.OPERATION.ADDSUB">
|
<div id="btnAddSubPermission" data-options="iconCls:'fa fa-plus-square-o'">新增子权限</div>
|
</shiro:hasPermission>
|
</div>
|
<a id="btnReload" class="pt-btn pt-btn-info">
|
<i class="fa fa-repeat"></i>
|
</a>
|
</div>
|
<div class="easyui-panel">
|
<ul id="ul_permission"></ul>
|
</div>
|
</div>
|
<div class="pt-right-main">
|
<form class="pt-form" id="formPermission" method="post">
|
<div class="pt-note">
|
<p>1、权限名称是用于区分权限的唯一名称，请使用英文、数字以及下划线组成；</p>
|
<p>2、为了显示权限的层级关系，下级权限名称中加上上级权限名称作为前缀，每一级名称之间使用.分隔；</p>
|
<p>
|
如：系统管理－〉 部门管理 －〉 创建部门 三级权限，对应的权限名称为<br> SystemManagement －〉 SystemManagement.DeptManagement －〉
|
SystemManagement.DeptManagement.CreateDept
|
</p>
|
</div>
|
|
<table style="width: 100%;">
|
<tr>
|
<td class="tbtitle" style="width: 140px; ">
|
<em class="pt-color-danger">*</em> 权限名称：
|
</td>
|
<td>
|
<input id="permissionName" name="permissionName" class="easyui-textbox" type="text"
|
style="width:100%" required="required"/>
|
<input type="hidden" class="easyui-textbox" value="" id="permissionId" name="permissionId"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 显示名称：
|
</td>
|
<td>
|
<input id="displayName" name="displayName" class="easyui-textbox" type="text" style="width:100%"
|
required="required"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 权限类型：
|
</td>
|
<td>
|
<input id="permissionType" name="permissionType" class="easyui-combobox" style="width:100%;"
|
data-options="showItemIcon: true,
|
data: [
|
{value:'DEFAULT',text:'默认权限',iconCls:'fa fa-id-card',selected:true},
|
{value:'MODULE',text:'模块权限',iconCls:'fa fa-codepen'},
|
{value:'OPERATION',text:'操作权限',iconCls:'fa fa-hand-o-down'},
|
{value:'VIEW',text:'视图权限',iconCls:'fa fa-table'},
|
{value:'SUBTAB',text:'页签权限',iconCls:'fa fa-files-o'},
|
{value:'MENU',text:'菜单权限',iconCls:'fa fa-bars'},
|
{value:'APP',text:'手机端权限',iconCls:'fa fa-phone-square'}
|
],
|
editable: false,
|
panelHeight: 'auto',
|
labelPosition: 'top'">
|
</td>
|
</tr>
|
<tr style="display:none">
|
<td class="tbtitle">父ID：</td>
|
<td>
|
<input id="parentId" name="parentId" class="easyui-textbox" style="width:100%;" value="0"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">显示顺序：</td>
|
<td>
|
<input id="sortNum" name="sortNum" class="easyui-numberspinner" style="width:100%"
|
data-options="min:1,max:1000,editable:true"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">权限描述：</td>
|
<td>
|
<input id="description" name="description" class="easyui-textbox" data-options="multiline:true"
|
style="height:120px;width:100%">
|
</td>
|
</tr>
|
</table>
|
</form>
|
|
<div class="pt-form-btn">
|
<div class="form-group">
|
<shiro:hasPermission name="SYS_CONFIG.PERMISSION.OPERATION.SAVE">
|
<button id="btnSavePermission" class="pt-btn pt-btn-primary">保存</button>
|
</shiro:hasPermission>
|
<button id="btnReset" class="pt-btn pt-btn-default">重置</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script>
|
//定义页面全局变量
|
var NowSelectedNodeId = null;
|
|
//页面加载事件
|
$(function () {
|
//初始化权限树
|
$("#ul_permission").tree({
|
method: "get",
|
url: "config/permission/listPermissionByTree",
|
animate: true,
|
lines: true,
|
onBeforeLoad: function (node, data) {
|
new ResizeScroll({
|
"id": "#ul_permission",
|
fun: function () {
|
|
var wh = $(window).height();
|
//$("#ul_permission").height(wh-79-39);
|
return (wh - 79 - 40 - 20);
|
|
}
|
});
|
wcp.ui.setBusy("#ul_permission");
|
},
|
onLoadSuccess: function (node, data) {
|
wcp.ui.clearBusy("#ul_permission");
|
new ResizeScroll({
|
"id": "#ul_permission",
|
fun: function () {
|
|
var wh = $(window).height();
|
//$("#ul_permission").height(wh-79-39);
|
return (wh - 79 - 40 - 20);
|
|
}
|
});
|
|
//重新加载数据时，选中之前被选中的数据
|
if (NowSelectedNodeId != null) {
|
var node = $('#ul_permission').tree('find', NowSelectedNodeId);
|
if (node != null) {
|
$('#ul_permission').tree('select', node.target);
|
}
|
}
|
},
|
onLoadError: function (args) {
|
wcp.ui.clearBusy("#ul_permission");
|
},
|
onClick: function (node) {
|
NowSelectedNodeId = node.id;
|
$('#formPermission').form('load', 'config/permission/getPermissionInfo?permissionId=' + node.id); // load from URL
|
}
|
})
|
|
//初始化滚动条
|
new ResizeScroll({
|
"id": ".pt-form",
|
fun: function () {
|
|
var wh = $(window).height();
|
//$(".pt-form").height(wh-79-48);
|
return (wh - 79 - 48);
|
|
}
|
});
|
|
//绑定按钮事件
|
//添加根权限按钮事件
|
$("#btnAddRootPermission").click(function () {
|
$("#formPermission").form('reset');
|
$('#parentId').textbox('setValue', 0);
|
});
|
|
//添加子权限按钮事件
|
$("#btnAddSubPermission").click(function () {
|
var node = $('#ul_permission').tree('getSelected');
|
if (node != null) {
|
$("#formPermission").form('reset');
|
$('#permissionName').textbox('setValue', node.attributes.permissionName + ".");
|
$('#parentId').textbox('setValue', node.id);
|
} else {
|
wcp.message.info("请先选择一个权限！");
|
}
|
});
|
|
//删除权限按钮事件
|
$("#btnDeletePermission").click(function () {
|
var node = $('#ul_permission').tree('getSelected');
|
if (node != null) {
|
//判断是否有子权限
|
var msg = "";
|
if (node.children != null && node.children.length > 0) {
|
msg = '当前权限有子权限，确定要和子权限一起删除吗?';
|
} else {
|
msg = '确定要删除当前选中的权限吗?';
|
}
|
layer.confirm(msg, {
|
icon: 3,
|
title: '提示'
|
}, function (index) {
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "config/permission/deletePermission",
|
data: JSON.stringify([node.id]),
|
}).done(function (result) {
|
wcp.notify.success('删除成功！');
|
//重置表单数据
|
$('#formDept').form('reset');
|
$('#ul_permission').tree('remove', node.target);
|
//重新加载部门数据
|
//$('#ul_permission').tree('reload');
|
}));
|
layer.close(index);
|
});
|
} else {
|
wcp.message.info("请先选择一个权限！");
|
}
|
|
});
|
|
//保存按钮事件
|
$("#btnSavePermission").click(function () {
|
|
//验证表单信息
|
var isValid = $('#formPermission').form('validate');
|
if (!isValid) {
|
wcp.notify.warn('表单验证有误，请检查表单输入项！');
|
return;
|
}
|
|
var obj = $("#formPermission").serializeObject();
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "config/permission/savePermission",
|
data: JSON.stringify(obj),
|
}).done(function (result) {
|
wcp.notify.success('保存成功！');
|
|
//重新加载表单数据
|
$('#formPermission').form('load', result);
|
|
//设置选中的数据
|
NowSelectedNodeId = result.permissionId;
|
//重新加载部门数据
|
//$('#ul_permission').tree('reload');
|
}));
|
|
});
|
$("#btnReload").click(function () {
|
$("#formPermission").form('reset');
|
$('#ul_permission').tree('reload');
|
});
|
//重置权限按钮事件
|
$("#btnReset").click(function () {
|
$("#formPermission").form('reset');
|
});
|
});
|
</script>
|
</html>
|
