fixed:permission.html
bobi
parent
152fff902a
commit
bda2a16d21
|
|
@ -19,7 +19,9 @@ layui.define([], function(exprots) {
|
||||||
list: "https://www.easy-mock.com/mock/5d5d0dd46cfcbd1b8627bf1d/ok-admin-v2.0/role/list"
|
list: "https://www.easy-mock.com/mock/5d5d0dd46cfcbd1b8627bf1d/ok-admin-v2.0/role/list"
|
||||||
},
|
},
|
||||||
permission: {
|
permission: {
|
||||||
list: "https://easy-mock.com/mock/5d0ce725424f15399a6c2068/okadmin/permission/list"
|
tree: "https://www.easy-mock.com/mock/5d5d0dd46cfcbd1b8627bf1d/ok-admin-v2.0/permission/tree",
|
||||||
|
list: "https://www.easy-mock.com/mock/5d5d0dd46cfcbd1b8627bf1d/ok-admin-v2.0/permission/tree",
|
||||||
|
list2: "https://www.easy-mock.com/mock/5d5d0dd46cfcbd1b8627bf1d/ok-admin-v2.0/permission/list2"
|
||||||
},
|
},
|
||||||
article: {
|
article: {
|
||||||
list: "https://easy-mock.com/mock/5d0ce725424f15399a6c2068/okadmin/article/list"
|
list: "https://easy-mock.com/mock/5d0ce725424f15399a6c2068/okadmin/article/list"
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
<body class="ok-body-scroll">
|
<body class="ok-body-scroll">
|
||||||
<div class="ok-body">
|
<div class="ok-body">
|
||||||
<!--面包屑导航区域-->
|
<!--面包屑导航区域-->
|
||||||
<div class="ok-body-breadcrumb">
|
<!--<div class="ok-body-breadcrumb">
|
||||||
<span class="layui-breadcrumb">
|
<span class="layui-breadcrumb">
|
||||||
<a><cite>首页</cite></a>
|
<a><cite>首页</cite></a>
|
||||||
<a><cite>常用页面</cite></a>
|
<a><cite>常用页面</cite></a>
|
||||||
|
|
@ -19,7 +19,7 @@
|
||||||
<i class="layui-icon layui-icon-refresh"></i>
|
<i class="layui-icon layui-icon-refresh"></i>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<!--模糊搜索区域-->
|
<!–模糊搜索区域–>
|
||||||
<div class="layui-row">
|
<div class="layui-row">
|
||||||
<form class="layui-form layui-col-md12 ok-search">
|
<form class="layui-form layui-col-md12 ok-search">
|
||||||
<input class="layui-input" placeholder="开始日期" autocomplete="off" id="startTime">
|
<input class="layui-input" placeholder="开始日期" autocomplete="off" id="startTime">
|
||||||
|
|
@ -29,40 +29,52 @@
|
||||||
<i class="layui-icon layui-icon-search"></i>
|
<i class="layui-icon layui-icon-search"></i>
|
||||||
</button>
|
</button>
|
||||||
</form>
|
</form>
|
||||||
|
</div>-->
|
||||||
|
<div class="layui-row">
|
||||||
|
<div class="layui-col-md3">
|
||||||
|
<div id="test12" class="demo-tree-more"></div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-col-md9">
|
||||||
|
<table class="layui-hide" id="tableId" lay-filter="tableFilter"></table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--工具栏-->
|
|
||||||
<okToolbar>
|
|
||||||
<button class="layui-btn layui-btn-danger" id="batchDel">
|
|
||||||
<i class="layui-icon layui-icon-delete"></i>批量删除
|
|
||||||
</button>
|
|
||||||
<button class="layui-btn" id="addPermission">
|
|
||||||
<i class="layui-icon"></i>添加权限
|
|
||||||
</button>
|
|
||||||
<span>共有数据：<i id="countNum"></i> 条</span>
|
|
||||||
</okToolbar>
|
|
||||||
<!--数据表格-->
|
|
||||||
<table class="layui-hide" id="tableId" lay-filter="tableFilter"></table>
|
|
||||||
</div>
|
</div>
|
||||||
<!--js逻辑-->
|
<!--js逻辑-->
|
||||||
<script src="../../lib/layui/layui.js"></script>
|
<script src="../../lib/layui/layui.js"></script>
|
||||||
<script src="../../lib/nprogress/nprogress.js"></script>
|
|
||||||
<script>
|
<script>
|
||||||
NProgress.start();
|
|
||||||
window.onload = function () {
|
|
||||||
NProgress.done();
|
|
||||||
};
|
|
||||||
|
|
||||||
layui.config({
|
layui.config({
|
||||||
base: '../../js/'
|
base: '../../js/'
|
||||||
}).extend({
|
}).extend({
|
||||||
treetable: 'treetable/treetable'
|
treetable: 'treetable/treetable'
|
||||||
}).use(['element', 'table', 'form', 'jquery', 'laydate', 'treetable'], function () {
|
}).use(['element', 'table', 'form', 'jquery', 'laydate', 'treetable', "tree", "okUtils", "okMock"], function () {
|
||||||
var element = layui.element;
|
|
||||||
var form = layui.form;
|
var form = layui.form;
|
||||||
var table = layui.table;
|
var table = layui.table;
|
||||||
var $ = layui.jquery;
|
var $ = layui.jquery;
|
||||||
var laydate = layui.laydate;
|
var laydate = layui.laydate;
|
||||||
var treetable = layui.treetable;
|
var treetable = layui.treetable;
|
||||||
|
var treetable = layui.treetable;
|
||||||
|
var tree = layui.tree;
|
||||||
|
var okUtils = layui.okUtils;
|
||||||
|
var okMock = layui.okMock;
|
||||||
|
|
||||||
|
function initTree() {
|
||||||
|
okUtils.ajax(okMock.api.permission.tree, "get", null).done(function (response) {
|
||||||
|
tree.render({
|
||||||
|
elem: '#test12',
|
||||||
|
data: response.data,
|
||||||
|
showCheckbox: true,
|
||||||
|
id: 'demoId1',
|
||||||
|
isJump: true,
|
||||||
|
click: function(obj){
|
||||||
|
var data = obj.data;
|
||||||
|
layer.msg('状态：'+ obj.state + '<br>节点数据：' + JSON.stringify(data));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}).fail(function (error) {
|
||||||
|
console.log(error)
|
||||||
|
});
|
||||||
|
}
|
||||||
|
initTree();
|
||||||
|
|
||||||
laydate.render({
|
laydate.render({
|
||||||
elem: '#startTime',
|
elem: '#startTime',
|
||||||
|
|
@ -81,7 +93,7 @@
|
||||||
treeIdName: 'authorityId',
|
treeIdName: 'authorityId',
|
||||||
treePidName: 'parentId',
|
treePidName: 'parentId',
|
||||||
elem: '#tableId',
|
elem: '#tableId',
|
||||||
url: '../../data/permission.json',
|
url: okMock.api.permission.list2,
|
||||||
page: false,
|
page: false,
|
||||||
cols: [[
|
cols: [[
|
||||||
{type: 'numbers'},
|
{type: 'numbers'},
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue