增加新增权限表单

This commit is contained in:
shuzheng 2017-02-26 01:13:04 +08:00
parent b458716a5d
commit 0a29102ce5
2 changed files with 143 additions and 13 deletions

View File

@ -0,0 +1,139 @@
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="basePath" value="${pageContext.request.contextPath}"/>
<div id="createDialog" class="crudDialog">
<form id="createForm" method="post">
<div class="radio">
<div class="radio radio-inline radio-success">
<input id="type_1" type="radio" name="type" value="1" checked>
<label for="type_1"> 目录 </label>
</div>
<div class="radio radio-inline radio-info">
<input id="type_2" type="radio" name="type" value="0">
<label for="type_2"> 菜单 </label>
</div>
<div class="radio radio-inline radio-warning">
<input id="type_3" type="radio" name="type" value="0">
<label for="type_3"> 按钮 </label>
</div>
</div>
<div class="form-group">
<select id="systemId" name="systemId">
<option value="0">请选择所属系统</option>
<c:forEach var="upmsSystem" items="${upmsSystems}">
<option value="${upmsSystem.systemId}">${upmsSystem.title}</option>
</c:forEach>
</select>
<select id="pid" name="pid">
<option value="0">请选择所属上级</option>
</select>
</div>
<div class="form-group">
<label for="name">名称</label>
<input id="name" type="text" class="form-control" name="name" maxlength="20">
</div>
<div class="form-group">
<label for="permissionValue">权限值</label>
<input id="permissionValue" type="text" class="form-control" name="permissionValue" maxlength="50">
</div>
<div class="form-group">
<label for="uri">路径</label>
<input id="uri" type="text" class="form-control" name="uri" maxlength="100">
</div>
<div class="form-group">
<label for="icon">图标</label>
<input id="icon" type="text" class="form-control" name="icon" maxlength="50">
</div>
<div class="radio">
<div class="radio radio-inline radio-success">
<input id="status_1" type="radio" name="status" value="1" checked>
<label for="status_1"> 正常 </label>
</div>
<div class="radio radio-inline">
<input id="status_0" type="radio" name="status" value="0">
<label for="status_0"> 锁定 </label>
</div>
</div>
<div class="form-group text-right dialog-buttons">
<a class="waves-effect waves-button" href="javascript:;" onclick="createSubmit();">保存</a>
<a class="waves-effect waves-button" href="javascript:;" onclick="createDialog.close();">取消</a>
</div>
</form>
</div>
<script>
function createSubmit() {
$.ajax({
type: 'post',
url: '${basePath}/manage/user/create',
data: $('#createForm').serialize(),
beforeSend: function() {
if ($('#username').val() == '') {
$('#username').focus();
return false;
}
if ($('#password').val() == '' || $('#password').val().length < 5) {
$('#password').focus();
return false;
}
},
success: function(result) {
if (result.code != 1) {
if (result.data instanceof Array) {
$.each(result.data, function(index, value) {
$.confirm({
theme: 'dark',
animation: 'rotateX',
closeAnimation: 'rotateX',
title: false,
content: value.errorMsg,
buttons: {
confirm: {
text: '确认',
btnClass: 'waves-effect waves-button waves-light'
}
}
});
});
} else {
$.confirm({
theme: 'dark',
animation: 'rotateX',
closeAnimation: 'rotateX',
title: false,
content: result.data.errorMsg,
buttons: {
confirm: {
text: '确认',
btnClass: 'waves-effect waves-button waves-light'
}
}
});
}
} else {
createDialog.close();
$table.bootstrapTable('refresh');
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
$.confirm({
theme: 'dark',
animation: 'rotateX',
closeAnimation: 'rotateX',
title: false,
content: textStatus,
buttons: {
confirm: {
text: '确认',
btnClass: 'waves-effect waves-button waves-light'
}
}
});
}
});
}
</script>

View File

@ -13,12 +13,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>权限管理</title> <title>权限管理</title>
<link href="${basePath}/resources/zheng-ui/plugins/bootstrap-3.3.0/css/bootstrap.min.css" rel="stylesheet"/> <jsp:include page="/resources/inc/head.jsp" flush="true"/>
<link href="${basePath}/resources/zheng-ui/plugins/material-design-iconic-font-2.2.0/css/material-design-iconic-font.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/bootstrap-table.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/plugins/waves-0.7.5/waves.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/plugins/jquery-confirm/jquery-confirm.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/css/common.css" rel="stylesheet"/>
</head> </head>
<body> <body>
<div id="main"> <div id="main">
@ -29,13 +24,7 @@
</div> </div>
<table id="table"></table> <table id="table"></table>
</div> </div>
<script src="${basePath}/resources/zheng-ui/plugins/jquery.1.12.4.min.js"></script> <jsp:include page="/resources/inc/footer.jsp" flush="true"/>
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-3.3.0/js/bootstrap.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/bootstrap-table.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/waves-0.7.5/waves.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/jquery-confirm/jquery-confirm.min.js"></script>
<script src="${basePath}/resources/zheng-ui/js/common.js"></script>
<script> <script>
var $table = $('#table'); var $table = $('#table');
$(function() { $(function() {
@ -117,6 +106,7 @@ function createAction() {
content: 'url:${basePath}/manage/permission/create', content: 'url:${basePath}/manage/permission/create',
onContentReady: function () { onContentReady: function () {
initMaterialInput(); initMaterialInput();
$('select').select2();
} }
}); });
} }
@ -144,6 +134,7 @@ function updateAction() {
content: 'url:${basePath}/manage/permission/update/' + rows[0].permissionId, content: 'url:${basePath}/manage/permission/update/' + rows[0].permissionId,
onContentReady: function () { onContentReady: function () {
initMaterialInput(); initMaterialInput();
$('select').select2();
} }
}); });
} }