修改BUG：角色指定菜单弹出框内无法点击菜单名字选择复选框，增加菜单图标
This commit is contained in:
Argo-Lenovo
parent
b1ecea9999
commit
ce33674edd
|
|
@ -152,6 +152,7 @@
|
|||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dd3-content:hover {
|
||||
|
|
@ -166,12 +167,17 @@
|
|||
|
||||
.dd3-content label span {
|
||||
position: absolute;
|
||||
padding-left: 2px;
|
||||
}
|
||||
|
||||
.dd3-content label span.active {
|
||||
color: darkred;
|
||||
}
|
||||
|
||||
.dd3-content label span i {
|
||||
width: 22px;
|
||||
}
|
||||
|
||||
.dd3-content label input {
|
||||
margin-right: 6px;
|
||||
cursor: pointer;
|
||||
|
|
|
|||
|
|
@ -80,6 +80,9 @@
|
|||
var $btnSubmitMenu = $('btnSubmitMenu');
|
||||
var $btnPickIcon = $('#btnIcon');
|
||||
var $inputIcon = $('#icon');
|
||||
var $nestMenu = $('#nestable_menu');
|
||||
var $nestMenuInput = $nestMenu.find('div.dd3-content');
|
||||
$nestMenuInput.find('label:first').hide();
|
||||
|
||||
$iconList.find('ul li').addClass('col-md-3 col-sm-4 col-sm-6');
|
||||
$iconList.on('click', 'div.fa-hover a, ul li', function () {
|
||||
|
|
@ -105,19 +108,19 @@
|
|||
$('#btnMenuOrder').on('click', function () {
|
||||
$dialogNew.hide();
|
||||
$btnSubmitMenu.data('type', 'order');
|
||||
$nestMenuInput.find('label:last').find('input').hide();
|
||||
$nestMenu.find('li.dd-item').hide().remove('[data-id="0"]');
|
||||
$nestMenu.find('li[data-category="' + $('#category').selectpicker('val') + '"]').show();
|
||||
// handler new menu
|
||||
if ($('#menuID').val() == "") {
|
||||
var menuName = $('#name').val();
|
||||
if (menuName == "") menuName = "新建菜单-未命名";
|
||||
$('div.dd > ol.dd-list').append($.format('<li class="dd-item dd3-item" data-id="0"><div class="dd-handle dd3-handle"></div><div class="dd3-content"><label><span>{0}</span></label></div></li>', menuName));
|
||||
}
|
||||
var did = $('#menuID').val();
|
||||
if (did == "") did = 0;
|
||||
$('div.dd input').hide();
|
||||
$('div.dd li[data-id="' + did + '"] span').addClass('active');
|
||||
$('div.dd > ol.dd-list > li.dd-item').remove('[data-id="0"]');
|
||||
$('div.dd > ol.dd-list > li.dd-item').hide();
|
||||
$('div.dd > ol.dd-list > li[data-category="' + $('#category').selectpicker('val') + '"]').show();
|
||||
if (did == 0) {
|
||||
var menuName = $('#name').val();
|
||||
var menuCate = $('select').selectpicker('val');
|
||||
if (menuName == "") menuName = "新建菜单-未命名";
|
||||
$nestMenu.find('ol.dd-list:first').append($.format('<li class="dd-item dd3-item" data-id="0" data-category="{1}"><div class="dd-handle dd3-handle"></div><div class="dd3-content"><label><span>{0}</span></label></div></li>', menuName, menuCate));
|
||||
}
|
||||
$nestMenu.find('li[data-id="' + did + '"] span').addClass('active');
|
||||
$dialogMenu.show().adjustDialog();
|
||||
});
|
||||
|
||||
|
|
@ -125,17 +128,15 @@
|
|||
$('#btnMenuParent').on('click', function () {
|
||||
$dialogNew.hide();
|
||||
$btnSubmitMenu.data('type', 'parent');
|
||||
$nestMenuInput.find('label:last').find('input').show();
|
||||
$nestMenu.find('li.dd-item').hide().remove('[data-id="0"]');
|
||||
$nestMenu.find('li[data-category="' + $('#category').selectpicker('val') + '"]').show();
|
||||
$dialogMenu.show().adjustDialog();
|
||||
$('li.dd-item').remove('[data-id="0"]');
|
||||
$('div.dd :checkbox').hide();
|
||||
$('div.dd > ol.dd-list > li.dd-item').hide();
|
||||
$('div.dd > ol.dd-list > li[data-category="' + $('#category').selectpicker('val') + '"]').show();
|
||||
$('div.dd :radio').show();
|
||||
});
|
||||
|
||||
$dialogMenu.find('div.modal-header, div.modal-footer').on('click', 'button', function () {
|
||||
// remove active css
|
||||
$('div.dd li span').removeClass('active');
|
||||
$nestMenu.find('li span').removeClass('active');
|
||||
$dialogMenu.hide();
|
||||
$dialogNew.show();
|
||||
});
|
||||
|
|
@ -169,7 +170,7 @@
|
|||
$btnPickIcon.find('i').attr('class', icon);
|
||||
});
|
||||
|
||||
$('#nestable_menu').nestable();
|
||||
$nestMenu.nestable();
|
||||
|
||||
// select
|
||||
$('select').selectpicker();
|
||||
|
|
|
|||
|
|
@ -62,7 +62,6 @@
|
|||
});
|
||||
$('#dialogMenu').modal('show');
|
||||
$('.menu-content').show();
|
||||
$('div.dd3-content :radio').hide();
|
||||
})
|
||||
}
|
||||
},
|
||||
|
|
@ -86,7 +85,11 @@
|
|||
}
|
||||
});
|
||||
|
||||
$('#nestable_menu').nestable();
|
||||
var $nestMenu = $('#nestable_menu');
|
||||
var $nestMenuInput = $nestMenu.find('div.dd3-content');
|
||||
$nestMenuInput.find('label:last').hide();
|
||||
|
||||
$nestMenu.nestable();
|
||||
|
||||
$('table').smartTable({
|
||||
url: '../api/Roles', //请求后台的URL（*）
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
{
|
||||
<li class="dd-item dd3-item" data-id="@menu.ID" data-category="@menu.Category">
|
||||
<div class="dd-handle dd3-handle"></div>
|
||||
<div class="dd3-content"><label><input name="menuParent" type="checkbox" value="@menu.ID" /><input type="radio" name="menu" value="@menu.ID" /><span>@menu.Name</span></label></div>
|
||||
<div class="dd3-content"><label><input type="checkbox" value="@menu.ID" /><span><i class="@menu.Icon"></i>@menu.Name</span></label><label><input type="radio" name="menu" value="@menu.ID" /><span><i class="@menu.Icon"></i>@menu.Name</span></label></div>
|
||||
@if (menu.Menus.Count() > 0)
|
||||
{
|
||||
@Html.Partial("SubMenuTree", menu.Menus)
|
||||
|
|
|
|||
Loading…
Reference in New Issue