Authored by xwx

【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">
... ...