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 @@ -237,7 +237,10 @@ layui.define(['admin', 'form', 'table', 'element', 'sessions', 'common', 'echart
237 show: true, 237 show: true,
238 position: 'top', 238 position: 'top',
239 textStyle: { 239 textStyle: {
240 - color: '#555' 240 + color: '#555',
  241 + // Start 增加padding LSQ 2021/12/29 10:17 TODO
  242 + padding:[5,0,5,0]
  243 + //End LSQ 2021/12/29 10:17 TODO
241 } 244 }
242 } 245 }
243 },{ 246 },{
@@ -16,17 +16,31 @@ @@ -16,17 +16,31 @@
16 <div class="layui-card" style="min-height: calc(30% - 15px)"> 16 <div class="layui-card" style="min-height: calc(30% - 15px)">
17 <div class="layui-card-body"> 17 <div class="layui-card-body">
18 <div style="display: flex" class="layui-card-echart"> 18 <div style="display: flex" class="layui-card-echart">
19 - <div style="width: 60%!important;"> 19 + <!--1单独一行，宽度由60%设为100%// Start LSQ 2021/12/29 10:19 TODO-->
  20 + <div style="width: 100%!important;">
20 <h5 class="lay-row-title">告警趋势图（24小时）</h5> 21 <h5 class="lay-row-title">告警趋势图（24小时）</h5>
21 <div class="pie-chart" id="overview_alarm_trend"></div> 22 <div class="pie-chart" id="overview_alarm_trend"></div>
22 </div> 23 </div>
23 - <div style="width: 40%!important;"> 24 + </div>
  25 + </div>
  26 + </div>
  27 + <!--2和5一行 // Start LSQ 2021/12/29 10:18 TODO-->
  28 +
  29 + <div class="layui-card" style="min-height: calc(30% - 15px)">
  30 + <div class="layui-card-body">
  31 + <div style="display: flex" class="layui-card-echart">
  32 + <div style="width: 50%!important;">
24 <h5 class="lay-row-title">指标告警统计Top10</h5> 33 <h5 class="lay-row-title">指标告警统计Top10</h5>
25 <div class="pie-chart" id="overview_alarm_kpi"></div> 34 <div class="pie-chart" id="overview_alarm_kpi"></div>
26 </div> 35 </div>
  36 + <div style="flex-grow: 1">
  37 + <h5 class="lay-row-title">业务域告警统计Top10</h5>
  38 + <div class="pie-chart" id="overview_alarm_domain"></div>
  39 + </div>
27 </div> 40 </div>
28 </div> 41 </div>
29 </div> 42 </div>
  43 + <!--//End LSQ 2021/12/29 10:18 TODO-->
30 44
31 <div class="layui-card" style="min-height: calc(30% - 15px)"> 45 <div class="layui-card" style="min-height: calc(30% - 15px)">
32 <div class="layui-card-body"> 46 <div class="layui-card-body">
@@ -39,10 +53,10 @@ @@ -39,10 +53,10 @@
39 <h5 class="lay-row-title">业务类型告警统计Top10</h5> 53 <h5 class="lay-row-title">业务类型告警统计Top10</h5>
40 <div class="pie-chart" id="overview_alarm_busType"></div> 54 <div class="pie-chart" id="overview_alarm_busType"></div>
41 </div> 55 </div>
42 - <div style="flex-grow: 1"> 56 + <!-- <div style="flex-grow: 1">
43 <h5 class="lay-row-title">业务域告警统计Top10</h5> 57 <h5 class="lay-row-title">业务域告警统计Top10</h5>
44 <div class="pie-chart" id="overview_alarm_domain"></div> 58 <div class="pie-chart" id="overview_alarm_domain"></div>
45 - </div> 59 + </div>-->
46 </div> 60 </div>
47 </div> 61 </div>
48 </div> 62 </div>