Authored by XuHaoJie

杭州-资源视图-华为云详情页优化

@@ -17,7 +17,7 @@ layui.define(['commonDetail','common'], function (exports) { @@ -17,7 +17,7 @@ layui.define(['commonDetail','common'], function (exports) {
17 } 17 }
18 commonDetail.bindTips(); 18 commonDetail.bindTips();
19 //基本信息 19 //基本信息
20 - var jbxxKpi = "KPIE13DD9A3,KPI9E5E1B3E,KPIF74D9D2B"; 20 + var jbxxKpi = "KPIE13DD9A3,KPI9E5E1B3E,KPIF74D9D2B,KPI1584BE1C,KPI5B7998C9";
21 21
22 reload() 22 reload()
23 23
@@ -27,14 +27,14 @@ layui.define(['commonDetail','common'], function (exports) { @@ -27,14 +27,14 @@ layui.define(['commonDetail','common'], function (exports) {
27 commonDetail.renderResHealth("huawei_cloud_plat_state",resId); 27 commonDetail.renderResHealth("huawei_cloud_plat_state",resId);
28 //基本信息 28 //基本信息
29 commonDetail.renderText("huawei_cloud_plat_baseinfo",resId,jbxxKpi); 29 commonDetail.renderText("huawei_cloud_plat_baseinfo",resId,jbxxKpi);
30 - // CPU分配率  
31 - commonDetail.renderGauge("huawei_cloud_plat_cpu_rate",resId,"KPIBFA3F5CD");  
32 - // 内存分配率  
33 - commonDetail.renderGauge("huawei_cloud_plat_mem_rate",resId,"KPIC40A80AC"); 30 + //存储空间使用率走势(12小时)
  31 + commonDetail.renderLineCharat("huawei_cloud_plat_storage_linechart",resId,"KPI5E148DBE","存储空间使用率","storage");
34 // CPU使用率走势(12小时) 32 // CPU使用率走势(12小时)
35 commonDetail.renderLineCharat("huawei_cloud_plat_cpu_linechart",resId,"KPI7054BC34","CPU使用率","cpu"); 33 commonDetail.renderLineCharat("huawei_cloud_plat_cpu_linechart",resId,"KPI7054BC34","CPU使用率","cpu");
36 // 内存使用率走势(12小时) 34 // 内存使用率走势(12小时)
37 commonDetail.renderLineCharat("huawei_cloud_plat_memeryuse_linechart",resId,"KPI31CB8D97","内存使用率","mem"); 35 commonDetail.renderLineCharat("huawei_cloud_plat_memeryuse_linechart",resId,"KPI31CB8D97","内存使用率","mem");
  36 + // 存储分配率走势(12小时)
  37 + commonDetail.renderLineCharat("huawei_cloud_plat_allot_linechart",resId,"KPI46BAA9BE","存储分配率","");
38 // CPU分配率走势(12小时) 38 // CPU分配率走势(12小时)
39 commonDetail.renderLineCharat("huawei_cloud_plat_cpuset_linechart",resId,"KPIBFA3F5CD","CPU分配率",""); 39 commonDetail.renderLineCharat("huawei_cloud_plat_cpuset_linechart",resId,"KPIBFA3F5CD","CPU分配率","");
40 // 内存分配率走势(12小时) 40 // 内存分配率走势(12小时)
@@ -16,30 +16,6 @@ @@ -16,30 +16,6 @@
16 </div> 16 </div>
17 <div class="lay-row"> 17 <div class="lay-row">
18 <div class="lay-row-item"> 18 <div class="lay-row-item">
19 - <h5 class="lay-row-title">CPU分配率</h5>  
20 - <ul id="huawei_cloud_plat_cpu_rate" class="pie-wrap dasboard">  
21 - <li data-degree="0" class="pie-half pie-half-border-color-3">  
22 - <div class="pie-half-text">  
23 - <b>0%</b>  
24 - <span></span>  
25 - </div>  
26 - </li>  
27 - </ul>  
28 - </div>  
29 - <div class="lay-row-item">  
30 - <h5 class="lay-row-title">内存分配率</h5>  
31 - <ul id="huawei_cloud_plat_mem_rate" class="pie-wrap dasboard">  
32 - <li data-degree="0" class="pie-half pie-half-border-color-3">  
33 - <div class="pie-half-text">  
34 - <b>0%</b>  
35 - <span></span>  
36 - </div>  
37 - </li>  
38 - </ul>  
39 - </div>  
40 - </div>  
41 - <div class="lay-row">  
42 - <div class="lay-row-item">  
43 <h5 class="lay-row-title">CPU使用率走势(12小时)</h5> 19 <h5 class="lay-row-title">CPU使用率走势(12小时)</h5>
44 <div id="huawei_cloud_plat_cpu_linechart" class="detail_line_chart"></div> 20 <div id="huawei_cloud_plat_cpu_linechart" class="detail_line_chart"></div>
45 </div> 21 </div>
@@ -47,6 +23,10 @@ @@ -47,6 +23,10 @@
47 <h5 class="lay-row-title">内存使用率走势(12小时)</h5> 23 <h5 class="lay-row-title">内存使用率走势(12小时)</h5>
48 <div id="huawei_cloud_plat_memeryuse_linechart" class="detail_line_chart"></div> 24 <div id="huawei_cloud_plat_memeryuse_linechart" class="detail_line_chart"></div>
49 </div> 25 </div>
  26 + <div class="lay-row-item">
  27 + <h5 class="lay-row-title">存储使用率走势(12小时)</h5>
  28 + <div id="huawei_cloud_plat_storage_linechart" class="detail_line_chart"></div>
  29 + </div>
50 </div> 30 </div>
51 <div class="lay-row"> 31 <div class="lay-row">
52 <div class="lay-row-item"> 32 <div class="lay-row-item">
@@ -57,6 +37,10 @@ @@ -57,6 +37,10 @@
57 <h5 class="lay-row-title">内存分配率走势(12小时)</h5> 37 <h5 class="lay-row-title">内存分配率走势(12小时)</h5>
58 <div id="huawei_cloud_plat_memeryset_linechart" class="detail_line_chart"></div> 38 <div id="huawei_cloud_plat_memeryset_linechart" class="detail_line_chart"></div>
59 </div> 39 </div>
  40 + <div class="lay-row-item">
  41 + <h5 class="lay-row-title">存储分配率走势(12小时)</h5>
  42 + <div id="huawei_cloud_plat_allot_linechart" class="detail_line_chart"></div>
  43 + </div>
60 </div> 44 </div>
61 <div class="lay-row"> 45 <div class="lay-row">
62 <div class="lay-row-item"> 46 <div class="lay-row-item">