Merge branch 'master-500-dev-xwx' into 'master-500-dev'
【799】首页小卡片汇总业务系统和资源类型页面颜色添加计算提示 See merge request !637
Showing
2 changed files
with
32 additions
and
24 deletions
| @@ -162,6 +162,12 @@ layui.define(['common', 'swiper', 'admin','commonDetail','mxClient','sessions',' | @@ -162,6 +162,12 @@ layui.define(['common', 'swiper', 'admin','commonDetail','mxClient','sessions',' | ||
| 162 | // currentBizId = bizlist[0].busId; | 162 | // currentBizId = bizlist[0].busId; |
| 163 | } | 163 | } |
| 164 | 164 | ||
| 165 | + $.each(bizlist,function (i,v) { | ||
| 166 | + if (bizlist[0].title == v.title) { | ||
| 167 | + $("#"+v.busId).show(); | ||
| 168 | + } | ||
| 169 | + }); | ||
| 170 | + | ||
| 165 | //点击业务区域弹出提示框 | 171 | //点击业务区域弹出提示框 |
| 166 | $('#indexbizhealth [data-index-banner-item="type"]').on("contextmenu", function (e) { | 172 | $('#indexbizhealth [data-index-banner-item="type"]').on("contextmenu", function (e) { |
| 167 | $('[type="t"]').show(); | 173 | $('[type="t"]').show(); |
| @@ -305,6 +311,29 @@ layui.define(['common', 'swiper', 'admin','commonDetail','mxClient','sessions',' | @@ -305,6 +311,29 @@ layui.define(['common', 'swiper', 'admin','commonDetail','mxClient','sessions',' | ||
| 305 | $("#indexActiveAlarmList").html('<li style="width:390px;"><p>无告警</p></li>'); | 311 | $("#indexActiveAlarmList").html('<li style="width:390px;"><p>无告警</p></li>'); |
| 306 | }); | 312 | }); |
| 307 | } | 313 | } |
| 314 | + var resourceHealthTips ; | ||
| 315 | + $(".detail_base_info").hover(function() { | ||
| 316 | + openMsg(); | ||
| 317 | + }, function() { | ||
| 318 | + layer.close(resourceHealthTips); | ||
| 319 | + }); | ||
| 320 | + function openMsg() { | ||
| 321 | + resourceHealthTips = layer.tips("<span style='color:#585858;'>" + | ||
| 322 | + "按照积分制方式计算业务系统健康状态，即图标颜色：<br>" + | ||
| 323 | + " • 告警：1个严重告警计10分；1个重要告警计5分；1个一般告警计1分<br>" + | ||
| 324 | + " • 所有计分累加<br>" + | ||
| 325 | + " 起始分为0分，最后得分为计分和；<br>" + | ||
| 326 | + "<br>" + | ||
| 327 | + "得分与健康状态关系：<br>" + | ||
| 328 | + " • 0：状态正常，无告警，颜色为<a style='color: #00a522'>绿色</a><br>" + | ||
| 329 | + " • 大于0且小于等于10：普通问题，最多1个严重告警，颜色为<a style='color: #a4910a'>深黄</a><br>" + | ||
| 330 | + " • 大于10且小于等于30：一般问题，最多3个严重告警，颜色为<a style='color: #e2c705'>黄色</a><br>" + | ||
| 331 | + " • 大于30且小于等于50：严重问题，最多5个严重告警，颜色为<a style='color: #ffaf00'>橙色</a><br>" + | ||
| 332 | + " • 大于50且小于等于100：比较严重，最多10个严重告警，颜色为<a style='color: #f65f0b'>深橙</a><br>" + | ||
| 333 | + " • 大于100：非常严重，10个严重告警以上，颜色为<a style='color: #d81e06'>红色<br>" + | ||
| 334 | + "</span>", | ||
| 335 | + '.detail_base_info',{tips:[2,'#F0F0F0'], time:0,area: ['auto', 'auto']}); | ||
| 336 | + } | ||
| 308 | 337 | ||
| 309 | /** | 338 | /** |
| 310 | * 首页右下角两个功能的时间 | 339 | * 首页右下角两个功能的时间 |
| @@ -338,29 +367,6 @@ layui.define(['common', 'swiper', 'admin','commonDetail','mxClient','sessions',' | @@ -338,29 +367,6 @@ layui.define(['common', 'swiper', 'admin','commonDetail','mxClient','sessions',' | ||
| 338 | setDefault('select-content-ul',warnVal,'#warn-text-view'); | 367 | setDefault('select-content-ul',warnVal,'#warn-text-view'); |
| 339 | setDefault('select-content-ul-bus',busVal,'#bus-text-view'); | 368 | setDefault('select-content-ul-bus',busVal,'#bus-text-view'); |
| 340 | 369 | ||
| 341 | - var resourceHealthTips ; | ||
| 342 | - $("#resource-health-tips").hover(function() { | ||
| 343 | - openMsg(); | ||
| 344 | - }, function() { | ||
| 345 | - layer.close(resourceHealthTips); | ||
| 346 | - }); | ||
| 347 | - function openMsg() { | ||
| 348 | - resourceHealthTips = layer.tips("<span style='color:#585858;'>" + | ||
| 349 | - "按照积分制方式计算健康状态，即图标颜色：<br>" + | ||
| 350 | - " • 告警：1个严重告警计10分；1个重要告警计5分；1个一般告警计1分<br>" + | ||
| 351 | - " • 所有计分累加<br>" + | ||
| 352 | - " 起始分为0分，最后得分为计分和；<br>" + | ||
| 353 | - "<br>" + | ||
| 354 | - "得分与健康状态关系：<br>" + | ||
| 355 | - " • 0：状态正常，无告警，颜色为<a style='color: #00a522'>绿色</a><br>" + | ||
| 356 | - " • 大于0且小于等于10：普通问题，最多1个严重告警，颜色为<a style='color: #a4910a'>深黄</a><br>" + | ||
| 357 | - " • 大于10且小于等于30：一般问题，最多3个严重告警，颜色为<a style='color: #e2c705'>黄色</a><br>" + | ||
| 358 | - " • 大于30且小于等于50：严重问题，最多5个严重告警，颜色为<a style='color: #ffaf00'>橙色</a><br>" + | ||
| 359 | - " • 大于50且小于等于100：比较严重，最多10个严重告警，颜色为<a style='color: #f65f0b'>深橙</a><br>" + | ||
| 360 | - " • 大于100：非常严重，10个严重告警以上，颜色为<a style='color: #d81e06'>红色<br>" + | ||
| 361 | - "</span>", | ||
| 362 | - '#resource-health-tips',{tips:[2,'#F0F0F0'], time:0,area: ['auto', 'auto']}); | ||
| 363 | - } | ||
| 364 | 370 | ||
| 365 | // Start 告警级别默认为严重告警，点击左下角选择告警级别，页面的小红点切换不同告警的数量，item根据告警数量进行排序 LSQ 2021/12/29 19:37 | 371 | // Start 告警级别默认为严重告警，点击左下角选择告警级别，页面的小红点切换不同告警的数量，item根据告警数量进行排序 LSQ 2021/12/29 19:37 |
| 366 | $(".select-serious").hide(); | 372 | $(".select-serious").hide(); |
| @@ -293,8 +293,10 @@ | @@ -293,8 +293,10 @@ | ||
| 293 | 293 | ||
| 294 | <div class="index-banner-title"> | 294 | <div class="index-banner-title"> |
| 295 | <i class="{{bizClas}}"></i> | 295 | <i class="{{bizClas}}"></i> |
| 296 | - <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"></i></a></span> | 296 | + <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"></i></a></span> |
| 297 | <div class="index-banner-title-desc"><span>{{item.countTxt}}</span></div> | 297 | <div class="index-banner-title-desc"><span>{{item.countTxt}}</span></div> |
| 298 | + <i id="{{item.busId}}" class="iconfont detail_base_info" style="color:rgb(30,159,255);display: none;"></i> | ||
| 299 | + | ||
| 298 | </div> | 300 | </div> |
| 299 | <div class="index-banner-group-list"> | 301 | <div class="index-banner-group-list"> |
| 300 | {{# layui.each(item.bizList, function(index, item){ }} | 302 | {{# layui.each(item.bizList, function(index, item){ }} |
-
Please register or login to post a comment