<%@ 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" charset="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 rel="stylesheet" href="static/styles/initialize.css" type="text/css">
|
<link rel="stylesheet" href="static/styles/common.css" 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/layer/layer.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>
|
<!-- wcp组件 -->
|
<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]-->
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.infoPicker.js"></script>
|
<style>
|
.combobox-group {
|
clear: both;
|
}
|
|
.combobox-gitem {
|
float: left;
|
padding-right: 10px;
|
}
|
</style>
|
|
</head>
|
<body>
|
<div class="margin-lr">
|
<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-form">
|
<form id="formMenu" method="post">
|
<div class="ptbody">
|
|
<table style="width: 100%;">
|
<tr>
|
<td class="tbtitle" style="width: 140px;">
|
<em class="pt-color-danger">*</em> 菜单名称：
|
</td>
|
<td>
|
<input id="menuName" name="menuName" class="easyui-textbox" type="text" data-options="required:true" style="width:100%" value="${menu.menuName }" />
|
<input type="hidden" id="menuId" name="menuId" value="${ menu.menuId}">
|
</td>
|
</tr>
|
<!-- <tr>
|
<td class="tbtitle">图标：</td>
|
</tr> -->
|
<tr>
|
<td class="tbtitle">状态：</td>
|
<td>
|
<div>
|
<input id="state1" class="easyui-radiobutton" name="state" value="true" label="启用">
|
<input id="state2" class="easyui-radiobutton" name="state" value="false" label="停用">
|
</div>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">是否使用权限：</td>
|
<td>
|
<div>
|
<input class="easyui-radiobutton" name="isPermission" value="true" data-options="onChange:isPermissionChange" label="是">
|
<input class="easyui-radiobutton" name="isPermission" value="false" label="否">
|
</div>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">权限名称：</td>
|
<td>
|
<input id="permissionName" name="permissionName" class="easyui-textbox" type="text" value="${menu.permissionName }" data-options="editable:false,buttonText:'选择权限',prompt:'',onClickButton:function(){selectPermission();}" style="width:100%;" />
|
</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" value="${menu.sortNum }">
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">静态菜单：</td>
|
<td>
|
<div>
|
<input class="easyui-radiobutton" data-options="disabled:true" name="isStatic" value="true" label="是">
|
<input class="easyui-radiobutton" data-options="disabled:true" name="isStatic" value="false" label="否">
|
</div>
|
</td>
|
</tr>
|
</table>
|
|
</div>
|
</form>
|
<div class="pt-form-btn">
|
<div class="form-group">
|
<shiro:hasPermission name="SYS_MANAGE.MENU.OPERATION.SAVE">
|
<button id="btnSave" class="pt-btn pt-btn-primary">保存</button>
|
</shiro:hasPermission>
|
<button id="btnClose" class="pt-btn pt-btn-default">关闭</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script>
|
//窗口参数，用于弹窗传递
|
var params = {
|
callBack : null
|
};
|
|
$(function() {
|
|
//初始化表单值(单选按钮)
|
$("input[radiobuttonName='isPermission'][value='${menu.isPermission}']").radiobutton('check');
|
$("input[radiobuttonName='isStatic'][value='${menu.isStatic}']").radiobutton('check');
|
$("input[radiobuttonName='state'][value='${menu.state}']").radiobutton('check');
|
var isPermission = $("input[radiobuttonName='isPermission'][value='${menu.isPermission}']").val();
|
//判断权限名称是否可编写
|
if (isPermission == "true") {
|
$("#permissionName").textbox("enable");
|
} else {
|
$("#permissionName").textbox("disable");
|
}
|
var isState = "${menu.isStatic}";
|
if (isState == "true") {
|
$("input[radiobuttonName='state'][value='true']").radiobutton('disable', true);
|
$("input[radiobuttonName='state'][value='false']").radiobutton('disable', true);
|
}
|
new ResizeScroll({
|
"id" : ".ptbody",
|
fun : function() {
|
var wh = $(window).height();
|
return (wh - 69 - 62);
|
|
}
|
});
|
|
$("#btnSave").click(function() {
|
//验证表单信息
|
var isValid = $('#formMenu').form('validate');
|
if (!isValid) {
|
wcp.notify.warn('表单验证有误，请检查表单输入项！');
|
return false;
|
}
|
|
var obj = $("#formMenu").serializeObject();
|
|
//判断权限名称是否为空
|
if (obj.isPermission == "true" && obj.permissionName == "") {
|
wcp.message.warn("启用权限后，权限名称不能为空！");
|
return false;
|
}
|
|
wcp.ui.setBusy("body", wcp.ajax({
|
url : "management/menu/saveMenu",
|
data : JSON.stringify(obj),
|
}).done(function(result) {
|
//判断是否需要执行回调函数
|
if (params.callBack) {
|
params.callBack();
|
}
|
|
//关闭窗口
|
closeWindow();
|
|
top.wcp.notify.success("保存成功！");
|
}));
|
});
|
|
|
$("#btnClose").click(function() {
|
closeWindow();
|
});
|
|
|
});
|
//判断权限名称是否填写
|
function isPermissionChange(checked) {
|
if (checked) {
|
$("#permissionName").textbox("enable");
|
} else {
|
$("#permissionName").textbox("disable");
|
}
|
}
|
|
//选择权限
|
function selectPermission() {
|
wcp.picker.selectPermission({
|
title : "请选择权限",
|
multiSelect : false,
|
nameElement : "permissionName",
|
layerOpener : window
|
});
|
|
}
|
|
function closeWindow() {
|
var index = top.layer.getFrameIndex(window.name); //获取窗口索引
|
top.layer.close(index);
|
}
|
</script>
|
</html>
|
