树状结构 新增 树状结构

admin/data/menu.json

@@ -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",

component/pear/module/admin.js

@@ -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()
 					})

component/pear/module/topBar.js

@@ -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);
+});

component/pear/pear.js

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

view/console/console1.html

@@ -48,7 +48,7 @@
 						<div class="layui-card-header">提交次数</div>
 						<div class="layui-card-body">
 							<div class="layui-row layui-col-space5">
-								<div class="layui-col-xs8 layui-col-md8 top-panel-number"  id="value2">
+								<div class="layui-col-xs8 layui-col-md8 top-panel-number" id="value2">
 									0
 								</div>
 								<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
@@ -86,7 +86,7 @@
 						<div class="layui-card-header">下载数量</div>
 						<div class="layui-card-body">
 							<div class="layui-row layui-col-space5">
-								<div class="layui-col-xs8 layui-col-md8 top-panel-number"  id="value3">
+								<div class="layui-col-xs8 layui-col-md8 top-panel-number" id="value3">
 									0
 								</div>
 								<div class="layui-col-xs4 layui-col-md4  top-panel-tips">
@@ -116,7 +116,7 @@
 						<div class="layui-card-header">流量统计</div>
 						<div class="layui-card-body">
 							<div class="layui-row layui-col-space5">
-								<div class="layui-col-xs8 layui-col-md8 top-panel-number"  id="value4">
+								<div class="layui-col-xs8 layui-col-md8 top-panel-number" id="value4">
 									0
 								</div>
 								<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
@@ -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,
@@ -258,21 +258,21 @@
 					bit: 2,
 					regulator: 50
 				})
-				
+
 				count.up("value2", {
 					time: 4000,
 					num: 236.30,
 					bit: 2,
 					regulator: 50
 				})
-				
+
 				count.up("value3", {
 					time: 4000,
 					num: 634.43,
 					bit: 2,
 					regulator: 50
 				})
-				
+
 				count.up("value4", {
 					time: 4000,
 					bit: 2,

view/document/dtree.html

@@ -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>