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

XuHaoJie
Commit 93a6c4ee6474696c3e901b33f0311d50c80aef47 1 parent 154fe0d4
Showing 1 changed file with 52 additions and 5 deletions
hg-monitor-web-base/src/main/resources/static/src/controller/commonDetail.js
--- a/hg-monitor-web-base/src/main/resources/static/src/controller/commonDetail.js
View file @93a6c4e
+++ b/hg-monitor-web-base/src/main/resources/static/src/controller/commonDetail.js
View file @93a6c4e
@@ -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);
             });
         },
         /**