root
/
Pear-Admin-Layui
mirror of https://gitee.com/zhang_1334717033/Pear-Admin-Layui
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

树状结构 新增 树状结构

develop
就眠仪式 2020-07-24 10:53:10 +08:00
parent 1b0682eea4
commit a6ae1de910
6 changed files with 71 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
admin/data/menu.json
View File

@ -26,34 +26,6 @@
"openType": "_blank",
"href": "http://www.baidu.com"
}]
}, {
"id": "document",
"title": "框架文档",
"type": 0,
"icon": "layui-icon layui-icon-console",
"href": "",
"children": [{
"id": 301,
"title": "配置文件",
"icon": "layui-icon layui-icon-console",
"type": 1,
"openType": "_iframe",
"href": "view/console/conole.html"
}, {
"id": 302,
"title": "数据菜单",
"icon": "layui-icon layui-icon-console",
"type": 1,
"openType": "_iframe",
"href": "view/console/cosole2.html"
}, {
"id": 303,
"title": "主题配置",
"icon": "layui-icon layui-icon-console",
"type": 1,
"openType": "_blank",
"href": "http://www.baidu.com"
}]
},
{
"id": "component",

8
component/pear/module/admin.js
View File

@ -25,7 +25,6 @@ layui.define(['table', 'jquery', 'element', 'form', 'tab', 'menu', 'frame'],
}
this.logoRender = function(option) {
$(".layui-logo .logo").attr("src", option.logo.image);
$(".layui-logo .title").html(option.logo.title);
}
@ -64,7 +63,7 @@ layui.define(['table', 'jquery', 'element', 'form', 'tab', 'menu', 'frame'],
url: option.tab.index.href,
title: option.tab.index.title,
close: false
}] //初始化数据
}]
});
bodyTab.click(function(id) {
@ -89,6 +88,9 @@ layui.define(['table', 'jquery', 'element', 'form', 'tab', 'menu', 'frame'],
})
sideMenu.click(function(dom, data) {
console.log(data.menuUrl);
bodyTab.addTabOnly({
id: data.menuId,
title: data.menuTitle,
@ -122,6 +124,8 @@ layui.define(['table', 'jquery', 'element', 'form', 'tab', 'menu', 'frame'],
}, 600)
})
sideMenu.click(function(dom, data) {
console.log(data.menuUrl);
bodyFrame.changePage(data.menuUrl, data.menuPath, true);
compatible()
})

14
component/pear/module/topBar.js Normal file
View File

@ -0,0 +1,14 @@
layui.define(['jquery', 'element','util'], function(exports) {
"use strict";
var MOD_NAME = 'topBar',
$ = layui.jquery,
util = layui.util,
element = layui.element;
var topBar = new function() {
util.fixbar({});
}
exports(MOD_NAME,topBar);
});

3
component/pear/pear.js
View File

@ -26,5 +26,6 @@ layui.config({
dtree:"dtree",
tinymce:"tinymce/tinymce",
area:"area",
count:"count"
count:"count",
topBar: "topBar"
});

2
view/console/console1.html
View File

@ -245,7 +245,7 @@
<script src="../../component/layui/layui.js"></script>
<script src="../../component/pear/pear.js"></script>
<script>
layui.use(['layer', 'echarts', 'element', 'count'], function() {
layui.use(['layer', 'echarts', 'element', 'count','topBar'], function() {
var $ = layui.jquery,
layer = layui.layer,
element = layui.element,

44
view/document/dtree.html
View File

@ -52,7 +52,7 @@
elem: "#demoTree",
initLevel: "1",
method: 'get',
url: "../../admin/data/dtree.json"
url: "admin/data/dtree.json"
});
});
</pre>
@ -83,7 +83,7 @@
elem: "#demoTree",
initLevel: "1",
method: 'get',
url: "../../admin/data/dtree.json",
url: "admin/data/dtree.json",
dataFormat: "list",
checkbar: true
});
@ -93,6 +93,38 @@
</div>
</div>
</div>
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-header">
下拉树
</div>
<div class="layui-card-body">
<ul id="demoTree2" class="dtree" data-id="0"></ul>
</div>
</div>
</div>
<div class="layui-col-md12">
<div class="layui-collapse">
<div class="layui-colla-item">
<h2 class="layui-colla-title">显示代码</h2>
<div class="layui-colla-content">
<pre class="layui-code" lay-encode="true">
layui.use(['dtree'], function () {
dtree = layui.dtree;
dtree.render({
elem: "#demoTree2",
initLevel: "1",
method: 'get',
url: "admin/data/dtree.json",
select: true
});
});
</pre>
</div>
</div>
</div>
</div>
</div>
<script src="../../component/layui/layui.js"></script>
<script src="../../component/pear/pear.js"></script>
@ -119,6 +151,14 @@
dataFormat: "list", //配置data的风格为list
checkbar: true //开启复选框
});
dtree.render({
elem: "#demoTree2",
initLevel: "1",
method: 'get',
url: "../../admin/data/dtree.json",
select: true
});
});
</script>
</body>