【无】详情title样式更改为flex布局，跑马灯部分自动适配大小

鲁尚清
Commit e530e3bd3df0abc8a285924f70b7de3a3bef2f7f 1 parent 365bd743
Showing 1 changed file with 8 additions and 8 deletions
hg-monitor-web-base/src/main/resources/static/src/controller/commonDetail.js
--- a/hg-monitor-web-base/src/main/resources/static/src/controller/commonDetail.js
View file @e530e3b
+++ b/hg-monitor-web-base/src/main/resources/static/src/controller/commonDetail.js
View file @e530e3b
@@ -3479,8 +3479,6 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
                         title += `<a class="layui-icon res-view-relation-topo" data-id=${resId} lay-tips="查看资源关系拓扑" style="margin-left: 10px"><i class="iconfont">&#XE515;</i></a>`;
                         //lsq 2022-04-25 增加ping详情提交按钮
                         title += `<a class="layui-icon res-view-ping" data-id=${resId} data-resname=${resName} data-ip=${ip} data-restypename=${resTypeName} data-adminname=${adminName} lay-tips="历史数据" style="margin-left: 10px;position:relative;top:-3px;"> <img width="20" src="/src/style/img/ping.png" ></a>`;
-                        title += `<a class="layui-icon res-view-history"  data-id=${resId}  data-resname=${res.resName} data-ip=${ip} data-restypename=${res.resTypeName} data-adminname=${res.adminName}  lay-tips="快照历史记录" style="top: -3px;float: right;"> <img width="20" src="/src/style/img/snapshothistory.png" ></a>`;
-                        title += `<a class="layui-icon res-view-addSnapshot" data-id=${resId}  lay-tips="创建快照" style="top: -3px;float: right; margin-right: 10px"> <img width="20" src="/src/style/img/snapshotadd.png" ></a>`;
                         if (resCategory === 'share' && hardwareFlag.endsWith("Y")) {
                             /*
                                                         title += `<a class="layui-icon res-view-assets-details" data-ip=${ip} data-name=${name} data-restype=${resType} data-id=${resId} lay-tips="资产配置信息"><i class="iconfont">&#XE517;</i></a>`;
@@ -3495,7 +3493,9 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
                             return;
                         }
                         //lsq 停机计划跑马灯 2022-08-19
-                        title +=`<span id="title-shutdown" data-id=${resId} style="padding:0 5px;max-width:480px;display: inline-block;position: relative;top: 0px;left:20px;"></span>`
+                        title +=`<span id="title-shutdown" data-id=${resId} style="flex:1;padding:0 5px;margin-left:10px;background:url('/src/style/img/shutdown.png'); background-repeat: round;"></span>`
+                        title += `<div style="width:60px;display:flex;justify-content: flex-end"><a class="layui-icon res-view-addSnapshot" data-id=${resId}  lay-tips="创建快照" style=" margin:0 10px"> <img width="20" src="/src/style/img/snapshotadd.png" ></a>`;
+                        title += `<a class="layui-icon res-view-history"  data-id=${resId}  data-resname=${res.resName} data-ip=${ip} data-restypename=${res.resTypeName} data-adminname=${res.adminName}  lay-tips="快照历史记录" style=""> <img width="20" src="/src/style/img/snapshothistory.png" ></a></div>`;
                         obj.openNewWin(url, title, params, editFlag, fn, cancelfn, type, sign_);
                     },
@@ -3509,8 +3509,8 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
                         title += `<a class="layui-icon res-view-relation-topo" data-id=${resId} lay-tips="查看资源关系拓扑" style="margin-left: 10px"><i class="iconfont">&#XE515;</i></a>`;
                         //lsq 2022-04-25 增加ping详情提交按钮
                         title += `<a class="layui-icon res-view-ping" data-id=${resId} data-resname=${res.resName} data-ip=${ip} data-restypename=${res.resTypeName} data-adminname=${res.adminName} lay-tips="历史数据" style="margin-left: 10px;position:relative;top:-3px;"> <img width="20" src="/src/style/img/ping.png" ></a>`;
-                        title += `<a class="layui-icon res-view-history"  data-id=${resId}  data-resname=${res.resName} data-ip=${ip} data-restypename=${res.resTypeName} data-adminname=${res.adminName}  lay-tips="快照历史记录" style="top: -3px;float: right;"> <img width="20" src="/src/style/img/snapshothistory.png" ></a>`;
-                        title += `<a class="layui-icon res-view-addSnapshot" data-id=${resId}  lay-tips="创建快照" style="top: -3px;float: right; margin-right: 10px"> <img width="20" src="/src/style/img/snapshotadd.png" ></a>`;
+                        title += `<div style="width:60px;display:flex;justify-content: flex-end"><a class="layui-icon res-view-addSnapshot" data-id=${resId}  lay-tips="创建快照" style=" margin: 0 10px"> <img width="20" src="/src/style/img/snapshotadd.png" ></a>`;
+                        title += `<a class="layui-icon res-view-history"  data-id=${resId}  data-resname=${res.resName} data-ip=${ip} data-restypename=${res.resTypeName} data-adminname=${res.adminName}  lay-tips="快照历史记录" style=""> <img width="20" src="/src/style/img/snapshothistory.png" ></a></div>`;
                         if (resCategory === 'share' && hardwareFlag.endsWith("Y")) {
                             /*
                                                         title += `<a class="layui-icon res-view-assets-details" data-ip=${ip} data-name=${name} data-restype=${resType} data-id=${resId} lay-tips="资产配置信息"><i class="iconfont">&#XE517;</i></a>`;
@@ -3596,7 +3596,8 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
             obj.loadResAlarm(params.resId);
             view('commonViewModel').render(url).then(function (res) {
                 layer.open({
-                    title: [name, 'font-size:20px;background-color: #d0ddec;'],
+                    //lsq 详情的title样式更改为flex 2022-08-26
+                    title: [name, 'font-size:20px;background-color: #d0ddec;display:flex;align-items: center; justify-content: flex-start;'],
                     type: type,
                     id: md5(url),
                     area: area,
@@ -3866,9 +3867,8 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
                             , 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="">
+<!--                                        <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';