<!DOCTYPE html> <html lang="zh" xmlns:th="http://www.thymeleaf.org" > <meta charset="utf-8"> <head th:include="include :: header"></head> <link href="/ajax/libs/jquery-ztree/3.5/css/metro/zTreeStyle.css" th:href="@{/ajax/libs/jquery-ztree/3.5/css/metro/zTreeStyle.css}" rel="stylesheet"/> <body class="white-bg"> <div class="wrapper wrapper-content animated fadeInRight ibox-content"> <form class="form-horizontal m" id="form-role-add"> <div class="form-group"> <label class="col-sm-3 control-label ">角色名称:</label> <div class="col-sm-8"> <input class="form-control" type="text" name="roleName" id="roleName"/> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">角色代码:</label> <div class="col-sm-8"> <input class="form-control" type="text" name="roleCode" id="roleCode"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">显示顺序:</label> <div class="col-sm-8"> <input class="form-control" type="text" name="roleSort" id="roleSort"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">状态:</label> <div class="col-sm-8"> <div class="onoffswitch"> <input type="checkbox" th:checked="true" class="onoffswitch-checkbox" id="enable" name="enable"> <label class="onoffswitch-label" for="enable"> <span class="onoffswitch-inner"></span> <span class="onoffswitch-switch"></span> </label> </div> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">备注:</label> <div class="col-sm-8"> <input id="remark" name="remark" class="form-control" type="text"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">菜单权限</label> <div class="col-sm-8"> <div id="menuTrees" class="ztree"></div> </div> </div> <div class="form-group"> <div class="form-control-static col-sm-offset-9"> <button type="submit" class="btn btn-primary">提交</button> <button onclick="$.modal.close()" class="btn btn-danger" type="button">关闭</button> </div> </div> </form> </div> <div th:include="include::footer"></div> <script th:src="@{/ajax/libs/jquery-ztree/3.5/js/jquery.ztree.all-3.5.js}"></script> <script type="text/javascript"> // 树结构初始化加载 var setting = { check:{enable:true,nocheckInherit:true,chkboxType:{"Y":"ps","N":"ps"}}, view:{selectedMulti:false,nameIsHTML: true}, data:{simpleData:{enable:true},key:{title:"title"}}, callback:{ beforeClick: function (treeId, treeNode, clickFlag) { var menuTrees = $.fn.zTree.getZTreeObj(treeId); menuTrees.checkNode(treeNode, !treeNode.checked, true, true); return false; } } }, menuTrees, loadTree = function(){ $.get(ctx + "system/menu/roleMenuTreeData", function(data) { menuTrees = $.fn.zTree.init($("#menuTrees"), setting, data); //.expandAll(true); }, null, null, "正在加载,请稍后..."); };loadTree(); $("#form-role-add").validate({ rules:{ roleName:{ required:true, remote: { url: ctx + "system/role/checkRoleNameUnique", type: "post", dataType: "json", data: { "roleName" : function() { return $.trim($("#roleName").val()); } }, dataFilter: function(data, type) { if (data == "0") return true; else return false; } } }, roleCode:{ required:true, remote: { url: ctx + "system/role/checkroleCodeUnique", type: "post", dataType: "json", data: { "roleName" : function() { return $.trim($("#roleName").val()); } }, dataFilter: function(data, type) { if (data == "0") return true; else return false; } } }, roleSort:{ required:true, digits:true }, }, messages: { "roleName": { remote: "角色名称已经存在" }, "roleCode": { remote: "角色权限已经存在" } }, submitHandler:function(form){ add(); } }); function selectCheckeds() { var menuIds = ""; var treeNodes = menuTrees.getCheckedNodes(true); for (var i = 0; i < treeNodes.length; i++) { if (0 == i) { menuIds = treeNodes[i].id; } else { menuIds += ("," + treeNodes[i].id); } } return menuIds; } function add() { var roleName = $("input[name='roleName']").val(); var roleCode = $("input[name='roleCode']").val(); var roleSort = $("input[name='roleSort']").val(); var enable = $("input[name='enable']").is(':checked') == true ? 1 : 0; var remark = $("input[name='remark']").val(); var menuIds = selectCheckeds(); $.ajax({ cache : true, type : "POST", url : ctx + "system/role/add", data : { "roleName": roleName, "roleCode": roleCode, "roleSort": roleSort, "enable": enable, "remark": remark, "menuIds": menuIds }, async : false, error : function(request) { $.modal.alertError("系统错误"); }, success : function(data) { $.operate.saveSuccess(data); } }); } </script> </body> </html>