root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加角色授权空页面

v1.0
bobi 2018-08-15 00:11:06 +08:00
parent 5dab1d31ec
commit ee4aa8084d
4 changed files with 92 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
index.html
View File

@ -62,11 +62,12 @@
<dd><a href="javascript:;" path="article.html" tab-id="1-2">文章列表</a></dd> <dd><a href="javascript:;" path="article.html" tab-id="1-2">文章列表</a></dd>
<dd><a href="javascript:;" path="role.html" tab-id="1-3">角色列表</a></dd> <dd><a href="javascript:;" path="role.html" tab-id="1-3">角色列表</a></dd>
<dd><a href="javascript:;" path="permission.html" tab-id="1-4">权限列表</a></dd> <dd><a href="javascript:;" path="permission.html" tab-id="1-4">权限列表</a></dd>
<dd><a href="javascript:;" path="login.html" tab-id="1-5">登陆页面</a></dd> <dd><a href="javascript:;" path="process.html" tab-id="1-5">流程列表</a></dd>
<dd><a href="javascript:;" path="404.html" tab-id="1-6">404页面</a></dd> <dd><a href="javascript:;" path="login.html" tab-id="1-6">登陆页面</a></dd>
<dd><a href="javascript:;" path="403.html" tab-id="1-7">403页面</a></dd> <dd><a href="javascript:;" path="404.html" tab-id="1-7">404页面</a></dd>
<dd><a href="javascript:;" path="500.html" tab-id="1-8">500页面</a></dd> <dd><a href="javascript:;" path="403.html" tab-id="1-8">403页面</a></dd>
<dd><a href="javascript:;" path="donate.html" tab-id="1-9">捐赠列表</a></dd> <dd><a href="javascript:;" path="500.html" tab-id="1-9">500页面</a></dd>
<dd><a href="javascript:;" path="donate.html" tab-id="1-10">捐赠列表</a></dd>
</dl> </dl>
</li> </li>
<li class="layui-nav-item"> <li class="layui-nav-item">

10
process.html Normal file
View File

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>流程列表</h1>
</body>
</html>

60
role-auth.html Normal file
View File

@ -0,0 +1,60 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>角色授权</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="lib/layui/css/layui.css">
<link rel="stylesheet" href="css/scroll-bar.css">
<link rel="stylesheet" href="css/sub-page.css">
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_wytlyqhtdtj1nhfr.css">
</head>
<body>
<div class="ok-body">
<!--面包屑导航区域-->
<div class="ok-body-breadcrumb">
<span class="layui-breadcrumb">
<a><cite>首页</cite></a>
<a><cite>常用页面</cite></a>
<a><cite>用户列表</cite></a>
<a><cite>角色授权</cite></a>
</span>
<a class="layui-btn layui-btn-small" 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">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="auth">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
</div>
<!--js逻辑-->
<script src="lib/layui/layui.js"></script>
<script>
layui.config({
base: 'lib/layui/lay/modules/authtree/'
}).extend({
authtree: 'authtree',
});
layui.use(['element', 'jquery', 'form'], function () {
var element = layui.element;
var $ = layui.jquery;
var form = layui.form;
form.on('submit(auth)', function (data) {
console.log(data.field);
layer.msg("授权成功！", {icon: 6, time: 1000, anim: 4}, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name));
});
return false;
});
})
</script>
</body>
</html>

17
role.html
View File

@ -7,7 +7,7 @@
<link rel="stylesheet" href="lib/layui/css/layui.css"> <link rel="stylesheet" href="lib/layui/css/layui.css">
<link rel="stylesheet" href="css/scroll-bar.css"> <link rel="stylesheet" href="css/scroll-bar.css">
<link rel="stylesheet" href="css/sub-page.css"> <link rel="stylesheet" href="css/sub-page.css">
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_wytlyqhtdtj1nhfr.css"> <link rel="stylesheet" href="//at.alicdn.com/t/font_693759_dgsnpaj0hzk.css">
<link rel="stylesheet" href="lib/nprogress/nprogress.css"> <link rel="stylesheet" href="lib/nprogress/nprogress.css">
</head> </head>
<body> <body>
@ -118,6 +118,20 @@
layer.confirm("确定要删除吗？", {skin: 'layui-layer-lan', icon: 2, title: '提示', anim: 6}, function () { layer.confirm("确定要删除吗？", {skin: 'layui-layer-lan', icon: 2, title: '提示', anim: 6}, function () {
layer.msg("操作成功！", {icon: 1, time: 1000}); layer.msg("操作成功！", {icon: 1, time: 1000});
}); });
} else if (layEvent === 'auth') {
layer.open({
title: '角色授权',
type: 2,
shade: false,
maxmin: true,
shade: 0.5,
area: ['90%', '90%'],
content: 'role-auth.html',
zIndex: layer.zIndex,
end: function () {
$(".layui-laypage-btn")[0].click();
}
});
} }
}); });
@ -164,6 +178,7 @@
</script> </script>
<!--模板--> <!--模板-->
<script type="text/html" id="operationTpl"> <script type="text/html" id="operationTpl">
<a href="javascript:;" title="授权" lay-event="auth"><i class="iconfont icon-jiaoseshouquan"></i></a>
<a href="javascript:;" title="编辑" lay-event="edit"><i class="layui-icon">&#xe642;</i></a> <a href="javascript:;" title="编辑" lay-event="edit"><i class="layui-icon">&#xe642;</i></a>
<a href="javascript:;" title="删除" lay-event="del"><i class="layui-icon">&#xe640;</i></a> <a href="javascript:;" title="删除" lay-event="del"><i class="layui-icon">&#xe640;</i></a>
</script> </script>