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-08-04 20:31:05 +08:00
parent 7bd1f5eceb
commit 67a8790b95
3 changed files with 9 additions and 110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -45,8 +45,8 @@ layui.define(['table', 'jquery', 'element', 'form', 'tab', 'menu', 'frame'],
sideMenu.selectItem(param.menu.select); sideMenu.selectItem(param.menu.select);
} }
this.bodyRender = function(option) { this.bodyRender = function(param) {
if (option.tab.muiltTab) { if (param.tab.muiltTab) {
bodyTab = pearTab.render({ bodyTab = pearTab.render({
elem: 'content', elem: 'content',
roll: true, roll: true,
@ -54,20 +54,20 @@ layui.define(['table', 'jquery', 'element', 'form', 'tab', 'menu', 'frame'],
width: '100%', width: '100%',
height: '100%', height: '100%',
index: 0, index: 0,
tabMax: option.tab.tabMax, tabMax: param.tab.tabMax,
closeEvent: function(id) { closeEvent: function(id) {
sideMenu.selectItem(id); sideMenu.selectItem(id);
}, },
data: [{ data: [{
id: option.tab.index.id, id: param.tab.index.id,
url: option.tab.index.href, url: param.tab.index.href,
title: option.tab.index.title, title: param.tab.index.title,
close: false close: false
}] }]
}); });
bodyTab.click(function(id) { bodyTab.click(function(id) {
// 选 项 卡 切 换 刷 新 // 选 项 卡 切 换 刷 新
if(!option.tab.keepState){ if(!param.tab.keepState){
bodyTab.refresh(false); bodyTab.refresh(false);
} }
bodyTab.positionTab(); bodyTab.positionTab();
@ -89,7 +89,6 @@ layui.define(['table', 'jquery', 'element', 'form', 'tab', 'menu', 'frame'],
}, 600) }, 600)
}) })
sideMenu.click(function(dom, data) { sideMenu.click(function(dom, data) {
bodyTab.addTabOnly({ bodyTab.addTabOnly({
id: data.menuId, id: data.menuId,
title: data.menuTitle, title: data.menuTitle,

100
component/pear/module/menu.js
View File

@ -47,8 +47,6 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
} }
} }
// 渲 染 菜 单 结 束 并 完 成
element.init(); element.init();
downShow(option); downShow(option);
@ -57,8 +55,6 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
return new pearMenu(option); return new pearMenu(option);
} }
/** 监听事件赋值 */
pearMenu.prototype.click = function(clickEvent) { pearMenu.prototype.click = function(clickEvent) {
var _this = this; var _this = this;
@ -76,36 +72,26 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
if (doms.text() != '') { if (doms.text() != '') {
data['menuPath'] = doms.find("span").text() + " / " + data['menuPath']; data['menuPath'] = doms.find("span").text() + " / " + data['menuPath'];
} }
var domss = hash(doms); var domss = hash(doms);
if (domss.text() != '') { if (domss.text() != '') {
data['menuPath'] = domss.find("span").text() + " / " + data['menuPath']; data['menuPath'] = domss.find("span").text() + " / " + data['menuPath'];
} }
var domsss = hash(domss); var domsss = hash(domss);
if (domsss.text() != '') { if (domsss.text() != '') {
data['menuPath'] = domsss.find("span").text() + " / " + data['menuPath']; data['menuPath'] = domsss.find("span").text() + " / " + data['menuPath'];
} }
clickEvent(dom, data); clickEvent(dom, data);
}); });
} }
function hash(dom) { function hash(dom) {
return dom.parent().parent().prev(); return dom.parent().parent().prev();
} }
pearMenu.prototype.skin = function(skin) { pearMenu.prototype.skin = function(skin) {
var menu = $(".pear-nav-tree[lay-filter='" + this.option.elem + "']").parent(); var menu = $(".pear-nav-tree[lay-filter='" + this.option.elem + "']").parent();
menu.removeClass("dark-theme"); menu.removeClass("dark-theme");
menu.removeClass("light-theme"); menu.removeClass("light-theme");
menu.addClass(skin); menu.addClass(skin);
@ -115,28 +101,20 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
pearMenu.prototype.selectItem = function(pearId) { pearMenu.prototype.selectItem = function(pearId) {
if (this.option.control != false) { if (this.option.control != false) {
$("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents(".layui-side-scroll ").find("ul").css({ $("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents(".layui-side-scroll ").find("ul").css({
display: "none" display: "none"
}); });
$("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents(".layui-side-scroll ").find(".layui-this").removeClass( $("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents(".layui-side-scroll ").find(".layui-this").removeClass(
"layui-this"); "layui-this");
$("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents("ul").css({ $("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents("ul").css({
display: "block" display: "block"
}); });
var controlId = $("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents("ul").attr("pear-id"); var controlId = $("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents("ul").attr("pear-id");
$("#" + this.option.control).find(".layui-this").removeClass("layui-this"); $("#" + this.option.control).find(".layui-this").removeClass("layui-this");
$("#" + this.option.control).find("[pear-id='" + controlId + "']").addClass("layui-this"); $("#" + this.option.control).find("[pear-id='" + controlId + "']").addClass("layui-this");
} }
// 根 据 菜 单 Id 选 中 菜 单 项 目
if (this.option.accordion == true) { if (this.option.accordion == true) {
$("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents(".pear-nav-tree").find(".layui-nav-itemed").removeClass( $("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents(".pear-nav-tree").find(".layui-nav-itemed").removeClass(
"layui-nav-itemed"); "layui-nav-itemed");
@ -145,14 +123,9 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
$("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents(".pear-nav-tree").find(".layui-this").removeClass( $("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents(".pear-nav-tree").find(".layui-this").removeClass(
"layui-this"); "layui-this");
// 通 过 动 画 打 开 当 前 菜 单 项 layui-nav-child
if (!$("#" + this.option.elem).is(".pear-nav-mini")) { if (!$("#" + this.option.elem).is(".pear-nav-mini")) {
$("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents(".layui-nav-item").addClass("layui-nav-itemed"); $("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents(".layui-nav-item").addClass("layui-nav-itemed");
$("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents("dd").addClass("layui-nav-itemed"); $("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents("dd").addClass("layui-nav-itemed");
} }
$("#" + this.option.elem + " a[menu-id='" + pearId + "']").parent().addClass("layui-this"); $("#" + this.option.elem + " a[menu-id='" + pearId + "']").parent().addClass("layui-this");
@ -164,30 +137,21 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
pearMenu.prototype.collaspe = function(time) { pearMenu.prototype.collaspe = function(time) {
var elem = this.option.elem; var elem = this.option.elem;
var config = this.option; var config = this.option;
if ($("#" + this.option.elem).is(".pear-nav-mini")) { if ($("#" + this.option.elem).is(".pear-nav-mini")) {
$.each(activeMenus, function(i, item) { $.each(activeMenus, function(i, item) {
$("#" + elem + " a[menu-id='" + $(this).attr("menu-id") + "']").parent().addClass("layui-nav-itemed"); $("#" + elem + " a[menu-id='" + $(this).attr("menu-id") + "']").parent().addClass("layui-nav-itemed");
}) })
$("#" + this.option.elem).removeClass("pear-nav-mini"); $("#" + this.option.elem).removeClass("pear-nav-mini");
$("#" + this.option.elem).animate({ $("#" + this.option.elem).animate({
width: "220px" width: "220px"
}, 150); }, 150);
isHoverMenu(false, config); isHoverMenu(false, config);
} else { } else {
activeMenus = $("#" + this.option.elem).find(".layui-nav-itemed>a"); activeMenus = $("#" + this.option.elem).find(".layui-nav-itemed>a");
$("#" + this.option.elem).find(".layui-nav-itemed").removeClass("layui-nav-itemed"); $("#" + this.option.elem).find(".layui-nav-itemed").removeClass("layui-nav-itemed");
$("#" + this.option.elem).addClass("pear-nav-mini"); $("#" + this.option.elem).addClass("pear-nav-mini");
$("#" + this.option.elem).animate({ $("#" + this.option.elem).animate({
width: "60px" width: "60px"
}, 400); }, 400);
@ -198,52 +162,38 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
/** 同 步 请 求 获 取 数 据 */ /** 同 步 请 求 获 取 数 据 */
function getData(url) { function getData(url) {
$.ajaxSettings.async = false; $.ajaxSettings.async = false;
var data = null; var data = null;
$.get(url+"?fresh=" + Math.random(), function(result) { $.get(url+"?fresh=" + Math.random(), function(result) {
data = result; data = result;
}); });
$.ajaxSettings.async = true; $.ajaxSettings.async = true;
return data; return data;
} }
function createMenu(option) { function createMenu(option) {
// 声 明 头 部
var menuHtml = '<ul lay-filter="' + option.elem + var menuHtml = '<ul lay-filter="' + option.elem +
'" class="layui-nav arrow pear-menu layui-nav-tree pear-nav-tree">' '" class="layui-nav arrow pear-menu layui-nav-tree pear-nav-tree">'
// 开 启 同 步 操 作
$.each(option.data, function(i, item) { $.each(option.data, function(i, item) {
// 创 建 每 一 个 菜 单 项
var content = '<li class="layui-nav-item" >'; var content = '<li class="layui-nav-item" >';
if (i == option.defaultOpen) { if (i == option.defaultOpen) {
content = '<li class="layui-nav-item layui-nav-itemed" >'; content = '<li class="layui-nav-item layui-nav-itemed" >';
} }
var href = "javascript:;"; var href = "javascript:;";
var target = ""; var target = "";
var className = "site-demo-active" var className = "site-demo-active"
if (item.openType == "_blank" && item.type == 1) { if (item.openType == "_blank" && item.type == 1) {
href = item.href; href = item.href;
target = "target='_blank'"; target = "target='_blank'";
className = ""; className = "";
} }
// 判 断 菜 单 类 型 0 是 不可跳转的目录 1 是 可 点 击 跳 转 的 菜 单
if (item.type == 0) { if (item.type == 0) {
// 创 建 目 录 结 构 // 创 建 目 录 结 构
content += '<a href="javascript:;" menu-type="' + item.type + '" menu-id="' + item.id + '" href="' + href + content += '<a href="javascript:;" menu-type="' + item.type + '" menu-id="' + item.id + '" href="' + href +
'" ' + target + '><i class="' + item.icon + '"></i><span>' + item.title + '" ' + target + '><i class="' + item.icon + '"></i><span>' + item.title +
'</span></a>'; '</span></a>';
} else if (item.type == 1) { } else if (item.type == 1) {
// 创 建 菜 单 结 构
content += '<a class="' + className + '" menu-type="' + item.type + '" menu-url="' + item.href + '" menu-id="' + content += '<a class="' + className + '" menu-type="' + item.type + '" menu-url="' + item.href + '" menu-id="' +
item.id + item.id +
'" menu-title="' + item.title + '" href="' + href + '" ' + target + '><i class="' + item.icon + '" menu-title="' + item.title + '" href="' + href + '" ' + target + '><i class="' + item.icon +
@ -254,72 +204,46 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
// 结 束 一 个 根 菜 单 项 // 结 束 一 个 根 菜 单 项
content += '</li>'; content += '</li>';
menuHtml += content; menuHtml += content;
}); });
// 结 束 菜 单 结 构 的 初 始 化 // 结 束 菜 单 结 构 的 初 始 化
menuHtml += "</ul>"; menuHtml += "</ul>";
// 将 菜 单 拼 接 到 初 始 化 容 器 中 // 将 菜 单 拼 接 到 初 始 化 容 器 中
$("#" + option.elem).html(menuHtml); $("#" + option.elem).html(menuHtml);
} }
function createMenuAndControl(option) { function createMenuAndControl(option) {
var control = '<ul class="layui-nav pear-nav-control">'; var control = '<ul class="layui-nav pear-nav-control">';
// 声 明 头 部 // 声 明 头 部
var menu = '<div class="layui-side-scroll ' + option.theme + '">' var menu = '<div class="layui-side-scroll ' + option.theme + '">'
// 开 启 同 步 操 作 // 开 启 同 步 操 作
var index = 0; var index = 0;
$.each(option.data, function(i, item) { $.each(option.data, function(i, item) {
var menuItem = ''; var menuItem = '';
var controlItem = ''; var controlItem = '';
if (index === option.defaultMenu) { if (index === option.defaultMenu) {
controlItem = '<li pear-href="' + item.href + '" pear-title="' + item.title + '" pear-id="' + item.id + controlItem = '<li pear-href="' + item.href + '" pear-title="' + item.title + '" pear-id="' + item.id +
'" class="layui-this layui-nav-item"><a href="#">' + item.title + '</a></li>'; '" class="layui-this layui-nav-item"><a href="#">' + item.title + '</a></li>';
menuItem = '<ul pear-id="' + item.id + '" lay-filter="' + option.elem + menuItem = '<ul pear-id="' + item.id + '" lay-filter="' + option.elem +
'" class="layui-nav arrow layui-nav-tree pear-nav-tree">'; '" class="layui-nav arrow layui-nav-tree pear-nav-tree">';
} else { } else {
controlItem = '<li pear-href="' + item.href + '" pear-title="' + item.title + '" pear-id="' + item.id + controlItem = '<li pear-href="' + item.href + '" pear-title="' + item.title + '" pear-id="' + item.id +
'" class="layui-nav-item"><a href="#">' + item.title + '</a></li>'; '" class="layui-nav-item"><a href="#">' + item.title + '</a></li>';
menuItem = '<ul style="display:none" pear-id="' + item.id + '" lay-filter="' + option.elem + menuItem = '<ul style="display:none" pear-id="' + item.id + '" lay-filter="' + option.elem +
'" class="layui-nav arrow layui-nav-tree pear-nav-tree">'; '" class="layui-nav arrow layui-nav-tree pear-nav-tree">';
} }
index++; index++;
$.each(item.children, function(i, note) { $.each(item.children, function(i, note) {
// 创 建 每 一 个 菜 单 项 // 创 建 每 一 个 菜 单 项
var content = '<li class="layui-nav-item" >'; var content = '<li class="layui-nav-item" >';
var href = "javascript:;"; var href = "javascript:;";
var target = ""; var target = "";
var className = "site-demo-active"; var className = "site-demo-active";
if (note.openType == "_blank" && note.type == 1) { if (note.openType == "_blank" && note.type == 1) {
href = note.href; href = note.href;
target = "target='_blank'"; target = "target='_blank'";
className = ""; className = "";
} }
// 判 断 菜 单 类 型 0 是 不可跳转的目录 1 是 可 点 击 跳 转 的 菜 单 // 判 断 菜 单 类 型 0 是 不可跳转的目录 1 是 可 点 击 跳 转 的 菜 单
if (note.type == 0) { if (note.type == 0) {
// 创 建 目 录 结 构 // 创 建 目 录 结 构
@ -333,72 +257,50 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
'" menu-title="' + note.title + '" href="' + href + '"><i class="' + note.icon + '" menu-title="' + note.title + '" href="' + href + '"><i class="' + note.icon +
'"></i><span>' + note.title + '</span></a>'; '"></i><span>' + note.title + '</span></a>';
} }
// 调 用 递 归 方 法 加 载 无 限 层 级 的 子 菜 单
content += loadchild(note); content += loadchild(note);
// 结 束 一 个 根 菜 单 项
content += '</li>'; content += '</li>';
menuItem += content; menuItem += content;
}) })
menu += menuItem + '</ul>'; menu += menuItem + '</ul>';
control += controlItem; control += controlItem;
}) })
$("#" + option.control).html(control); $("#" + option.control).html(control);
$("#" + option.elem).html(menu); $("#" + option.elem).html(menu);
$("#" + option.control + " .pear-nav-control").on("click", "li", function() { $("#" + option.control + " .pear-nav-control").on("click", "li", function() {
$("#" + option.elem).find(".pear-nav-tree").css({ $("#" + option.elem).find(".pear-nav-tree").css({
display: 'none' display: 'none'
}); });
$("#" + option.elem).find(".pear-nav-tree[pear-id='" + $(this).attr("pear-id") + "']").css({ $("#" + option.elem).find(".pear-nav-tree[pear-id='" + $(this).attr("pear-id") + "']").css({
display: 'block' display: 'block'
}); });
option.change($(this).attr("pear-id"), $(this).attr("pear-title"), $(this).attr("pear-href")) option.change($(this).attr("pear-id"), $(this).attr("pear-title"), $(this).attr("pear-href"))
}) })
} }
/** 加载子菜单 (递归)*/ /** 加载子菜单 (递归)*/
function loadchild(obj) { function loadchild(obj) {
// 判 单 是 否 是 菜 单， 如 果 是 菜 单 直 接 返 回 // 判 单 是 否 是 菜 单， 如 果 是 菜 单 直 接 返 回
if (obj.type == 1) { if (obj.type == 1) {
return ""; return "";
} }
// 创 建 子 菜 单 结 构 // 创 建 子 菜 单 结 构
var content = '<dl class="layui-nav-child">'; var content = '<dl class="layui-nav-child">';
// 如 果 嵌 套 不 等 于 空 // 如 果 嵌 套 不 等 于 空
if (obj.children != null && obj.children.length > 0) { if (obj.children != null && obj.children.length > 0) {
// 遍 历 子 项 目 // 遍 历 子 项 目
$.each(obj.children, function(i, note) { $.each(obj.children, function(i, note) {
// 创 建 子 项 结 构 // 创 建 子 项 结 构
content += '<dd>'; content += '<dd>';
var href = "javascript:;"; var href = "javascript:;";
var target = ""; var target = "";
var className = "site-demo-active"; var className = "site-demo-active";
if (note.openType == "_blank" && note.type == 1) { if (note.openType == "_blank" && note.type == 1) {
href = note.href; href = note.href;
target = "target='_blank'"; target = "target='_blank'";
className = ""; className = "";
} }
// 判 断 子 项 类 型 // 判 断 子 项 类 型
if (note.type == 0) { if (note.type == 0) {
// 创 建 目 录 结 构 // 创 建 目 录 结 构
@ -416,11 +318,9 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
content += '</dd>'; content += '</dd>';
}); });
// 封 装 // 封 装
} else { } else {
content += '<div class="toast"> 无 内 容 </div>'; content += '<div class="toast"> 无 内 容 </div>';
} }
content += '</dl>'; content += '</dl>';
return content; return content;
} }

4
view/console/console2.html
View File

@ -132,7 +132,7 @@
<div class="layui-card-body"> <div class="layui-card-body">
<ul class="pear-card-status"> <ul class="pear-card-status">
<li> <li>
<h3>就眠仪式</h3> <h3>Pear Admin</h3>
<p>快乐的时候不敢尽兴，频繁警戒自己保持清醒。</p> <p>快乐的时候不敢尽兴，频繁警戒自己保持清醒。</p>
<span>4月30日 22:43</span> <span>4月30日 22:43</span>
<a href="javascript:;" data-id="1" class="pear-btn pear-btn-xs pear-btn-success pear-reply">回复</a> <a href="javascript:;" data-id="1" class="pear-btn pear-btn-xs pear-btn-success pear-reply">回复</a>
@ -150,7 +150,7 @@
<a href="javascript:;" data-id="1" class="pear-btn pear-btn-xs pear-btn-success pear-reply">回复</a> <a href="javascript:;" data-id="1" class="pear-btn pear-btn-xs pear-btn-success pear-reply">回复</a>
</li> </li>
<li> <li>
<h3>Pear Admin</h3> <h3>BootStrap</h3>
<p>当浑浊变成了一种常态，那么清白就成了一种罪过。</p> <p>当浑浊变成了一种常态，那么清白就成了一种罪过。</p>
<span>4月30日 22:43</span> <span>4月30日 22:43</span>
<a href="javascript:;" data-id="1" class="pear-btn pear-btn-xs pear-btn-success pear-reply">回复</a> <a href="javascript:;" data-id="1" class="pear-btn pear-btn-xs pear-btn-success pear-reply">回复</a>