You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
94 lines
3.7 KiB
94 lines
3.7 KiB
<%--
|
|
Created by IntelliJ IDEA.
|
|
User: 10295
|
|
Date: 2018/4/15
|
|
Time: 23:25
|
|
To change this template use File | Settings | File Templates.
|
|
--%>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!--输出,条件,迭代标签库-->
|
|
<%@ page pageEncoding="utf-8" %>
|
|
<head>
|
|
<script>
|
|
function showMenu() {
|
|
var child = $("." + $(this).attr("id"));
|
|
i = $(this).find('i');
|
|
classPrefix = 'fas fa-angle-';
|
|
if (i.attr('class') == classPrefix + 'right') {
|
|
i.attr('class', classPrefix + 'down');
|
|
child.fadeIn()
|
|
} else {
|
|
i.attr('class', classPrefix + 'right');
|
|
hideMenu(child)
|
|
}
|
|
}
|
|
|
|
function hideMenu(child) {
|
|
if (child.length > 1) {
|
|
child.find('i').attr('class', classPrefix + 'right');
|
|
}
|
|
child.each(function () {
|
|
$(this).fadeOut();
|
|
hideMenu($("." + $(this).attr('id')));
|
|
})
|
|
}
|
|
|
|
|
|
function addMenu(menus, level, id) {
|
|
|
|
for (var menu in menus) {
|
|
href = menus[menu].href;
|
|
menuId = '#menu' + menus[menu].id;
|
|
$("#list-tab").append('<a class="list-group-item list-group-item-action" data-href="' + menus[menu].href + '" data-id="' + menus[menu].id + '" id="' + menuId.substr(1) + '" data-toggle="list">\n' +
|
|
' ' + menus[menu].menuName + '\n' +
|
|
' </a>');
|
|
if (level > 0) {
|
|
$(menuId).addClass('offset-' + level).addClass('menu' + id);
|
|
$(menuId).hide();
|
|
}
|
|
if (menus[menu].childMenu.length > 0) {
|
|
$(menuId).append('<i class="fas fa-angle-right"></i><span class="badge badge-primary badge-pill offset-8">' + menus[menu].childMenu.length + '</span>').click(showMenu);
|
|
addMenu(menus[menu].childMenu, level + 1, menus[menu].id);
|
|
} else {
|
|
$(menuId).click(function () {
|
|
btnId = '#btn' + $(this).data('id');
|
|
if ($(btnId).length == 0) {
|
|
$("#tabs").append('<button type="button" id="' + btnId.substr(1) + '" class="btn btn-secondary btn-lg" data-id="'+$(this).data('id')+'" href="#iframe' + $(this).data('id') + '">' + $(this).text() + '\n' +
|
|
' <i class="fas fa-times" style="display: none"></i>\n' +
|
|
' </button>')
|
|
}
|
|
|
|
$(btnId).click();
|
|
|
|
iframe = '#iframe' + $(this).data('id');
|
|
if ($(iframe).length == 0) {
|
|
$(top.document).find('#nav-tabContent').append('<div id="' + iframe.substr(1) + '" class="tab-pane fade embed-responsive embed-responsive-16by9" >\n' +
|
|
' <iframe class="embed-responsive-item" src="' + $(this).data('href') + '"></iframe>\n' +
|
|
' </div>');
|
|
}
|
|
|
|
$(iframe).addClass('active show');
|
|
$(iframe).siblings().removeClass('active show');
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
$(function () {
|
|
addMenu(${menus}.data, 0
|
|
)
|
|
;
|
|
});
|
|
</script>
|
|
</head>
|
|
<div class="show" id="navbarNavDropdown">
|
|
<div class="col-2">
|
|
<div class="list-group" id="list-tab" role="tablist">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</html>
|
|
|