Authored by 鲁尚清

视图中心-资源视图搜索栏样式调整,增加展开/收起,展开/收起功能调整 #1

... ... @@ -6055,7 +6055,10 @@ form.form-edit .layui-form-item .layui-input-inline {
width: 18%;
display: inline-block;
}
/*lsq 健康状态样式 2022-06-27*/
.info-box-count-res{
width:20%;
}
.info-box-count > label {
color: #999;
font-size: 14px;
... ... @@ -8306,12 +8309,12 @@ form[lay-filter="notice_search_form"] .layui-inline, form[lay-filter="noticemerg
margin-top: 5px;
}
form[lay-filter="activewarning-form"], form[lay-filter="historywarning-form"] {
form.layui-card-header.layuiadmin-card-header-auto {
display: flex;
justify-content: flex-start;
}
#seachActiveWarning, #seachHistoryWarning {
.searchButton {
margin-top: 6px;
margin-right: 6px;
}
... ... @@ -8529,3 +8532,10 @@ form[lay-filter="activewarning-form"], form[lay-filter="historywarning-form"] {
}
/* //End XuHaoJie 2022/2/17 9:51 TODO 即时消息结束*/
/*lsq 资源视图页面搜索栏样式调整 2022-06-27*/
.resIndexMain .layui-form-item .layui-inline{
margin-top:6px;
}
.layui-status .resIndex-input{
width: auto;
}
\ No newline at end of file
... ...
... ... @@ -103,7 +103,7 @@
</div>
</div>
<!--lsq 活动告警增加搜索按钮 2022-06-21-->
<button class="layui-btn layui-btn-normal layui-btn-normal" id="seachActiveWarning"
<button class="layui-btn layui-btn-normal layui-btn-normal searchButton" id="seachActiveWarning"
type="button">
查询
</button>
... ...
... ... @@ -95,7 +95,7 @@
</div>
</div>
<!--lsq 历史告警增加搜索按钮 2022-06-21-->
<button class="layui-btn layui-btn-normal layui-btn-normal" id="seachHistoryWarning"
<button class="layui-btn layui-btn-normal layui-btn-normal searchButton" id="seachHistoryWarning"
type="button">
查询
</button>
... ...
... ... @@ -71,7 +71,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="resindex_keyword"
... ... @@ -133,13 +134,13 @@
</select>
</div>
</div>
<div class="layui-inline layui-input-inline--long">
<div class="layui-inline layui-input-inline--long resIndex-input">
<!-- <div class="layui-input-inline">-->
<!-- <select name="label" id="resListBizTypes" lay-filter="resListBizTypes">-->
<!-- <option value="">=所属业务=</option>-->
<!-- </select>-->
<!-- </div>-->
<div class="layui-input-inline layui-input-inline--long">
<div class="layui-input-inline layui-input-inline--long resIndex-input">
<div class="xm-select-demo" id="resListBizTypes"></div>
</div>
</div>
... ... @@ -201,6 +202,13 @@
</div>
</div>
</div>
</div>
<!--lsq 资源列表增加搜索按钮 2022-06-27-->
<button class="layui-btn layui-btn-normal layui-btn-normal searchButton" id="searchResIndex"
type="button">
查询
</button>
<span class="openStow">展开</span>
</form>
</div>
</div>
... ... @@ -216,7 +224,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="treetable_keyword" name="title"
... ... @@ -269,6 +278,13 @@
</div>
</div>
</div>
</div>
<!--lsq 资源列表增加搜索按钮 2022-06-27-->
<button class="layui-btn layui-btn-normal layui-btn-normal searchButton" id="searchResTreeTable"
type="button">
查询
</button>
<span class="openStow">展开</span>
</form>
</div>
</div>
... ... @@ -380,14 +396,14 @@
</script>
<script id="resList-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_res">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">
... ... @@ -398,7 +414,7 @@
id="healthNone_res">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">
... ... @@ -436,14 +452,14 @@
</script>
<script id="resTreeList-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="tree_total_res">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">
... ... @@ -457,7 +473,7 @@
id="tree_healthNone_res">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">
... ...
... ... @@ -1286,13 +1286,30 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
}
//start lsq 活动告警搜索条件太多,增加展开/收起的功能 2022-06-21
let formWidth =sessionStorage.getItem('formWidth');
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= $('.form-item-open-stow').width();
formWidth= sessionStorage.getItem('formWidth');
}else{
sessionStorage.setItem('formWidth',formWidth)
}
let winWidth = $('.form-item-open-stow').parents('.layui-card-header').width();
if (formWidth + 120 > winWidth) {
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 {
... ...
... ... @@ -813,13 +813,30 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
$('form[lay-filter="historywarning-form"] .form-item-open-stow').css('height', '50px');
}
})*/
let formWidth =sessionStorage.getItem('formWidth');
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= $('.form-item-open-stow').width();
formWidth= sessionStorage.getItem('formWidth');
}else{
sessionStorage.setItem('formWidth',formWidth)
}
let winWidth = $('.form-item-open-stow').parents('.layui-card-header').width();
if (formWidth + 120 > winWidth) {
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 {
... ...
... ... @@ -307,6 +307,46 @@ layui.define(['common', 'tree', 'laypage', 'laytpl', 'admin', 'form', 'table', '
}
}
//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
}
});
if (data.length > 0) {
... ... @@ -708,7 +748,11 @@ layui.define(['common', 'tree', 'laypage', 'laytpl', 'admin', 'form', 'table', '
return false;
}
});
//lsq 资源视图页增加搜索按钮 2022-06-27
$('#searchResIndex').unbind('click').on('click', function () {
reloadTable();
return false;
})
//资源详细信息
function renderDetail(resId, resType) {
$('#resIndexContent').hide();
... ... @@ -820,6 +864,11 @@ layui.define(['common', 'tree', 'laypage', 'laytpl', 'admin', 'form', 'table', '
return false;
}
});
//lsq 资源视图页增加搜索按钮 2022-06-27
$('#searchResTreeTable').unbind('click').on('click', function () {
renderTreeTable(curTreeNode.data.id);
return false;
})
//选择资源状态
form.on('select(treetable_resStatus)', function (data) {
renderTreeTable(curTreeNode.data.id);
... ... @@ -1722,7 +1771,6 @@ layui.define(['common', 'tree', 'laypage', 'laytpl', 'admin', 'form', 'table', '
});
}
return {getData: getCheckData};
});
});
... ...