Merge branch 'master-500-dev-lushangqing' into 'master-500-dev'

【1018】停机管理菜单名称改成停机计划，配置完成后没有跑马灯的效果



See merge request !876

@@ -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);