2019-05-27 01:24:17 +00:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "UTF-8" >
< title > 添加角色< / title >
< meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1" >
2019-08-27 07:10:13 +00:00
< link rel = "stylesheet" href = "../../css/oksub.css" >
2019-05-27 01:24:17 +00:00
< / head >
< body >
< div class = "ok-body" >
<!-- 面包屑导航区域 -->
< div class = "ok-body-breadcrumb" >
2019-08-21 07:45:45 +00:00
< span class = "layui-breadcrumb" >
< a > < cite > 首页< / cite > < / a >
< a > < cite > 会员管理< / cite > < / a >
< a > < cite > 角色列表< / cite > < / a >
< a > < cite > 添加角色< / cite > < / a >
< / span >
2019-05-27 01:24:17 +00:00
< a class = "layui-btn layui-btn-sm" href = "javascript:location.replace(location.href);" title = "刷新" >
< i class = "layui-icon layui-icon-refresh" > < / i >
< / a >
< / div >
<!-- form表单 -->
< form class = "layui-form layui-form-pane ok-form" >
< div class = "layui-form-item" >
< label class = "layui-form-label" > 角色名< / label >
< div class = "layui-input-block" >
< input type = "text" name = "name" placeholder = "请输入角色名" autocomplete = "off" class = "layui-input" lay-verify = "required" >
< / div >
< / div >
< div class = "layui-form-item" >
< label class = "layui-form-label" > 备注< / label >
< div class = "layui-input-block" >
< input type = "text" name = "remarks" placeholder = "请输入备注" autocomplete = "off" class = "layui-input" lay-verify = "required" >
< / div >
< / div >
< div class = "layui-form-item" >
< label class = "layui-form-label" > 权限< / label >
< div class = "layui-input-block" >
2019-08-21 07:45:45 +00:00
< div id = "permissionTree" > < / div >
2019-05-27 01:24:17 +00:00
< / div >
< / div >
< div class = "layui-form-item" >
< div class = "layui-input-block" >
< button class = "layui-btn" lay-submit lay-filter = "add" > 立即提交< / button >
< button type = "reset" class = "layui-btn layui-btn-primary" > 重置< / button >
< / div >
< / div >
< / form >
< / div >
<!-- js逻辑 -->
< script src = "../../lib/layui/layui.js" > < / script >
2019-08-21 07:45:45 +00:00
< script type = "text/javascript" >
layui.use(["element", "form", "tree", "okLayer", "okUtils"], function () {
2019-05-27 01:24:17 +00:00
var form = layui.form;
2019-08-21 07:45:45 +00:00
var tree = layui.tree;
var okLayer = layui.okLayer;
var okUtils = layui.okUtils;
var data = [{"title":"根目录","spread":true,"children":[{"title":"会员管理","spread":true,"children":[{"title":"用户管理","spread":true,"children":[{"title":"添加用户"},{"title":"编辑用户"},{"title":"删除用户"}]},{"title":"角色管理","spread":true,"children":[{"title":"添加角色"},{"title":"编辑角色"},{"title":"删除角色"}]},{"title":"权限管理","spread":true,"children":[{"title":"添加权限"},{"title":"编辑权限"},{"title":"删除权限"}]}]}]}];
tree.render({
elem: "#permissionTree",
// data: okUtils.mockApi.permission.list,
data: data,
showCheckbox: true
});
form.on("submit(add)", function (data) {
// TODO 权限节点校验
2019-05-27 01:24:17 +00:00
2019-08-21 07:45:45 +00:00
// 请求后台
okUtils.ajax("/role/add", "post", data.field).done(function (response) {
2019-08-27 07:10:13 +00:00
console.log(response);
2019-08-21 07:45:45 +00:00
okLayer.msg.greenTick("添加成功", function () {
parent.layer.close(parent.layer.getFrameIndex(window.name));
});
}).fail(function (error) {
console.log(error)
2019-05-27 01:24:17 +00:00
});
return false;
});
})
< / script >
< / body >
< / html >
