monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit 321fa9166652ce7a00ef986db579b0a291542513 1 parent 1ca9ad97

告警预览页面样式优化

Inline Side-by-side
Showing 2 changed files with 22 additions and 5 deletions
... ... @@ -237,7 +237,10 @@ layui.define(['admin', 'form', 'table', 'element', 'sessions', 'common', 'echart
show: true,
position: 'top',
textStyle: {
color: '#555'
color: '#555',
// Start 增加padding LSQ 2021/12/29 10:17 TODO
padding:[5,0,5,0]
//End LSQ 2021/12/29 10:17 TODO
}
}
},{
... ...
... ... @@ -16,17 +16,31 @@
<div class="layui-card" style="min-height: calc(30% - 15px)">
<div class="layui-card-body">
<div style="display: flex" class="layui-card-echart">
<div style="width: 60%!important;">
<!--1单独一行，宽度由60%设为100%// Start LSQ 2021/12/29 10:19 TODO-->
<div style="width: 100%!important;">
<h5 class="lay-row-title">告警趋势图（24小时）</h5>
<div class="pie-chart" id="overview_alarm_trend"></div>
</div>
<div style="width: 40%!important;">
</div>
</div>
</div>
<!--2和5一行 // Start LSQ 2021/12/29 10:18 TODO-->
<div class="layui-card" style="min-height: calc(30% - 15px)">
<div class="layui-card-body">
<div style="display: flex" class="layui-card-echart">
<div style="width: 50%!important;">
<h5 class="lay-row-title">指标告警统计Top10</h5>
<div class="pie-chart" id="overview_alarm_kpi"></div>
</div>
<div style="flex-grow: 1">
<h5 class="lay-row-title">业务域告警统计Top10</h5>
<div class="pie-chart" id="overview_alarm_domain"></div>
</div>
</div>
</div>
</div>
<!--//End LSQ 2021/12/29 10:18 TODO-->
<div class="layui-card" style="min-height: calc(30% - 15px)">
<div class="layui-card-body">
... ... @@ -39,10 +53,10 @@
<h5 class="lay-row-title">业务类型告警统计Top10</h5>
<div class="pie-chart" id="overview_alarm_busType"></div>
</div>
<div style="flex-grow: 1">
<!-- <div style="flex-grow: 1">
<h5 class="lay-row-title">业务域告警统计Top10</h5>
<div class="pie-chart" id="overview_alarm_domain"></div>
</div>
</div>-->
</div>
</div>
</div>
... ...