monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by XuHaoJie
Commit 93a6c4ee6474696c3e901b33f0311d50c80aef47 1 parent 154fe0d4

天津-详情页-指标过滤新优化

Inline Side-by-side
Showing 1 changed file with 52 additions and 5 deletions
... ... @@ -85,13 +85,14 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
url: common.domainName + url
}).done(function (res) {
var flags = "";
var kpiIdList= "";
var data = res.data;
var li = "";
$.each(data, function (i, v) {
var fontColor='';
var valueStr = '';
var titleStr = '';
if(v.id == 'KPIE13DD9A3') {
if(v.id == 'KPIE13DD9A3' || v.id == 'KPI02786E8D'){
valueStr = laytpl($("#linkStateDetailTpl").html()).render({linkStateList: v.value});
//获取flag
$.each(v.value, function (i, v) {
... ... @@ -100,6 +101,8 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
if (flags != '') {
flags = flags.substring(0, flags.length - 1);
}
//获取kpi
kpiIdList += v.id + ",";
} else if (v.value != 'null'){
valueStr = v.value;
var old = v.value;
... ... @@ -117,7 +120,7 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
'<img style="width: 17px;height: 17px;" src="/src/style/img/icon_row_menu.png">\n' +
'</a>'
var menuId = "";
if (v.id == 'KPIE13DD9A3') {
if (v.id == 'KPIE13DD9A3' || v.id == 'KPI02786E8D') {
v.name = v.name + tips;
menuId = "id=\"" + targetId + "_detail_row_menu\"";
}
... ... @@ -132,7 +135,7 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
//初始化监听告警压制需要的数据
var rowMenu = $('#' + targetId).find('.detail_row_menu').eq(0);
rowMenu.attr("data-id", "KPIE13DD9A3");
rowMenu.attr("data-id", kpiIdList);
rowMenu.attr("data-flag", flags);
rowMenu.attr("data-name", "监控连接状态");
rowMenu.attr("data-kpiname", "监控连接状态");
... ... @@ -173,6 +176,8 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
admin.req({
url: common.domainName + url
}).done(function (res) {
var flags = "";
var kpiIdList= "";
var data = res.data;
if (data.length > 0) {
var dataArr = common.splieceGroup(data, cols);
... ... @@ -183,7 +188,7 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
$.each(v, function (j, ar) {
var valueStr = '';
var titleStr = '';
if(ar.id == 'KPIE13DD9A3') {
if(ar.id == 'KPIE13DD9A3' ) {
valueStr = laytpl($("#linkStateDetailTpl").html()).render({linkStateList: ar.value});
} else if (ar.value != 'null'){
if (ar.value == 'Infinity%'){
... ... @@ -193,9 +198,28 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
}
titleStr = valueStr;
}
if(ar.id == 'KPIE13DD9A3' || ar.id == 'KPI02786E8D'){
//获取flag
$.each(ar.value, function (i, v) {
flags += v.flag + ",";
});
if (flags != '') {
flags = flags.substring(0, flags.length - 1);
}
//获取kpi
kpiIdList += ar.id + ",";
}
var tips = '<a class="detail_row_menu hide">\n' +
'<img style="width: 17px;height: 17px;" src="/src/style/img/icon_row_menu.png">\n' +
'</a>'
var menuId = "";
if (ar.id == 'KPIE13DD9A3' || ar.id == 'KPI02786E8D') {
ar.name = ar.name + tips;
menuId = "id=\"" + targetId + "_detail_row_menu\"";
}
var $html = addIconByValue(valueStr);
var resStyle = obj.alarmEleMatchStyle(ar.flag, ar.id);
span += ' <span style="text-align:left;width:40%">' + ar.name + '</span>' +
span += ' <span ' + menuId + ' style="text-align:left;width:40%">' + ar.name + '</span>' +
'<span title="' + titleStr + '" style="width:60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' + resStyle + '">'
+ $html + valueStr +'</span>';
//补充空白区域
... ... @@ -212,6 +236,29 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
});
$("#" + targetId).html(li);
}
//初始化监听告警压制需要的数据
var rowMenu = $('#' + targetId).find('.detail_row_menu').eq(0);
rowMenu.attr("data-id", kpiIdList);
rowMenu.attr("data-flag", flags);
rowMenu.attr("data-name", "监控连接状态");
rowMenu.attr("data-kpiname", "监控连接状态");
rowMenu.attr("data-iswarning", "1");
rowMenu.attr("data-ident", "1");
rowMenu.attr("data-trend", "0");
rowMenu.attr("data-unit", "");
rowMenu.attr('data-hidem', 'true');
rowMenu.attr('data-nature', 'true');//性能趋势
//监听告警压制等操作配置
$('#' + targetId + "_detail_row_menu").hover(function () {
var $that = $(this);
var $btn = $that.find(".detail_row_menu");
if ($btn.length > 0) {
$(".layui-card-body").find(".detail_row_menu:not(.hide)").addClass("hide")
$btn.removeClass("hide");
}
});
//监听过滤压制等事件
filterSuppressMonitor(resId);
});
},
/**
... ...