monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 张凯
Commit 20527c9a5c0667b9d540823e1a99f9fdd63247da 1 parent 647d8c11

chore:腾讯云tdsqlmyslq详情页优化

Inline Side-by-side
Showing 3 changed files with 78 additions and 5 deletions
@@ -28,7 +28,6 @@ layui.define(['commonDetail','common'], function (exports) { @@ -28,7 +28,6 @@ layui.define(['commonDetail','common'], function (exports) {
28 commonDetail.renderText("tencent_cloud_plat_res_ckafka_baseinfo",resId,baseKpi); 28 commonDetail.renderText("tencent_cloud_plat_res_ckafka_baseinfo",resId,baseKpi);
29 //关键信息 29 //关键信息
30 commonDetail.renderText("tencent_cloud_plat_res_ckafka_keyinfo",resId,keyKpi); 30 commonDetail.renderText("tencent_cloud_plat_res_ckafka_keyinfo",resId,keyKpi);
31 -  
32 //生产流量 31 //生产流量
33 commonDetail.renderLineCharat("tencent_cloud_plat_res_ckafka_proflow_linechart",resId,"KPI7054BC34","生产流量","instance_pro_flow"); 32 commonDetail.renderLineCharat("tencent_cloud_plat_res_ckafka_proflow_linechart",resId,"KPI7054BC34","生产流量","instance_pro_flow");
34 //消费流量 33 //消费流量
@@ -47,10 +46,6 @@ layui.define(['commonDetail','common'], function (exports) { @@ -47,10 +46,6 @@ layui.define(['commonDetail','common'], function (exports) {
47 commonDetail.renderLineCharat("tencent_cloud_plat_res_ckafka_maxconflow_linechart",resId,"KPI7A1D5F3E","消费峰值带宽","instance_max_con_flow"); 46 commonDetail.renderLineCharat("tencent_cloud_plat_res_ckafka_maxconflow_linechart",resId,"KPI7A1D5F3E","消费峰值带宽","instance_max_con_flow");
48 //磁盘使用率 47 //磁盘使用率
49 commonDetail.renderLineCharat("tencent_cloud_plat_res_ckafka_diskusage_linechart",resId,"KPI2C8A6D17","磁盘使用率","instance_disk_usage"); 48 commonDetail.renderLineCharat("tencent_cloud_plat_res_ckafka_diskusage_linechart",resId,"KPI2C8A6D17","磁盘使用率","instance_disk_usage");
50 -  
51 -  
52 -  
53 -  
54 //活动告警 49 //活动告警
55 commonDetail.renderActiveAlarms("tencent_cloud_plat_res_ckafka_active_alarm",resId); 50 commonDetail.renderActiveAlarms("tencent_cloud_plat_res_ckafka_active_alarm",resId);
56 } 51 }
@@ -42,6 +42,30 @@ layui.define(['commonDetail','common'], function (exports) { @@ -42,6 +42,30 @@ layui.define(['commonDetail','common'], function (exports) {
42 commonDetail.renderText("tencent_cloud_plat_res_tdsqlmysql_dbinfo",resId,dbKpi); 42 commonDetail.renderText("tencent_cloud_plat_res_tdsqlmysql_dbinfo",resId,dbKpi);
43 //DCN信息 43 //DCN信息
44 commonDetail.renderText("tencent_cloud_plat_res_tdsqlmysql_dcninfo",resId,dcnKpi); 44 commonDetail.renderText("tencent_cloud_plat_res_tdsqlmysql_dcninfo",resId,dcnKpi);
  45 + //客户端总连接数
  46 + commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_ClientConnTotal_linechart",resId,"KPIC29F4C6B","客户端总连接数","ClientConnTotal");
  47 + //当前打开连接数
  48 + commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_ThreadsConnected_linechart",resId,"KPI01BF252B","当前打开连接数","ThreadsConnected");
  49 + //汇总活跃线程数
  50 + commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_ActiveThreadCount_linechart",resId,"KPI8639CBAC","汇总活跃线程数","ActiveThreadCount");
  51 + //最大DB连接使用率
  52 + commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_ConnUsageRate_linechart",resId,"KPI70233F69","最大DB连接使用率","ConnUsageRate");
  53 + //SQL总数
  54 + commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_SQLTotal_linechart",resId,"KPI402F24E8","SQL总数","SQLTotal");
  55 + //SQL错误数
  56 + commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_ErrorSQLTotal_linechart",resId,"KPID74AF81B","SQL错误数","ErrorSQLTotal");
  57 + //SQL成功数
  58 + commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_SuccessSQLTotal_linechart",resId,"KPI1920354A","SQL成功数","SuccessSQLTotal");
  59 + //主从切换数
  60 + commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_MasterSwitchedTotal_linechart",resId,"KPIED3B1BD1","主从切换数","MasterSwitchedTotal");
  61 + //耗时小于5ms请求数
  62 + commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_TimeRange0_linechart",resId,"KPI83D31951","耗时小于5ms请求数","TimeRange0");
  63 + //耗时大于30ms请求数
  64 + commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_TimeRange3_linechart",resId,"KPID1286BCB","耗时大于30ms请求数","TimeRange3");
  65 + //最大主节点CPU利用率
  66 + commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_CpuUsageRate_linechart",resId,"KPI6A52D0F7","最大主节点CPU利用率","CpuUsageRate");
  67 + //最大主节点IO利用率
  68 + commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_IOUsageRate_linechart",resId,"KPI34BF4434","最大主节点IO利用率","IOUsageRate");
45 //分片信息 69 //分片信息
46 commonDetail.renderTable("tencent_cloud_plat_res_tdsqlmysql_shard",false,resId,shardKpi,"分片信息","shard-"); 70 commonDetail.renderTable("tencent_cloud_plat_res_tdsqlmysql_shard",false,resId,shardKpi,"分片信息","shard-");
47 //活动告警 71 //活动告警
@@ -34,6 +34,60 @@ @@ -34,6 +34,60 @@
34 </div> 34 </div>
35 <div class="lay-row"> 35 <div class="lay-row">
36 <div class="lay-row-item"> 36 <div class="lay-row-item">
  37 + <h5 class="lay-row-title">客户端总连接数</h5>
  38 + <div id="tencent_cloud_plat_res_tdsqlmysql_ClientConnTotal_linechart" class="detail_line_chart"></div>
  39 + </div>
  40 + <div class="lay-row-item">
  41 + <h5 class="lay-row-title">当前打开连接数</h5>
  42 + <div id="tencent_cloud_plat_res_tdsqlmysql_ThreadsConnected_linechart" class="detail_line_chart"></div>
  43 + </div>
  44 + <div class="lay-row-item">
  45 + <h5 class="lay-row-title">汇总活跃线程数</h5>
  46 + <div id="tencent_cloud_plat_res_tdsqlmysql_ActiveThreadCount_linechart" class="detail_line_chart"></div>
  47 + </div>
  48 + <div class="lay-row-item">
  49 + <h5 class="lay-row-title">最大DB连接使用率</h5>
  50 + <div id="tencent_cloud_plat_res_tdsqlmysql_ConnUsageRate_linechart" class="detail_line_chart"></div>
  51 + </div>
  52 + </div>
  53 + <div class="lay-row">
  54 + <div class="lay-row-item">
  55 + <h5 class="lay-row-title">SQL总数</h5>
  56 + <div id="tencent_cloud_plat_res_tdsqlmysql_SQLTotal_linechart" class="detail_line_chart"></div>
  57 + </div>
  58 + <div class="lay-row-item">
  59 + <h5 class="lay-row-title">SQL错误数</h5>
  60 + <div id="tencent_cloud_plat_res_tdsqlmysql_ErrorSQLTotal_linechart" class="detail_line_chart"></div>
  61 + </div>
  62 + <div class="lay-row-item">
  63 + <h5 class="lay-row-title">SQL成功数</h5>
  64 + <div id="tencent_cloud_plat_res_tdsqlmysql_SuccessSQLTotal_linechart" class="detail_line_chart"></div>
  65 + </div>
  66 + <div class="lay-row-item">
  67 + <h5 class="lay-row-title">主从切换数</h5>
  68 + <div id="tencent_cloud_plat_res_tdsqlmysql_MasterSwitchedTotal_linechart" class="detail_line_chart"></div>
  69 + </div>
  70 + </div>
  71 + <div class="lay-row">
  72 + <div class="lay-row-item">
  73 + <h5 class="lay-row-title">耗时小于5ms请求数</h5>
  74 + <div id="tencent_cloud_plat_res_tdsqlmysql_TimeRange0_linechart" class="detail_line_chart"></div>
  75 + </div>
  76 + <div class="lay-row-item">
  77 + <h5 class="lay-row-title">耗时大于30ms请求数</h5>
  78 + <div id="tencent_cloud_plat_res_tdsqlmysql_TimeRange3_linechart" class="detail_line_chart"></div>
  79 + </div>
  80 + <div class="lay-row-item">
  81 + <h5 class="lay-row-title">最大主节点CPU利用率</h5>
  82 + <div id="tencent_cloud_plat_res_tdsqlmysql_CpuUsageRate_linechart" class="detail_line_chart"></div>
  83 + </div>
  84 + <div class="lay-row-item">
  85 + <h5 class="lay-row-title">最大主节点IO利用率</h5>
  86 + <div id="tencent_cloud_plat_res_tdsqlmysql_IOUsageRate_linechart" class="detail_line_chart"></div>
  87 + </div>
  88 + </div>
  89 + <div class="lay-row">
  90 + <div class="lay-row-item">
37 <h5 class="lay-row-title">分片信息<span id="tencent_cloud_plat_res_tdsqlmysql_shardDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="tencent_cloud_plat_res_tdsqlmysql_shardMore" class="layui-table-link">更多</span></h5> 91 <h5 class="lay-row-title">分片信息<span id="tencent_cloud_plat_res_tdsqlmysql_shardDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="tencent_cloud_plat_res_tdsqlmysql_shardMore" class="layui-table-link">更多</span></h5>
38 <div id="tencent_cloud_plat_res_tdsqlmysql_shard"></div> 92 <div id="tencent_cloud_plat_res_tdsqlmysql_shard"></div>
39 </div> 93 </div>