monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit 886df276aba4aec9479a4613c6cba677450af65d 1 parent f8e0dd5d

【无】资源详情页的基本信息悬浮样式调整

Inline Side-by-side
Showing 2 changed files with 92 additions and 2 deletions
@@ -128,6 +128,7 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele @@ -128,6 +128,7 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
128 var li = '<div style="text-align:center;">' 128 var li = '<div style="text-align:center;">'
129 + '<i style="line-height: 150px; padding:20px;font-style:normal;">' + "暂无数据" + '</i>' + '</div>' 129 + '<i style="line-height: 150px; padding:20px;font-style:normal;">' + "暂无数据" + '</i>' + '</div>'
130 } 130 }
  131 + $('.detail_base_info').attr('data-infotext','text');
131 $.each(data, function (i, v) { 132 $.each(data, function (i, v) {
132 var fontColor = ''; 133 var fontColor = '';
133 var valueStr = ''; 134 var valueStr = '';
@@ -237,6 +238,8 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele @@ -237,6 +238,8 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
237 var flags = ""; 238 var flags = "";
238 var kpiIdList = ""; 239 var kpiIdList = "";
239 var data = res.data; 240 var data = res.data;
  241 + $('.detail_base_info').attr('data-infotext','textCols');
  242 +
240 if (data.length > 0) { 243 if (data.length > 0) {
241 var dataArr = common.splieceGroup(data, cols); 244 var dataArr = common.splieceGroup(data, cols);
242 var li = ""; 245 var li = "";
@@ -4000,8 +4003,26 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele @@ -4000,8 +4003,26 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
4000 direction || (direction = 2); 4003 direction || (direction = 2);
4001 var len = $(`#${targetId}`).find("li").eq(0).find("span").length; 4004 var len = $(`#${targetId}`).find("li").eq(0).find("span").length;
4002 var w = "420px"; 4005 var w = "420px";
4003 - if (len && len > 2) { 4006 + /* if (len && len > 2) {
4004 w = '740px'; 4007 w = '740px';
  4008 + }*/
  4009 +
  4010 + //lsq 判断是否两列显示 2022-06-28
  4011 + var count=$(this).data('count');
  4012 + var info_text=$(this).data('infotext');
  4013 + if(count>12 && info_text=='text'){
  4014 + //两列显示
  4015 + w = '820px';
  4016 + $(`#${targetId}`).addClass('info-table-two')
  4017 + }else{
  4018 + //一列显示
  4019 + if(len && len > 2){
  4020 + w = '740px';
  4021 + }
  4022 + //lsq renderTextCols基本信息悬浮中下探样式 2022-08-09
  4023 + // if(info_text=='textCols'){
  4024 + $(`#${targetId}`).addClass('info-table-three')
  4025 + // }
4005 } 4026 }
4006 var $content = $(`#${targetId}`).clone(); 4027 var $content = $(`#${targetId}`).clone();
4007 $content.find('[lay-tips]').removeAttr('lay-tips'); 4028 $content.find('[lay-tips]').removeAttr('lay-tips');
@@ -4017,7 +4038,20 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele @@ -4017,7 +4038,20 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
4017 //添加遮罩层 默认透明度为0.3 4038 //添加遮罩层 默认透明度为0.3
4018 shade: [0.1, '#00000000'], 4039 shade: [0.1, '#00000000'],
4019 //是否点击遮罩关闭 4040 //是否点击遮罩关闭
4020 - shadeClose: true 4041 + shadeClose: true,
  4042 + closeBtn:true,
  4043 + success:function(){
  4044 + let resId=$(`#${targetId}` + `_detail_row_menu.statusMenu`).data('resid')
  4045 + $(`#${targetId}` + `_detail_row_menu.statusMenu`).hover(function () {
  4046 + var $that = $(this);
  4047 + var $btn = $that.find(".detail_row_menu");
  4048 + if ($btn.length > 0) {
  4049 + $(".layui-card-body").find(".detail_row_menu:not(.hide)").addClass("hide")
  4050 + $btn.removeClass("hide");
  4051 + }
  4052 + });
  4053 + filterSuppressMonitor(resId)
  4054 + }
4021 }); 4055 });
4022 //xwx update 资源视图基本信息弹出框bug修改 2021-10-22 --end 4056 //xwx update 资源视图基本信息弹出框bug修改 2021-10-22 --end
4023 window.detailTips = detailTips; 4057 window.detailTips = detailTips;
@@ -4446,6 +4480,12 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele @@ -4446,6 +4480,12 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
4446 function filterSuppressMonitor(resId) { 4480 function filterSuppressMonitor(resId) {
4447 //菜单按钮点击事件 4481 //菜单按钮点击事件
4448 $("a.detail_row_menu").off("click").on("click", function (e) { 4482 $("a.detail_row_menu").off("click").on("click", function (e) {
  4483 + if (e.preventDefault()) {
  4484 + e.preventDefault();
  4485 + }
  4486 + if (e.stopPropagation()) {
  4487 + e.stopPropagation();
  4488 + }
4449 $("#detail_menubox_id").remove(); 4489 $("#detail_menubox_id").remove();
4450 var $menu = $(this); 4490 var $menu = $(this);
4451 var hideM = $menu.data('hidem'); 4491 var hideM = $menu.data('hidem');
@@ -8563,3 +8563,53 @@ form.layui-card-header.layuiadmin-card-header-auto { @@ -8563,3 +8563,53 @@ form.layui-card-header.layuiadmin-card-header-auto {
8563 .layui-layer-tips{ 8563 .layui-layer-tips{
8564 word-break: break-all; 8564 word-break: break-all;
8565 } 8565 }
  8566 +/*start lsq x86增加了8个指标后的基本信息样式 2022-06-28*/
  8567 +.layui-layer-tips .info-table-two{
  8568 + display: flex;
  8569 + flex-wrap: wrap;
  8570 +}
  8571 +.layui-layer-tips .layui-layer-content .info-table-two li{
  8572 + width:50%;
  8573 +}
  8574 +.layui-layer-tips .info-table-two li:nth-child(4n-1){
  8575 + background-color: #262323 !important;
  8576 +}
  8577 +.layui-layer-tips .info-table-two li:nth-child(2n){
  8578 + background-color: inherit !important;
  8579 +}
  8580 +.layui-layer-tips .info-table-two li:nth-child(4n){
  8581 + background-color: #262323 !important;
  8582 +}
  8583 +.layui-layer-content .info-table li span:first-child{
  8584 + width:40%!important;
  8585 +}
  8586 +.layui-layer-tips .layui-layer-content .info-table-two li span:first-child{
  8587 + flex:2;
  8588 +}
  8589 +.layui-layer-tips .layui-layer-content .info-table-two .detail_menubox li,.layui-layer-tips .layui-layer-content .info-table-three .detail_menubox li{
  8590 + width:100%;
  8591 + padding:15px 20px;
  8592 + box-sizing: border-box;
  8593 + cursor: pointer;
  8594 +}
  8595 +.layui-layer-tips .layui-layer-content .info-table-two .detail_menubox li:hover,.layui-layer-tips .layui-layer-content .info-table-three .detail_menubox li:hover{
  8596 + color: #fff;
  8597 + background: #0d82e9!important;
  8598 +}
  8599 +.layui-layer-tips .info-table-two li .detail_menubox,.layui-layer-tips .info-table-three li .detail_menubox{
  8600 + position: fixed;
  8601 + /*padding:0 10px;*/
  8602 + z-index: 999;
  8603 + background: #fff!important;
  8604 +}
  8605 +.layui-layer-tips .info-table-three li .detail_menubox li{
  8606 + background-color: #FFFFFF!important;
  8607 +}
  8608 +.layui-layer-tips .info-table-two li .detail_menubox li:nth-child(4n-1),.layui-layer-tips .info-table-two li .detail_menubox li:nth-child(4n){
  8609 + background: #fff!important;
  8610 +}
  8611 +.isProbeDown{
  8612 + cursor: pointer;
  8613 + text-decoration: underline;
  8614 +}
  8615 +/*end lsq 2022-06-28*/