monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 王涛
Commit c02fff04650febd956c8bbf42f645ae5c3d4b11e 1 parent bc97427d

首页卡片，业务数据对应不上（过滤空数据）

Inline Side-by-side
Showing 2 changed files with 123 additions and 75 deletions
... ... @@ -121,8 +121,15 @@ layui.define(['common', 'swiper', 'admin','commonDetail','mxClient','sessions','
//加载业务信息
function loadBizInfo() {
var filter = $("#select-content-ul-bus li.listActive").attr('data-val');
if(!filter){
// 过滤无资源的业务
filter = '2';
}
var url = `${common.domainName}/api-web/home/business/getBusHealthResultByAlarm?filter=${filter}&layout=${sessionStorage.getItem("userLayout")}`
admin.req({
url: common.domainName + '/api-web/home/business/getBusHealthResultByAlarm?layout=' + sessionStorage.getItem("userLayout")
url: url
, type: "get"
, async: false
, done: function (data) {
... ... @@ -299,6 +306,93 @@ layui.define(['common', 'swiper', 'admin','commonDetail','mxClient','sessions','
});
}
/**
* 首页右下角两个功能的时间
*/
function bottomEvent(){
// Start 告警级别默认为严重告警，点击左下角选择告警级别，页面的小红点切换不同告警的数量，item根据告警数量进行排序 LSQ 2021/12/29 19:37
$(".select-total").hide();
$(".select-important").hide();
$(".select-normal").hide();
var itemArr=$(".index-banner-item");
itemArr.map((index,item)=>{
if($(item).data('serious')=='0'){
$(item).find('.select-serious').hide();
}
$(item).css('order',$(item).data('serious'))
})
$("#select-content-ul li").unbind("click").on("click",function (){
var dataVal=$(this).data('val');
var dataValLabel=$(this).text();
$('.alarm-text-view span').text(dataValLabel);
$(this).addClass('listActive').siblings().removeClass("listActive");
if(dataVal=='4'){
$(".select-total").show();
$(".select-important").hide();
$(".select-normal").hide();
$(".select-serious").hide();
itemArr.map((index,item)=>{
if($(item).data('total')=='0'){
$(item).find('.select-total').hide();
}
$(item).css('order',$(item).data('total'))
})
}else if(dataVal==3){
$(".select-total").hide();
$(".select-important").hide();
$(".select-normal").hide();
$(".select-serious").show();
itemArr.map((index,item)=>{
if($(item).data('serious')=='0'){
$(item).find('.select-serious').hide();
}
$(item).css('order',$(item).data('serious'))
})
}else if(dataVal==2){
$(".select-total").hide();
$(".select-important").show();
$(".select-normal").hide();
$(".select-serious").hide();
itemArr.map((index,item)=>{
if($(item).data('important')=='0'){
$(item).find('.select-important').hide();
}
$(item).css('order',$(item).data('important'))
})
}else if(dataVal==1){
$(".select-total").hide();
$(".select-important").hide();
$(".select-normal").show();
$(".select-serious").hide();
itemArr.map((index,item)=>{
if($(item).data('normal')=='0'){
$(item).find('.select-normal').hide();
}
$(item).css('order',$(item).data('normal'))
})
}
})
//End LSQ 2021/12/29 19:38
// Start Wang 2022/3/7 16:33 业务资源过滤
$("#select-content-ul-bus li").unbind("click").on("click",function (){
debugger
var that = $(this);
// 设置标题
that.parent().parent().find('#bus-text-view').text(that.text());
// 删除所有li标签的样式：listActive
$("#select-content-ul-bus li.listActive").removeClass('listActive')
that.addClass('listActive');
// 调用接口获取数据
loadBizInfo()
})
// End Wang 2022/3/7 16:33
}
//加载资源类型信息
function loadResTypeInfo() {
admin.req({
... ... @@ -334,70 +428,9 @@ layui.define(['common', 'swiper', 'admin','commonDetail','mxClient','sessions','
$(this).attr("lay-href", "/alarm/activewarning/restype=" + _resType + "/level=" + level);
// $(this).trigger();
});
// Start 告警级别默认为严重告警，点击左下角选择告警级别，页面的小红点切换不同告警的数量，item根据告警数量进行排序 LSQ 2021/12/29 19:37
$(".select-total").hide();
$(".select-important").hide();
$(".select-normal").hide();
var itemArr=$(".index-banner-item");
itemArr.map((index,item)=>{
if($(item).data('serious')=='0'){
$(item).find('.select-serious').hide();
}
$(item).css('order',$(item).data('serious'))
})
$("#select-content-ul li").unbind("click").on("click",function (){
var dataVal=$(this).data('val');
var dataValLabel=$(this).text();
$('.select-val span').text(dataValLabel);
$(this).addClass('listActive').siblings().removeClass("listActive");
if(dataVal=='4'){
$(".select-total").show();
$(".select-important").hide();
$(".select-normal").hide();
$(".select-serious").hide();
itemArr.map((index,item)=>{
if($(item).data('total')=='0'){
$(item).find('.select-total').hide();
}
$(item).css('order',$(item).data('total'))
})
}else if(dataVal==3){
$(".select-total").hide();
$(".select-important").hide();
$(".select-normal").hide();
$(".select-serious").show();
itemArr.map((index,item)=>{
if($(item).data('serious')=='0'){
$(item).find('.select-serious').hide();
}
$(item).css('order',$(item).data('serious'))
})
}else if(dataVal==2){
$(".select-total").hide();
$(".select-important").show();
$(".select-normal").hide();
$(".select-serious").hide();
itemArr.map((index,item)=>{
if($(item).data('important')=='0'){
$(item).find('.select-important').hide();
}
$(item).css('order',$(item).data('important'))
})
}else if(dataVal==1){
$(".select-total").hide();
$(".select-important").hide();
$(".select-normal").show();
$(".select-serious").hide();
itemArr.map((index,item)=>{
if($(item).data('normal')=='0'){
$(item).find('.select-normal').hide();
}
$(item).css('order',$(item).data('normal'))
})
}
})
//End LSQ 2021/12/29 19:38
bottomEvent();
// 点击资源数量
$("#indexbizhealth [data-index-banner-item='resType'] .gj-detail-info li:not([data-level])").unbind('click').on("click", function () {
... ... @@ -458,6 +491,8 @@ layui.define(['common', 'swiper', 'admin','commonDetail','mxClient','sessions','
//绑定卡片上的事件
function bindCardEvent() {
bottomEvent();
//点击空白处隐藏子菜单
$(document).click(function (event) {
// var _con = $('[data-index-banner-item]');// 设置目标区域
... ... @@ -1006,8 +1041,14 @@ layui.define(['common', 'swiper', 'admin','commonDetail','mxClient','sessions','
//刷新业务健康状态
function refreshBizHealth() {
var filter = $("#select-content-ul-bus li.listActive").attr('data-val');
if(!filter){
// 过滤无资源的业务
filter = '2';
}
var url = `${common.domainName}/api-web/home/business/getBusHealthResultByAlarm?filter=${filter}&layout=${sessionStorage.getItem("userLayout")}`
admin.req({
url: common.domainName + '/api-web/home/business/getBusHealthResultByAlarm?layout=' + sessionStorage.getItem("userLayout")
url: url
, type: "get"
, done: function (data) {
if (data.code === 0) {
... ...
... ... @@ -367,23 +367,30 @@
-->
<div class="flex-bottom">
{{# if(d.data[0] && d.data[0].bizList ) { }}
<span class="index-banner-count">业务共 {{d.data[0].bizList.length}} 个</span>
{{# }else{ }}
<span class="index-banner-count">业务共 0 个</span>
{{# } }}
<div class="div-select select-margin " >
<div class="select-val"><span>严重告警</span> <i class="arrow-down-alarm"></i></div>
<div style="width: calc(100% - 200px);">
{{# if(d.data[0] && d.data[0].bizList ) { }}
<span class="index-banner-count">业务共 {{d.data[0].bizList.length}} 个</span>
{{# }else{ }}
<span class="index-banner-count">业务共 0 个</span>
{{# } }}
</div>
<div class="div-select select-margin " style="width: 100px">
<div class="select-val alarm-text-view"><span>严重告警</span> <i class="arrow-down-alarm"></i></div>
<ul class="select-content" id="select-content-ul">
<li class="select-list" data-val="4">全部告警</li>
<li class="select-list listActive" data-val="3">严重告警</li>
<li class="select-list" data-val="2">重要告警</li>
<li class="select-list" data-val="1">一般告警</li>
</ul>
</div>
<div class="div-select select-margin " style="width: 100px">
<div class="select-val"><span id="bus-text-view">过滤无资源的业务</span> <i class="arrow-down-alarm"></i></div>
<ul class="select-content" id="select-content-ul-bus" style="top: -65px;">
<li class="select-list" data-val="1">全部展示</li>
<li class="select-list listActive" data-val="2">过滤无资源的业务</li>
</ul>
</div>
</div>
</script>
... ...