Authored by 鲁尚清

告警中心的搜索条件过多时,展开和收起功能调整 #1

... ... @@ -3839,6 +3839,8 @@ grayColor {
background-color: #f1f1f1;
/*lsq 活动告警列表卡片样式调整 2022-06-21*/
min-height: 74px;
z-index: 99;
position: relative;
}
.warn-count-item {
... ... @@ -8307,12 +8309,15 @@ form[lay-filter="activewarning-form"], form[lay-filter="historywarning-form"] {
margin-right: 6px;
}
#openStow, #openStowHis {
.openStow {
color: #1E9FFF;
cursor: pointer;
line-height: 50px;
width:45px;
}
.form-item-open-stow{
flex:1;
}
#noticeSearchQueryBtn, #seachNoticemerge {
margin-top: -3px;
}
... ...
... ... @@ -107,7 +107,7 @@
type="button">
查询
</button>
<span id="openStow">展开</span>
<span class="openStow">展开</span>
</form>
</div>
</div>
... ...
... ... @@ -99,7 +99,7 @@
type="button">
查询
</button>
<span id="openStowHis">展开</span>
<span class="openStow">展开</span>
</form>
</div>
</div>
... ...
... ... @@ -1286,24 +1286,25 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
}
//start lsq 活动告警搜索条件太多,增加展开/收起的功能 2022-06-21
let formWidth = $('form[lay-filter="activewarning-form"] .layui-form-item').width();
let winWidth = $('form[lay-filter="historywarning-form"]').parent().parent('.layui-card-header').width();
if (formWidth + 100 > winWidth) {
$('#openStow').css('display', 'inline-block')
$('form[lay-filter="activewarning-form"] .form-item-open-stow').css('width', (formWidth - 50) + 'px');
$('form[lay-filter="activewarning-form"] .form-item-open-stow').css('height', '50px');
let formWidth =sessionStorage.getItem('formWidth');
if(!formWidth){
formWidth= $('.form-item-open-stow').width();
sessionStorage.setItem('formWidth',formWidth)
}
let winWidth = $('.form-item-open-stow').parents('.layui-card-header').width();
if (formWidth + 120 > winWidth) {
$('.openStow').css('display', 'inline-block')
$('.form-item-open-stow').css('height', '50px');
} else {
$('#openStow').css('display', 'none')
$('.openStow').css('display', 'none')
}
$("#openStow").unbind('click').on('click', function () {
$(".openStow").unbind('click').on('click', function () {
if ($(this).text() == '展开') {
$(this).text('收起')
$('form[lay-filter="activewarning-form"] .form-item-open-stow').css('width', (formWidth - 50) + 'px');
$('form[lay-filter="activewarning-form"] .form-item-open-stow').css('height', 'auto');
$('.form-item-open-stow').css('height', 'auto');
} else {
$(this).text('展开')
$('form[lay-filter="activewarning-form"] .form-item-open-stow').css('width', (formWidth - 50) + 'px');
$('form[lay-filter="activewarning-form"] .form-item-open-stow').css('height', '50px');
$('.form-item-open-stow').css('height', '50px');
}
})
//end lsq 2022-06-21
... ...
... ... @@ -792,7 +792,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
})();
//start lsq 历史告警搜索条件太多,增加展开/收起的功能 2022-06-21
let formWidth = $('form[lay-filter="historywarning-form"] .layui-form-item').width();
/*let formWidth = $('form[lay-filter="historywarning-form"] .layui-form-item').width();
let winWidth = $('form[lay-filter="historywarning-form"]').parent().parent('.layui-card-header').width();
if (formWidth + 100 > winWidth) {
$('#openStowHis').css('display', 'inline-block')
... ... @@ -812,6 +812,27 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
$('form[lay-filter="historywarning-form"] .form-item-open-stow').css('width', (formWidth - 50) + 'px');
$('form[lay-filter="historywarning-form"] .form-item-open-stow').css('height', '50px');
}
})*/
let formWidth =sessionStorage.getItem('formWidth');
if(!formWidth){
formWidth= $('.form-item-open-stow').width();
sessionStorage.setItem('formWidth',formWidth)
}
let winWidth = $('.form-item-open-stow').parents('.layui-card-header').width();
if (formWidth + 120 > winWidth) {
$('.openStow').css('display', 'inline-block')
$('.form-item-open-stow').css('height', '50px');
} else {
$('.openStow').css('display', 'none')
}
$(".openStow").unbind('click').on('click', function () {
if ($(this).text() == '展开') {
$(this).text('收起')
$('.form-item-open-stow').css('height', 'auto');
} else {
$(this).text('展开')
$('.form-item-open-stow').css('height', '50px');
}
})
//end lsq 2022-06-21
});
... ...