fix(#I12YKG): 角色对菜单授权弹窗增加过滤条件
#Comment comment #I12YKG #Issue link #I12YKG
This commit is contained in:
parent
14f2730d17
commit
d0ae7a5591
|
@ -11,6 +11,20 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="flex-fill d-none d-sm-block">
|
||||
<div class="custom-control custom-radio custom-control-inline">
|
||||
<input type="radio" id="customRadioInline1" name="customRadioInline" checked class="custom-control-input" value="all">
|
||||
<label class="custom-control-label" for="customRadioInline1">全部</label>
|
||||
</div>
|
||||
<div class="custom-control custom-radio custom-control-inline">
|
||||
<input type="radio" id="customRadioInline2" name="customRadioInline" class="custom-control-input" value="system">
|
||||
<label class="custom-control-label" for="customRadioInline2">系统菜单</label>
|
||||
</div>
|
||||
<div class="custom-control custom-radio custom-control-inline">
|
||||
<input type="radio" id="customRadioInline3" name="customRadioInline" class="custom-control-input" value="custom">
|
||||
<label class="custom-control-label" for="customRadioInline3">外部菜单</label>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">
|
||||
<i class="fa fa-times"></i>
|
||||
<span>关闭</span>
|
||||
|
|
|
@ -554,38 +554,38 @@ input.pending {
|
|||
box-shadow: none;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
padding: 0.5rem 1rem;
|
||||
.card-header {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
.card .card-header a {
|
||||
color: #797979;
|
||||
}
|
||||
|
||||
.card .card-header a[data-toggle="collapse"] {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.card .card-header a {
|
||||
color: #797979;
|
||||
}
|
||||
|
||||
.card .card-header a[data-toggle="collapse"] {
|
||||
display: block;
|
||||
.card .card-header a[data-toggle="collapse"] i {
|
||||
transition: all .25s linear;
|
||||
}
|
||||
|
||||
.card .card-header a[data-toggle="collapse"] i {
|
||||
transition: all .25s linear;
|
||||
}
|
||||
|
||||
.card .card-header a[data-toggle="collapse"].collapsed i {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
.card .card-header a.fa {
|
||||
transition: color .3s linear;
|
||||
.card .card-header a[data-toggle="collapse"].collapsed i {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
.card .card-header a.fa:hover {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.card .card-header i + span {
|
||||
margin-left: 6px;
|
||||
.card .card-header a.fa {
|
||||
transition: color .3s linear;
|
||||
}
|
||||
|
||||
.card .card-header a.fa:hover {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.card .card-header i + span {
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.card-body .bootstrap-table {
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
@ -940,3 +940,12 @@ label[for] {
|
|||
display: inline-block;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.custom-control-label {
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.custom-control-label:before, .custom-control-label::after {
|
||||
top: 3px;
|
||||
}
|
||||
|
|
|
@ -155,4 +155,20 @@ $(function () {
|
|||
});
|
||||
}).children('.radio').hide();
|
||||
});
|
||||
|
||||
// 菜单弹窗过滤条件
|
||||
$('.custom-radio').on('click', ':radio', function (e) {
|
||||
var filter = $(this).val();
|
||||
if (filter === 'all') {
|
||||
$nestMenu.find('[data-category]').removeClass('d-none');
|
||||
}
|
||||
else if (filter === 'system') {
|
||||
$nestMenu.find('[data-category]').addClass('d-none');
|
||||
$nestMenu.find('[data-category="0"]').removeClass('d-none');
|
||||
}
|
||||
else if (filter === 'custom') {
|
||||
$nestMenu.find('[data-category]').addClass('d-none');
|
||||
$nestMenu.find('[data-category="1"]').removeClass('d-none');
|
||||
}
|
||||
});
|
||||
});
|
Loading…
Reference in New Issue