Authored by 鲁尚清

视图中心-域视图搜索栏样式调整,增加查询,展开/收起 #1

... ... @@ -59,7 +59,10 @@ layui.define(['tree', 'laypage', 'laytpl', 'admin', 'form', 'table', 'treeTable'
reloadTable();
}
});
//lsq 域视图页增加搜索按钮 2022-06-27
$('#searchDomainIndex').unbind('click').on('click', function () {
reloadTable();
})
var loading = layer.load(2);
//this
... ... @@ -228,6 +231,46 @@ layui.define(['tree', 'laypage', 'laytpl', 'admin', 'form', 'table', 'treeTable'
if ($.isFunction(fun)) {
fun.call(this, data, node.data, options);
}
//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
}
});
loadParamSelect();
... ... @@ -1320,6 +1363,10 @@ layui.define(['tree', 'laypage', 'laytpl', 'admin', 'form', 'table', 'treeTable'
renderTreeTable(domainId, curTreeNode.data.id)
}
});
//lsq 域视图页增加搜索按钮 2022-06-27
$('#searchDomainTreeTable').unbind('click').on('click', function () {
renderTreeTable(domainId, curTreeNode.data.id);
})
//选择资源状态
form.on('select(domain_treetable_resStatus)', function (data) {
renderTreeTable(domainId, curTreeNode.data.id);
... ...
... ... @@ -38,7 +38,8 @@
<!--</div>-->
<form class="layui-form layui-card-header layuiadmin-card-header-auto"
lay-filter="domain-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="domainindex_keyword"
... ... @@ -108,6 +109,13 @@
<!-- </div>-->
<!-- </div>-->
</div>
</div>
<!--lsq 域视图增加搜索按钮 2022-06-27-->
<button class="layui-btn layui-btn-normal layui-btn-normal searchButton" id="searchDomainIndex"
type="button">
查询
</button>
<span class="openStow">展开</span>
</form>
</div>
</div>
... ... @@ -123,7 +131,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="domain_treetable_keyword"
... ... @@ -161,6 +170,13 @@
</div>
</div>
</div>
</div>
<!--lsq 域视图增加搜索按钮 2022-06-27-->
<button class="layui-btn layui-btn-normal layui-btn-normal searchButton" id="searchDomainTreeTable"
type="button">
查询
</button>
<span class="openStow">展开</span>
</form>
</div>
</div>
... ... @@ -469,14 +485,14 @@
</script>
<script id="domainList-top-head-info-tpl" type="text/html">
<div class="layui-card-header top-head-info">
<div class="info-box-count">
<div class="info-box-count info-box-count-res">
<i></i>
<label>资源总量</label>
<div class="num">
<span lay-tips="资源总量" id="total_domain"></span>
</div>
</div>
<div class="info-box-count">
<div class="info-box-count info-box-count-res">
<i></i>
<label>健康状态</label>
<div class="num">
... ... @@ -490,7 +506,7 @@
id="healthNone_domain">0</span>
</div>
</div>
<div class="info-box-count">
<div class="info-box-count info-box-count-res">
<i></i>
<label>资源状态</label>
<div class="num">
... ... @@ -503,7 +519,7 @@
</div>
</div>
<div class="info-box-count">
<div class="info-box-count info-box-count-res">
<i></i>
<label>连接状态</label>
<div class="num">
... ...