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) {
commonDetail.renderText("tencent_cloud_plat_res_ckafka_baseinfo",resId,baseKpi);
//关键信息
commonDetail.renderText("tencent_cloud_plat_res_ckafka_keyinfo",resId,keyKpi);
//生产流量
commonDetail.renderLineCharat("tencent_cloud_plat_res_ckafka_proflow_linechart",resId,"KPI7054BC34","生产流量","instance_pro_flow");
//消费流量
... ... @@ -47,10 +46,6 @@ layui.define(['commonDetail','common'], function (exports) {
commonDetail.renderLineCharat("tencent_cloud_plat_res_ckafka_maxconflow_linechart",resId,"KPI7A1D5F3E","消费峰值带宽","instance_max_con_flow");
//磁盘使用率
commonDetail.renderLineCharat("tencent_cloud_plat_res_ckafka_diskusage_linechart",resId,"KPI2C8A6D17","磁盘使用率","instance_disk_usage");
//活动告警
commonDetail.renderActiveAlarms("tencent_cloud_plat_res_ckafka_active_alarm",resId);
}
... ...
... ... @@ -42,6 +42,30 @@ layui.define(['commonDetail','common'], function (exports) {
commonDetail.renderText("tencent_cloud_plat_res_tdsqlmysql_dbinfo",resId,dbKpi);
//DCN信息
commonDetail.renderText("tencent_cloud_plat_res_tdsqlmysql_dcninfo",resId,dcnKpi);
//客户端总连接数
commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_ClientConnTotal_linechart",resId,"KPIC29F4C6B","客户端总连接数","ClientConnTotal");
//当前打开连接数
commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_ThreadsConnected_linechart",resId,"KPI01BF252B","当前打开连接数","ThreadsConnected");
//汇总活跃线程数
commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_ActiveThreadCount_linechart",resId,"KPI8639CBAC","汇总活跃线程数","ActiveThreadCount");
//最大DB连接使用率
commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_ConnUsageRate_linechart",resId,"KPI70233F69","最大DB连接使用率","ConnUsageRate");
//SQL总数
commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_SQLTotal_linechart",resId,"KPI402F24E8","SQL总数","SQLTotal");
//SQL错误数
commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_ErrorSQLTotal_linechart",resId,"KPID74AF81B","SQL错误数","ErrorSQLTotal");
//SQL成功数
commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_SuccessSQLTotal_linechart",resId,"KPI1920354A","SQL成功数","SuccessSQLTotal");
//主从切换数
commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_MasterSwitchedTotal_linechart",resId,"KPIED3B1BD1","主从切换数","MasterSwitchedTotal");
//耗时小于5ms请求数
commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_TimeRange0_linechart",resId,"KPI83D31951","耗时小于5ms请求数","TimeRange0");
//耗时大于30ms请求数
commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_TimeRange3_linechart",resId,"KPID1286BCB","耗时大于30ms请求数","TimeRange3");
//最大主节点CPU利用率
commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_CpuUsageRate_linechart",resId,"KPI6A52D0F7","最大主节点CPU利用率","CpuUsageRate");
//最大主节点IO利用率
commonDetail.renderLineCharat("tencent_cloud_plat_res_tdsqlmysql_IOUsageRate_linechart",resId,"KPI34BF4434","最大主节点IO利用率","IOUsageRate");
//分片信息
commonDetail.renderTable("tencent_cloud_plat_res_tdsqlmysql_shard",false,resId,shardKpi,"分片信息","shard-");
//活动告警
... ...
... ... @@ -34,6 +34,60 @@
</div>
<div class="lay-row">
<div class="lay-row-item">
<h5 class="lay-row-title">客户端总连接数</h5>
<div id="tencent_cloud_plat_res_tdsqlmysql_ClientConnTotal_linechart" class="detail_line_chart"></div>
</div>
<div class="lay-row-item">
<h5 class="lay-row-title">当前打开连接数</h5>
<div id="tencent_cloud_plat_res_tdsqlmysql_ThreadsConnected_linechart" class="detail_line_chart"></div>
</div>
<div class="lay-row-item">
<h5 class="lay-row-title">汇总活跃线程数</h5>
<div id="tencent_cloud_plat_res_tdsqlmysql_ActiveThreadCount_linechart" class="detail_line_chart"></div>
</div>
<div class="lay-row-item">
<h5 class="lay-row-title">最大DB连接使用率</h5>
<div id="tencent_cloud_plat_res_tdsqlmysql_ConnUsageRate_linechart" class="detail_line_chart"></div>
</div>
</div>
<div class="lay-row">
<div class="lay-row-item">
<h5 class="lay-row-title">SQL总数</h5>
<div id="tencent_cloud_plat_res_tdsqlmysql_SQLTotal_linechart" class="detail_line_chart"></div>
</div>
<div class="lay-row-item">
<h5 class="lay-row-title">SQL错误数</h5>
<div id="tencent_cloud_plat_res_tdsqlmysql_ErrorSQLTotal_linechart" class="detail_line_chart"></div>
</div>
<div class="lay-row-item">
<h5 class="lay-row-title">SQL成功数</h5>
<div id="tencent_cloud_plat_res_tdsqlmysql_SuccessSQLTotal_linechart" class="detail_line_chart"></div>
</div>
<div class="lay-row-item">
<h5 class="lay-row-title">主从切换数</h5>
<div id="tencent_cloud_plat_res_tdsqlmysql_MasterSwitchedTotal_linechart" class="detail_line_chart"></div>
</div>
</div>
<div class="lay-row">
<div class="lay-row-item">
<h5 class="lay-row-title">耗时小于5ms请求数</h5>
<div id="tencent_cloud_plat_res_tdsqlmysql_TimeRange0_linechart" class="detail_line_chart"></div>
</div>
<div class="lay-row-item">
<h5 class="lay-row-title">耗时大于30ms请求数</h5>
<div id="tencent_cloud_plat_res_tdsqlmysql_TimeRange3_linechart" class="detail_line_chart"></div>
</div>
<div class="lay-row-item">
<h5 class="lay-row-title">最大主节点CPU利用率</h5>
<div id="tencent_cloud_plat_res_tdsqlmysql_CpuUsageRate_linechart" class="detail_line_chart"></div>
</div>
<div class="lay-row-item">
<h5 class="lay-row-title">最大主节点IO利用率</h5>
<div id="tencent_cloud_plat_res_tdsqlmysql_IOUsageRate_linechart" class="detail_line_chart"></div>
</div>
</div>
<div class="lay-row">
<div class="lay-row-item">
<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>
<div id="tencent_cloud_plat_res_tdsqlmysql_shard"></div>
</div>
... ...