power2.0
/
power_cz
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

增加默认菜单选中样式

Browse Source
master
zengwh 5 years ago
parent 8dfd73c39a
commit b5908c0cb5
2 changed files with 25 additions and 254 deletions
Show Stats Download Patch File Download Diff File

6
power-admin/src/main/webapp/WEB-INF/views/loginDir/index.jsp
Unescape Escape View File

@ -13,7 +13,11 @@
</script>
<style>
.indexSelected{
background-color: #42515F;
background-color: #1E2D3B;
}
.modleSelected {
font-weight: bold;
font-size: 16px;
}
.navbar-custom-menu{
padding-right:17px;

273
power-admin/src/main/webapp/static/js/menu.js
Unescape Escape View File

@ -1,6 +1,13 @@
//定义默认加载url
var defaultUrl = '/user/pageUI';
//定义默认模块名
var defaultModle = '基本管理';
function indexSelected(_this){
$("ul.treeview-menu").find("a").removeClass("indexSelected");
$("#indexTreeMenu .treeview").find("a").removeClass("modleSelected");
$(_this).addClass("indexSelected");
$(_this).parent().parent().siblings().addClass('modleSelected');
}
//获取菜单接口
$(function () {
@ -14,11 +21,6 @@ $(function () {
var listRole = result.extend.listRole;
var listPower=result.extend.listPower;
if (listUser != null) {
//$('#indexTreeMenu').append(listPowerFun(listUser));
/* var menuArr = menuRoleFun(listUser);
for (var i = 0; i < menuArr.length; i++) {
$('#indexTreeMenu').append(menuArr[i]);
}*/
var menuArr = menuRoleFun(listPower);
for (var i = 0; i < menuArr.length; i++) {
$('#indexTreeMenu').append(menuArr[i]);
@ -103,247 +105,6 @@ function menuRoleFun(menuArr) {
return muluArr;
}
function listPowerFun(menuArr){
var hosp = newUlFun();
if (menuArr != null && menuArr.length > 0) {
var muluArr = [];
for (var x = 0; x < menuArr.length; x++) {
if ((menuArr[x].menuUrl == '' || menuArr[x].menuUrl == null) && menuArr[x].menuName != '菜单列表') {
var muluMap = {};
muluMap['menuId'] = menuArr[x].menuId;
muluMap['menuName'] = menuArr[x].menuName;
muluMap['menuIcon'] = menuArr[x].menuIcon;
muluArr.push(muluMap);
}
}
/*菜单*/
var menuAUL = newUlFun();
for (var i = 0; i < muluArr.length; i++) {
/*菜单目录*/
var muluLi = newLiFun();
var muluA = newAFun(muluArr[i].menuName, muluArr[i].menuIcon);
muluLi.append(muluA);
var menuUL = newUlFun();
for (var z = 0; z < menuArr.length; z++) {
if (muluArr[i].menuId == menuArr[z].parentId) {
var menuALi = newAliFun(menuArr[z].menuName, menuArr[z].menuIcon, menuArr[z].menuUrl);
menuUL.append(menuALi);
}
}
muluLi.append(menuUL);
menuAUL.append(muluLi)
hosp.append(menuAUL);
}
}
/*
if (menuArr != null && menuArr.length > 0) {
/!*医院*!/
for (var i = 0; i < menuArr.length; i++) {
if(hospArr.indexOf(menuArr[i].hospitalName) == -1 && menuArr[i].hospitalName!=null) {
hospArr.push(menuArr[i].hospitalName);
var hospA = newAFun(menuArr[i].hospitalName, menuArr[i].menuIcon);
hosp.append(hospA);
//console.log(menuArr[i]);
/!*权限系统*!/
var sysUL = newUlFun();
var sysArr = [];
for (var j = 0; j < menuArr.length; j++) {
if (sysArr.indexOf(menuArr[j].sysFlag) == -1 && menuArr[j].sysFlag== "power") {
sysArr.push(menuArr[j].sysFlag);
//console.log(menuArr[j]);
var sysA = newAFun(menuArr[j].sysName, menuArr[j].menuIcon);
var sysLi = newLiFun();
sysLi.append(sysA);
/!*目录*!/
var muluArr = [];
var muluUL = newUlFun();
for (var y = 0; y < menuArr.length; y++) {
console.log(menuArr[y]);
if (muluArr.indexOf(menuArr[y].menuId) == -1 && menuArr[y].menuUrl == null && menuArr[y].parentId==0 ) {
console.log(menuArr[y]);
muluArr.push(menuArr[y].menuId);
var muluA = newAFun(menuArr[y].menuName, menuArr[y].menuIcon);
var muluLi = newLiFun();
muluLi.append(muluA);
//console.log(menuArr[y]);
/!*菜单目录*!/
var mulArr = [];
var mulUL = newUlFun();
for (var x = 0; x < menuArr.length; x++) {
if (mulArr.indexOf(menuArr[x].menuId) == -1 && menuArr[x].menuUrl == null && menuArr[x].parentId != 0 && menuArr[x].menuId!=null) {
muluArr.push(menuArr[x].menuId);
//console.log(menuArr[x]);
var mulA = newAFun(menuArr[x].menuName, menuArr[x].menuIcon);
var mulLi = newLiFun();
mulLi.append(mulA);
/!*菜单*!/
var menuAr = [];
var menuAUL = newUlFun();
for (var z = 0; z < menuArr.length; z++) {
if (menuAr.indexOf(menuArr[z].menuId) == -1 && menuArr[z].menuUrl!=null && menuArr[z].menuUrl != '') {
menuAr.push(menuArr[z].menuId);
console.log(menuArr[z]);
var menuAA = newAFun(menuArr[z].menuName, menuArr[z].menuIcon);
var menuALi = newAliFun(menuArr[z].menuName, menuArr[z].menuIcon, menuArr[z].menuUrl);
menuAUL.append(menuALi);
}
}
mulLi.append(menuAUL);
mulUL.append(mulLi);
}
}
muluLi.append(mulUL);
muluUL.append(muluLi);
}
}
sysLi.append(muluUL);
sysUL.append(sysLi);
sysUL.append(sysLi)
}
}
hosp.append(sysUL);
}
}
}
*/
return hosp;
}
function newUlFun(){
var newUl = $("<ul class=\"treeview-menu\" style=\"display: block;\"></ul>");
return newUl;
}
function newLiFun(){
var newLi=$("<li class=\"treeview menu-open\"></li>");
return newLi;
}
function newAFun(aName, iconCss){
/*
<a href="#">
<i class="fa fa-share"></i> <span>Multilevel</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
*/
var newA = $("<a href=\"#\"></a>");
var subIcon = $("<i></i>");
subIcon.addClass(iconCss);
var subSpan = $("<span class=\"pull-right-container\"><i class='fa fa-angle-left pull-right'></i></span>");
newA.append(subIcon);
newA.append(aName);
newA.append(subSpan);
return newA;
}
function newAliFun(aName,iconCss,menuUrl){
menuUrl = path + menuUrl;
/*<li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li> */
var newli = $("<li></li> ");
var newicon=$("<i></i>");
var newA=$("<a href=\"" + menuUrl + "\" target=\"iFrame1\"></a>");
newicon.addClass(iconCss);
newA.append(newicon);
newA.append(aName);
newli.append(newA);
return newli;
}
function menuFun(menuArr){
var menuUl=$("<ul class=\"sidebar-menu\" data-widget=\"tree\" ></ul>");
var arr=[];
var hospital=null;
if(menuArr.length>0){
for(var i=0;i< menuArr.length;i++){
if(menuArr[i].menuIcon==null){
menuArr[i].menuIcon="fa fa-circle-o";
}
if(menuArr[i].hospitalName!=null){
/*
li-->a-->ul-->li-->a--ul-->li-->a-->ul-->li
*/
/*医院li*/
if (arr.indexOf(menuArr[i].hospitalName) == -1) {
arr.push(menuArr[i].hospitalName);
hospital = lihospFun(menuArr[i].hospitalName, menuArr[i].menuIcon);
hospital.addClass("tree");
/*科室*/
var dept = null;
var deptArr = [];
if (deptArr.indexOf(menuArr[i].deptId) == -1) {
deptArr.push(menuArr[i].deptId);
if (menuArr[i].deptId != null) {
dept = ulFun(menuArr[i].deptName, menuArr[i].menuIcon);
/*系统*/
var sysUl = null;
var sysArr = [];
var menuLiFun = [];
for (var j = 0; j < menuArr.length; j++) {
if (menuArr[i].dictId == menuArr[j].dictId) {
/*菜单*/
var menArr = [];
for (var k = 0; k < menuArr.length; k++) {
if (menuArr[k].menuId == menuArr[j].menuId) {
if (menArr.indexOf(menuArr[k].menuId) == -1 && menuArr[k].menuName!="菜单列表") {
menArr.push(menuArr[k].menuId);
menuLiFun.push(menuArr[k]);
}
}
}
/*系统-菜单*/
if(menuLiFun.length>0) {
if (sysArr.indexOf(menuArr[j].sysFlag) == -1) {
sysArr.push(menuArr[j].sysFlag);
sysUl = ulFun(menuArr[j].sysName, menuArr[j].menuIcon);
/*菜单sysMenuLiFun*/
var xLiFun = ulSysMenuFun(menuLiFun);
sysUl.find('li').append(xLiFun);
//sysUl.append(menuLiFun);
dept.find('li').append(sysUl);
}
}
}
}
sysArr = null;
hospital.append(dept);
}
}
menuUl.append(hospital);
}
}
}
deptArr=null;
}
return menuUl;
}
function lihospFun(liName, iconCss) {
var subLi = $("<li class=\"treeview menu-open\"></li>");
subLi.append(aFun(liName, iconCss));
return subLi;
}
function roleSysFun(menuArr) {
var subLi = $("<li class=\"treeview menu-open\"></li>");
subUl.append(liSysMenuFun(menuArr));
return subLi;
}
function ulFun(liName, iconCss) {
var subUl = $(" <ul class=\"treeview-menu\" style=\"display: block;\"></ul>");
subUl.append(liFun(liName, iconCss));
return subUl;
}
function liFun(liName,iconCss) {
var subLi = $("<li class=\"treeview menu-open\"></li>");
subLi.append(aFun(liName, iconCss));
@ -351,12 +112,12 @@ function liFun(liName,iconCss) {
}
function aFun(aName, iconCss) {
/**<a href="#"><i class="fa fa-circle-o"></i> 基本功能
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>*/
var subA = $("<a href=\"#\"></a>");
var subA = '';
if(aName == defaultModle){
subA = $("<a href=\"#\" class='modleSelected'></a>");
}else{
subA = $("<a href=\"#\"></a>");
}
var subIcon = $("<i></i>");
subIcon.addClass(iconCss);
var subSpan = $("<span class=\"pull-right-container\"><i class='fa fa-angle-left pull-right'></i></span>");
@ -370,7 +131,13 @@ function ulSysMenuFun(menuArr) {
var subUl = $(" <ul class=\"treeview-menu\" style=\"display: block;\"></ul>");
for (var i = 0; i < menuArr.length; i++) {
var subLi = $("<li></li>");
var subA = $("<a href="+path+menuArr[i].menuUrl+" target=\"iFrame1\" onclick = 'indexSelected(this)'></a>");
var subA = '';
var menuUrl = menuArr[i].menuUrl;
if(menuUrl == defaultUrl) {
subA = $("<a href=" + path + menuUrl + " target=\"iFrame1\" onclick = 'indexSelected(this)' class='indexSelected'></a>");
}else{
subA = $("<a href=" + path + menuUrl + " target=\"iFrame1\" onclick = 'indexSelected(this)'></a>");
}
var subIcon = $("<i></i>");
if (menuArr[i].menuIcon != undefined || menuArr[i].menuIcon != null || menuArr[i].menuIcon != '') {
subIcon.addClass(menuArr[i].menuIcon);

Write Preview
Loading…
Cancel
Save