monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit 3ec1f4388d970a5f640df4c6ecabb8d6e48286c2 1 parent 95b372a9

视图中心-业务视图搜索栏样式调整，增加展开/收起 #1

Inline Side-by-side
Showing 3 changed files with 70 additions and 4 deletions
... ... @@ -8533,7 +8533,7 @@ form.layui-card-header.layuiadmin-card-header-auto {
/* //End XuHaoJie 2022/2/17 9:51 TODO 即时消息结束*/
/*lsq 资源视图页面搜索栏样式调整 2022-06-27*/
.resIndexMain .layui-form-item .layui-inline{
.resIndexMain .layui-form-item .layui-inline,.bizIndexMain .layui-form-item .layui-inline{
margin-top:6px;
}
.layui-status .resIndex-input{
... ...
... ... @@ -20,7 +20,8 @@
<!--</div>-->
<form class="layui-form layui-card-header layuiadmin-card-header-auto"
lay-filter="biz-list-form">
<div class="layui-form-item">
<div class="form-item-open-stow">
<div class="layui-form-item">
<div class="layui-inline">
<div class="layui-input-inline">
<input autocomplete="off" class="layui-input" id="bizindex_keyword"
... ... @@ -90,6 +91,13 @@
</div>
</div>
</div>
</div>
<!--lsq 业务列表增加搜索按钮 2022-06-27-->
<button class="layui-btn layui-btn-normal layui-btn-normal searchButton" id="searchBizIndex"
type="button">
查询
</button>
<span class="openStow">展开</span>
</form>
</div>
</div>
... ... @@ -105,7 +113,8 @@
<div class="layui-status">
<form class="layui-form layui-card-header layuiadmin-card-header-auto"
lay-filter="res-list-form">
<div class="layui-form-item">
<div class="form-item-open-stow">
<div class="layui-form-item">
<div class="layui-inline">
<div class="layui-input-inline">
<input autocomplete="off" class="layui-input" id="biz_treetable_keyword"
... ... @@ -155,6 +164,13 @@
</div>
</div>
</div>
</div>
<!--lsq 业务列表增加搜索按钮 2022-06-27-->
<button class="layui-btn layui-btn-normal layui-btn-normal searchButton" id="searchBizTreeTable"
type="button">
查询
</button>
<span class="openStow">展开</span>
</form>
</div>
</div>
... ...
... ... @@ -67,7 +67,11 @@ layui.define(['tree', 'laypage', 'laytpl', 'admin', 'form', 'table', 'commonCols
return false;
}
});
//lsq 资源视图页增加搜索按钮 2022-06-27
$('#searchBizIndex').unbind('click').on('click', function () {
reloadTable();
return false;
})
var loading = layer.load(2);
// 树收缩事件
... ... @@ -237,6 +241,47 @@ layui.define(['tree', 'laypage', 'laytpl', 'admin', 'form', 'table', 'commonCols
}
}
//start lsq 业务视图搜索条件太多，增加展开/收起的功能 2022-06-27
let formWidth =$('.form-item-open-stow').width();
let elem=$('.form-item-open-stow');
if(elem){
for(let i=0;i<elem.length;i++){
if($(elem[i]).width()){
formWidth=$(elem[i]).width();
}
}
}
if(!formWidth){
formWidth= sessionStorage.getItem('formWidth');
}else{
sessionStorage.setItem('formWidth',formWidth)
}
let winWidth = $('.form-item-open-stow').parents('.layui-status').width();
let elemW=$('.form-item-open-stow').parents('.layui-status');
if(elemW){
for(let i=0;i<elemW.length;i++){
if($(elemW[i]).width()){
winWidth=$(elemW[i]).width();
}
}
}
if (formWidth + 130 > 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-27
}
});
$("#bizTotal").html(res.count);
... ... @@ -795,6 +840,11 @@ layui.define(['tree', 'laypage', 'laytpl', 'admin', 'form', 'table', 'commonCols
return false;
}
});
//lsq 业务视图页增加搜索按钮 2022-06-27
$('#searchBizTreeTable').unbind('click').on('click', function () {
renderTreeTable(busId, curTreeNode.data.id);
return false;
})
//选择资源状态
form.on('select(biz_treetable_resStatus)', function (data) {
renderTreeTable(busId, curTreeNode.data.id);
... ...