diff --git a/hg-monitor-web-base/src/main/resources/static/src/controller/commonDetail.js b/hg-monitor-web-base/src/main/resources/static/src/controller/commonDetail.js index 215fe61..35a4d5e 100644 --- a/hg-monitor-web-base/src/main/resources/static/src/controller/commonDetail.js +++ b/hg-monitor-web-base/src/main/resources/static/src/controller/commonDetail.js @@ -3494,6 +3494,9 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele layer.alert('该资源只对接TRAP告警信息!', {icon: 0}); return; } + //lsq 停机计划跑马灯 2022-08-19 + title +=`<span id="title-shutdown" data-id=${resId} style="padding:0 5px;width:600px;display: inline-block;position: relative;top: 0px;left:20px;"></span>` + obj.openNewWin(url, title, params, editFlag, fn, cancelfn, type, sign_); }, error: function () { @@ -3855,6 +3858,41 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele // layer.close(detailTips); // } // }) + //start lsq 增加停机状态跑马灯效果 2022-05-24 + let resId= $('#title-shutdown').data("id"); + admin.req({ + url: common.domainName + '/api-web/manage/cutover/findByResId' + '?resId=' + resId + , async: false + , done: function (res) { + if(res.data && res.data.length>0){ + let listData=res.data; + $('#title-shutdown').css("width",'600px') + let carouselStr=` + <img src="/src/style/img/shutdown.png" style="position: absolute;top: 0; left: -3px;" alt=""> + <div style="background: transparent; height: 30px;font-size: 14px; color:#ff0000; display: flex;align-items: center;"> + <marquee id="marqueeDiv" behavior="scroll" direction="left" scrollamount="10" >`; + let boxShadow='0 0 10px'; + listData.map((item,index)=>{ + carouselStr+=item; + /* carouselStr+=` <div class="layui-row layui-col-space10" style="background: transparent;position: relative;" > + <span style="font-size: 14px;color:#ff0000;padding:0 5px; height:30px;width:100%;position: absolute;top:0;left:0;right:0;">`+item+`</span> + </div>`;*/ + }) + carouselStr+=` </marquee></div>`; + $('.layui-layer-title #title-shutdown').append(carouselStr); + $("#marqueeDiv").mouseenter(function (){ + this.stop(); + }) + $("#marqueeDiv").mouseout(function (){ + this.start(); + }) + + //end lsq 2022-05-24 + }else{ + $('#title-shutdown').css("width",'0px') + } + } + }) }, yes: function (index) { layer.close(index);