【799】首页小卡片汇总业务系统和资源类型页面颜色展示错误

@@ -338,6 +338,30 @@ layui.define(['common', 'swiper', 'admin','commonDetail','mxClient','sessions','
             setDefault('select-content-ul',warnVal,'#warn-text-view');
             setDefault('select-content-ul-bus',busVal,'#bus-text-view');
 
+            var resourceHealthTips ;
+            $("#resource-health-tips").hover(function() {
+                openMsg();
+            }, function() {
+                layer.close(resourceHealthTips);
+            });
+            function openMsg() {
+                resourceHealthTips =  layer.tips("<span style='color:#585858;'>" +
+                    "按照积分制方式计算健康状态，即图标颜色：<br>" +
+                    "&nbsp;&nbsp;&nbsp;&nbsp;• 告警：1个严重告警计10分；1个重要告警计5分；1个一般告警计1分<br>" +
+                    "&nbsp;&nbsp;&nbsp;&nbsp;• 所有计分累加<br>" +
+                    "&nbsp;&nbsp;&nbsp;&nbsp;起始分为0分，最后得分为计分和；<br>" +
+                    "<br>" +
+                    "得分与健康状态关系：<br>" +
+                    "&nbsp;&nbsp;&nbsp;&nbsp;• 0：状态正常，无告警，颜色为<a style='color: #00a522'>绿色</a><br>" +
+                    "&nbsp;&nbsp;&nbsp;&nbsp;• 大于0且小于等于10：普通问题，最多1个严重告警，颜色为<a style='color: #a4910a'>深黄</a><br>" +
+                    "&nbsp;&nbsp;&nbsp;&nbsp;• 大于10且小于等于30：一般问题，最多3个严重告警，颜色为<a style='color: #e2c705'>黄色</a><br>" +
+                    "&nbsp;&nbsp;&nbsp;&nbsp;• 大于30且小于等于50：严重问题，最多5个严重告警，颜色为<a style='color: #ffaf00'>橙色</a><br>" +
+                    "&nbsp;&nbsp;&nbsp;&nbsp;• 大于50且小于等于100：比较严重，最多10个严重告警，颜色为<a style='color: #f65f0b'>深橙</a><br>" +
+                    "&nbsp;&nbsp;&nbsp;&nbsp;• 大于100：非常严重，10个严重告警以上，颜色为<a style='color: #d81e06'>红色<br>" +
+                    "</span>",
+                    '#resource-health-tips',{tips:[2,'#F0F0F0'], time:0,area: ['auto', 'auto']});
+            }
+
             // Start 告警级别默认为严重告警，点击左下角选择告警级别，页面的小红点切换不同告警的数量，item根据告警数量进行排序 LSQ 2021/12/29 19:37
             $(".select-serious").hide();
             $(".select-important").hide();

@@ -293,7 +293,7 @@
 
                 <div class="index-banner-title">
                     <i class="{{bizClas}}"></i>
-                    <span>{{item.title}}<a class="layui-icon bizcard-view-topo {{isBiz ? '' : 'hide'}}" data-busid="{{item.busId}}" style="color: #FEB61E; margin-left: 10px" lay-tips="查看业务拓扑"><i class="iconfont">&#XE515;</i></a></span>
+                    <span><a id="resource-health-tips" style="color: #01AAED;">{{item.title}}</a><a class="layui-icon bizcard-view-topo {{isBiz ? '' : 'hide'}}" data-busid="{{item.busId}}" style="color: #FEB61E; margin-left: 10px" lay-tips="查看业务拓扑"><i class="iconfont">&#XE515;</i></a></span>
                     <div class="index-banner-title-desc"><span>{{item.countTxt}}</span></div>
                 </div>
                 <div class="index-banner-group-list">