add set avatar function

component/pear/modules/admin.js

@@ -1,4 +1,4 @@
-layui.define(['table', 'jquery', 'element', 'yaml', 'form', 'tab', 'menu', 'frame', 'theme'],
+layui.define(['table', 'jquery', 'element', 'yaml', 'form', 'tab', 'menu', 'frame', 'theme','convert'],
 	function(exports) {
 		"use strict";
 
@@ -7,6 +7,7 @@ layui.define(['table', 'jquery', 'element', 'yaml', 'form', 'tab', 'menu', 'fram
 			element = layui.element,
 			yaml = layui.yaml,
 			pearTab = layui.tab,
+			convert = layui.convert,
 			pearMenu = layui.menu,
 			pearFrame = layui.frame,
 			pearTheme = layui.theme;
@@ -15,6 +16,7 @@ layui.define(['table', 'jquery', 'element', 'yaml', 'form', 'tab', 'menu', 'fram
 		let sideMenu;
 		let bodyTab;
 		let config;
+		
 		const body = $('body');
 
 		const pearAdmin = new function() {
@@ -30,6 +32,15 @@ layui.define(['table', 'jquery', 'element', 'yaml', 'form', 'tab', 'menu', 'fram
 			this.setConfigType = function(type) {
 				configType = type;
 			}
+			
+			this.setAvatar = function(url,username){
+				var image = new Image();
+				image.src = "admin/images/avatar.jpg";
+				image.onload = function(){
+					$(".layui-nav-img").attr("src", convert.imageToBase64(image));
+				}
+				$(".layui-nav-img").parent().append(username);		
+			}
 
 			this.render = function(initConfig) {
 				if (initConfig !== undefined) {
@@ -138,10 +149,6 @@ layui.define(['table', 'jquery', 'element', 'yaml', 'form', 'tab', 'menu', 'fram
 					})
 
 					sideMenu.click(function(dom, data) {
-						
-						console.log("点击项:"+JSON.stringify(dom))
-						console.log("元数据:"+JSON.stringify(data));
-						
 						bodyTab.addTabOnly({
 							id: data.menuId,
 							title: data.menuTitle,
@@ -149,6 +156,7 @@ layui.define(['table', 'jquery', 'element', 'yaml', 'form', 'tab', 'menu', 'fram
 							icon: data.menuIcon,
 							close: true
 						}, 300);
+						
 						compatible();
 
 					})
@@ -162,10 +170,6 @@ layui.define(['table', 'jquery', 'element', 'yaml', 'form', 'tab', 'menu', 'fram
 					});
 
 					sideMenu.click(function(dom, data) {
-						
-						console.log("点击项:"+dom)
-						console.log("元数据:"+data);
-						
 						bodyFrame.changePage(data.menuUrl, data.menuPath, true);
 						compatible()
 					})

component/pear/modules/tab.js

@@ -112,6 +112,7 @@ layui.define(['jquery', 'element'], function(exports) {
 		sessionStorage.setItem(this.option.elem+"-pear-tab-data-current",opt.id);
 		element.tabChange(this.option.elem, opt.id);
 	}
+	
 	var index = 0;
 
 	// 根据过滤 filter 标识, 删除执行选项卡

index.html

@@ -19,7 +19,7 @@
 				<!-- 顶 部 左 侧 功 能 -->
 				<ul class="layui-nav layui-layout-left">
 					<li class="collaspe layui-nav-item"><a href="#" class="layui-icon layui-icon-shrink-right"></a></li>
-					<li class="refresh layui-nav-item"><a href="#" class="layui-icon layui-icon-refresh-1" loading=600></a></li>
+					<li class="refresh layui-nav-item"><a href="#" class="layui-icon layui-icon-refresh-1" loading = 600></a></li>
 				</ul>
 				<!-- 顶 部 右 侧 菜 单 -->
 				<div id="control" class="layui-layout-control"></div>
@@ -30,7 +30,6 @@
 						<!-- 头 像 -->
 						<a href="javascript:;">
 							<img src="admin/images/avatar.jpg" class="layui-nav-img">
-							就眠仪式
 						</a>
 						<!-- 功 能 菜 单 -->
 						<dl class="layui-nav-child">
@@ -44,14 +43,14 @@
 			</div>
 			<!-- 侧 边 区 域 -->
 			<div class="layui-side layui-bg-black">
-				<!-- 顶 部 图 标 -->
+				<!-- 菜 单 顶 部 -->
 				<div class="layui-logo">
-					<!-- 图 表 -->
+					<!-- 图 标 -->
 					<img class="logo"></img>
 					<!-- 标 题 -->
 					<span class="title"></span>
 				</div>
-				<!-- 侧 边 菜 单 -->
+				<!-- 菜 单 内 容 -->
 				<div class="layui-side-scroll">
 					<div id="sideMenu"></div>
 				</div>
@@ -79,13 +78,11 @@
 				var admin = layui.admin;
 				var $ = layui.jquery;
 				var convert = layui.convert;
+		
+				// 初始化顶部用户信息
+				admin.setAvatar("admin/images/avatar.jpg","就眠仪式");
 				
-				var image = new Image();
-				image.src = "admin/images/avatar.jpg";
-				image.onload = function(){
-					$(".layui-nav-img").attr("src", convert.imageToBase64(image));
-				}
-				// 框架初始化时会读取 根目录下 pear.config.yml 文件作为初始化配置
+				// 根目录下 pear.config.yml 文件为初始化配置
 				// 你可以通过 admin.setConfigPath 方法修改配置文件位置
 				// 你可以通过 admin.setConfigType 方法修改配置文件类型
 				admin.setConfigType("yml");

view/document/card.html

@@ -41,8 +41,6 @@
 		        </div>
 		    </div>
 		</body>
-		
-		
 		<script src="../../component/layui/layui.js"></script>
 		<script src="../../component/pear/pear.js"></script>
 		<script>