monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 张凯
Commit 3915feced97e2198eaecaa9bf63af439948f3fd7 1 parent 659fb367

chore:腾讯云详情页(新增负载均衡、MariaDB、云宿主机，调整节点)

Inline Side-by-side
Showing 9 changed files with 491 additions and 1 deletions
@@ -2784,6 +2784,30 @@ layui.define(['soulTable', 'commonDetail', 'common', 'laytpl', 'view', 'admin', @@ -2784,6 +2784,30 @@ layui.define(['soulTable', 'commonDetail', 'common', 'laytpl', 'view', 'admin',
2784 {field: 'resTypeName', title: '资源类型', minWidth: x_110, align: 'center'}, 2784 {field: 'resTypeName', title: '资源类型', minWidth: x_110, align: 'center'},
2785 {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'} 2785 {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
2786 ], 2786 ],
  2787 + "TENCENT_CLOUD_PLAT_RES_LOAD_BALANCE": [
  2788 + {
  2789 + field: 'resName', title: '资源名称', minWidth: x_300, sort: true,
  2790 + templet: '#resindex_resName'
  2791 + },
  2792 + {field: 'health', title: '健康状态', width: x_120, align: 'center', sort: true, templet: '#healthTpl'},
  2793 + {field: 'lastColTime', title: '最近采集时间', width: x_160, align: 'center', sort: true},
  2794 + {field: 'adminName', title: '负责人', width: x_130, align: 'center', sort: true},
  2795 + {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
  2796 + {field: 'resTypeName', title: '资源类型', minWidth: x_110, align: 'center'},
  2797 + {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
  2798 + ],
  2799 + "TENCENT_CLOUD_PLAT_RES_MARIADB": [
  2800 + {
  2801 + field: 'resName', title: '资源名称', minWidth: x_300, sort: true,
  2802 + templet: '#resindex_resName'
  2803 + },
  2804 + {field: 'health', title: '健康状态', width: x_120, align: 'center', sort: true, templet: '#healthTpl'},
  2805 + {field: 'lastColTime', title: '最近采集时间', width: x_160, align: 'center', sort: true},
  2806 + {field: 'adminName', title: '负责人', width: x_130, align: 'center', sort: true},
  2807 + {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
  2808 + {field: 'resTypeName', title: '资源类型', minWidth: x_110, align: 'center'},
  2809 + {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
  2810 + ],
2787 }, 2811 },
2788 /** 2812 /**
2789 * 验证是否跳转详情页 2813 * 验证是否跳转详情页
@@ -32,7 +32,8 @@ layui.define(['commonDetail','common'], function (exports) { @@ -32,7 +32,8 @@ layui.define(['commonDetail','common'], function (exports) {
32 var memKpi = "KPI1DA60197,KPI6C04B268,KPIC9967463"; 32 var memKpi = "KPI1DA60197,KPI6C04B268,KPIC9967463";
33 //磁盘信息 33 //磁盘信息
34 var diskKpi = "KPIBA50E567,KPI40B5EF02,KPIC9967463"; 34 var diskKpi = "KPIBA50E567,KPI40B5EF02,KPIC9967463";
35 - 35 + //pod表格信息
  36 + const podTableKpi = "KPI2DC9105C,KPIFABFD741,KPIFB844B8B,KPIE4B51D5C,KPI60963ED1,KPI31ECC0E6,KPIECA37CB0,KPI7054BC34,KPI31CB8D97,KPI2C8A6D17";
36 37
37 38
38 reload(); 39 reload();
@@ -63,6 +64,8 @@ layui.define(['commonDetail','common'], function (exports) { @@ -63,6 +64,8 @@ layui.define(['commonDetail','common'], function (exports) {
63 commonDetail.renderLineCharat("tencent_cloud_plat_cluster_node_mem_linechart",resId,"KPIC9967463","内存分配率","mem"); 64 commonDetail.renderLineCharat("tencent_cloud_plat_cluster_node_mem_linechart",resId,"KPIC9967463","内存分配率","mem");
64 //磁盘分配率趋势图 65 //磁盘分配率趋势图
65 commonDetail.renderLineCharat("tencent_cloud_plat_cluster_node_disk_linechart",resId,"KPIC9967463","磁盘分配率","disk"); 66 commonDetail.renderLineCharat("tencent_cloud_plat_cluster_node_disk_linechart",resId,"KPIC9967463","磁盘分配率","disk");
  67 + //POD信息-表格
  68 + commonDetail.renderTable("tencent_cloud_plat_cluster_node_pod",false,resId,podTableKpi,"POD信息","pod-");
66 //告警信息 69 //告警信息
67 commonDetail.renderActiveAlarms("tencent_cloud_plat_cluster_node_active_alarm",resId); 70 commonDetail.renderActiveAlarms("tencent_cloud_plat_cluster_node_active_alarm",resId);
68 } 71 }
  1 +//tencent_cloud_plat_physicshost(腾讯云宿主机)详情页js
  2 +layui.define(['commonDetail','common'], function (exports) {
  3 + var commonDetail = layui.commonDetail;
  4 + var common = layui.common;
  5 + //对外暴露的接口
  6 + exports('tencent_cloud_plat_physicshost', function (data) {
  7 + var resId = '';
  8 + var showFlag = common.getUrlParam("show");
  9 + if(showFlag && showFlag == '0'){
  10 + resId = common.getUrlParam("resId");
  11 + }else{
  12 + resId = data.resId;
  13 + }
  14 + commonDetail.bindTips();
  15 +
  16 + //基本信息指标
  17 + var baseKpi = "KPIE13DD9A3,KPIF74D9D2B,KPID7BE5E90,KPI4419E8A1,KPI2DC9105C,KPI82B78CAC,KPI0E1DC44E,KPI1635BB9B,KPIBDF93F9C";
  18 + //网络资源指标
  19 + var netresKpi = "KPI3793A3FE,KPI7311A2F0";
  20 + //计算资源指标
  21 + var comresKpi = "KPI8DBA891C,KPI19A7770E,KPIC5BEEC49";
  22 + //存储资源指标
  23 + var storesKpi = "KPIBA50E567,KPI50331084,KPI2C8A6D17";
  24 +
  25 + reload();
  26 +
  27 + //渲染页面
  28 + function reload() {
  29 + //资源状态
  30 + commonDetail.renderResHealth("tencent_cloud_plat_physicshost_health_state", resId);
  31 + //基本信息
  32 + commonDetail.renderTextCols("tencent_cloud_plat_physicshost_baseinfo",resId,baseKpi,2,);
  33 + //网络资源信息
  34 + commonDetail.renderText("tencent_cloud_plat_physicshost_netresinfo",resId,netresKpi);
  35 + //计算资源信息
  36 + commonDetail.renderText("tencent_cloud_plat_physicshost_comresinfo",resId,comresKpi);
  37 + //存储资源信息
  38 + commonDetail.renderText("tencent_cloud_plat_physicshost_storesinfo",resId,storesKpi);
  39 + //CPU使用率
  40 + commonDetail.renderLineCharat("tencent_cloud_plat_physicshost_CPU_linechart",resId,"KPI7054BC34","CPU使用率","cpu");
  41 + //内存总量
  42 + commonDetail.renderLineCharat("tencent_cloud_plat_physicshost_mem_linechart",resId,"KPIC8EAE5A2","内存总量","mem");
  43 + //内存使用量
  44 + commonDetail.renderLineCharat("tencent_cloud_plat_physicshost_memused_linechart",resId,"KPI592C5FCA","内存使用量","mem");
  45 + //SWAP总量
  46 + commonDetail.renderLineCharat("tencent_cloud_plat_physicshost_swap_linechart",resId,"KPI08D9BF12","SWAP总量","swap");
  47 + //SWAP已使用大小
  48 + commonDetail.renderLineCharat("tencent_cloud_plat_physicshost_swapused_linechart",resId,"KPICBE88F2D","SWAP已使用大小","swap");
  49 + //硬盘读流量
  50 + commonDetail.renderLineCharat("tencent_cloud_plat_physicshost_disk_read_flow_linechart",resId,"KPICF4940F7","硬盘读流量","disk_read_flow");
  51 + //硬盘写流量
  52 + commonDetail.renderLineCharat("tencent_cloud_plat_physicshost_disk_write_flow_linechart",resId,"KPI6C16A077","硬盘写流量","disk_write_flow");
  53 + //硬盘读IOPS
  54 + commonDetail.renderLineCharat("tencent_cloud_plat_physicshost_disk_read_iops_linechart",resId,"KPIE7E304C4","硬盘读IOPS","disk_read_iops");
  55 + //硬盘写IOPS
  56 + commonDetail.renderLineCharat("tencent_cloud_plat_physicshost_disk_write_iops_linechart",resId,"KPI28E8B622","硬盘写IOPS","disk_write_iops");
  57 + //root分区使用率
  58 + commonDetail.renderLineCharat("tencent_cloud_plat_physicshost_root_zone_linechart",resId,"KPI23E06DA3","root分区使用率","root_zone");
  59 + //data分区使用率
  60 + commonDetail.renderLineCharat("tencent_cloud_plat_physicshost_data_zone_linechart",resId,"KPI751A1F4C","data分区使用率","data_zone");
  61 + //活动告警
  62 + commonDetail.renderActiveAlarms("tencent_cloud_plat_physicshost_active_alarm",resId);
  63 + }
  64 +
  65 + //定时任务
  66 + var timer = setInterval(function () {
  67 + reload()
  68 + },commonDetail.timerTime);
  69 + commonDetail.detailTimer.push(timer);
  70 +
  71 + });
  72 +});
  1 +//tencent_cloud_plat_res_load_balance详情页js
  2 +layui.define(['commonDetail','common'], function (exports) {
  3 + var commonDetail = layui.commonDetail;
  4 + var common = layui.common;
  5 + //对外暴露的接口
  6 + exports('tencent_cloud_plat_res_load_balance', function (data) {
  7 + var resId = '';
  8 + var showFlag = common.getUrlParam("show");
  9 + if(showFlag && showFlag == '0'){
  10 + resId = common.getUrlParam("resId");
  11 + }else{
  12 + resId = data.resId;
  13 + }
  14 + commonDetail.bindTips();
  15 +
  16 + //基本信息指标
  17 + var baseKpi = "KPI3793A3FE,KPI231794A7,KPIBAC24B7F,KPIECA37CB0,KPI1303E638";
  18 + //关键信息指标
  19 + var keyKpi = "KPI6BF1F392";
  20 +
  21 + reload();
  22 +
  23 + //渲染页面
  24 + function reload() {
  25 + //基本信息
  26 + commonDetail.renderText("tencent_cloud_plat_res_load_balance_baseinfo",resId,baseKpi);
  27 + //关键信息
  28 + commonDetail.renderText("tencent_cloud_plat_res_load_balance_keyinfo",resId,keyKpi);
  29 + //连接数
  30 + commonDetail.renderLineCharat("tencent_cloud_plat_res_load_balance_connections_linechart",resId,"KPI52C7778F","连接数","connections");
  31 + //新建连接数
  32 + commonDetail.renderLineCharat("tencent_cloud_plat_res_load_balance_newSessionNum_linechart",resId,"KPI3CA9E956","新建连接数","newSessionNum");
  33 + //入带宽
  34 + commonDetail.renderLineCharat("tencent_cloud_plat_res_load_balance_intraffic_linechart",resId,"KPI0EDB5CF2","入带宽","intraffic");
  35 + //出带宽
  36 + commonDetail.renderLineCharat("tencent_cloud_plat_res_load_balance_outtraffic_linechart",resId,"KPI73562B2B","出带宽","outtraffic");
  37 + //入包量
  38 + commonDetail.renderLineCharat("tencent_cloud_plat_res_load_balance_inpkg_linechart",resId,"KPI8204B6B6","入包量","inpkg");
  39 + //出包量
  40 + commonDetail.renderLineCharat("tencent_cloud_plat_res_load_balance_outpkg_linechart",resId,"KPI322BD31F","出包量","outpkg");
  41 + //活动告警
  42 + commonDetail.renderActiveAlarms("tencent_cloud_plat_res_load_balance_active_alarm",resId);
  43 + }
  44 +
  45 + //定时任务
  46 + var timer = setInterval(function () {
  47 + reload()
  48 + },commonDetail.timerTime);
  49 + commonDetail.detailTimer.push(timer);
  50 +
  51 + });
  52 +});
  1 +//tencent_cloud_plat_res_mariadb(腾讯云tdsql)详情页js
  2 +layui.define(['commonDetail','common'], function (exports) {
  3 + var commonDetail = layui.commonDetail;
  4 + var common = layui.common;
  5 + //对外暴露的接口
  6 + exports('tencent_cloud_plat_res_mariadb', function (data) {
  7 + var resId = '';
  8 + var showFlag = common.getUrlParam("show");
  9 + if(showFlag && showFlag == '0'){
  10 + resId = common.getUrlParam("resId");
  11 + }else{
  12 + resId = data.resId;
  13 + }
  14 + commonDetail.bindTips();
  15 +
  16 + //基本信息指标
  17 + var baseKpi = "KPICFE7F6A5,KPIECA37CB0,KPI917712A8,KPICCB7C3D9,KPI39C76443,KPI40E40BBD,KPI60C0DFAD";
  18 + //关键信息指标
  19 + var keyKpi = "KPI86DF5046,KPID1029770,KPI1584BE1C,KPICB805B91";
  20 + //DCN信息指标
  21 + var dcnKpi = "KPI93D11ED1,KPIC5FB1952,KPIF1379E3F";
  22 +
  23 + reload();
  24 +
  25 + //渲染页面
  26 + function reload() {
  27 + //基本信息
  28 + commonDetail.renderText("tencent_cloud_plat_res_mariadb_baseinfo",resId,baseKpi);
  29 + //关键信息
  30 + commonDetail.renderText("tencent_cloud_plat_res_mariadb_keyinfo",resId,keyKpi);
  31 + //DCN信息
  32 + commonDetail.renderText("tencent_cloud_plat_res_mariadb_dcninfo",resId,dcnKpi);
  33 + //CPU利用率
  34 + commonDetail.renderLineCharat("tencent_cloud_plat_res_mariadb_cpu_linechart",resId,"KPI7054BC34","CPU利用率","cpu");
  35 + //最大DB连接使用率
  36 + commonDetail.renderLineCharat("tencent_cloud_plat_res_mariadb_ConnUsageRate_linechart",resId,"KPI70233F69","最大DB连接使用率","ConnUsageRate");
  37 + //主从切换数
  38 + commonDetail.renderLineCharat("tencent_cloud_plat_res_mariadb_MasterSwitchedTotal_linechart",resId,"KPIED3B1BD1","主从切换数","MasterSwitchedTotal");
  39 + //耗时小于5ms请求数
  40 + commonDetail.renderLineCharat("tencent_cloud_plat_res_mariadb_TimeRange0_linechart",resId,"KPI83D31951","耗时小于5ms请求数","TimeRange0");
  41 + //耗时大于30ms请求数
  42 + commonDetail.renderLineCharat("tencent_cloud_plat_res_mariadb_TimeRange3_linechart",resId,"KPID1286BCB","耗时大于30ms请求数","TimeRange3");
  43 + //汇总活跃线程数
  44 + commonDetail.renderLineCharat("tencent_cloud_plat_res_mariadb_ActiveThreadCount_linechart",resId,"KPI8639CBAC","汇总活跃线程数","ActiveThreadCount");
  45 + //SQL总数
  46 + commonDetail.renderLineCharat("tencent_cloud_plat_res_mariadb_SQLTotal_linechart",resId,"KPI402F24E8","SQL总数","SQLTotal");
  47 + //SQL错误数
  48 + commonDetail.renderLineCharat("tencent_cloud_plat_res_mariadb_ErrorSQLTotal_linechart",resId,"KPID74AF81B","SQL错误数","ErrorSQLTotal");
  49 + //SQL成功数
  50 + commonDetail.renderLineCharat("tencent_cloud_plat_res_mariadb_SuccessSQLTotal_linechart",resId,"KPI1920354A","SQL成功数","SuccessSQLTotal");
  51 + //客户端总连接数
  52 + commonDetail.renderLineCharat("tencent_cloud_plat_res_mariadb_ClientConnTotal_linechart",resId,"KPIC29F4C6B","客户端总连接数","ClientConnTotal");
  53 + //活动告警
  54 + commonDetail.renderActiveAlarms("tencent_cloud_plat_res_mariadb_active_alarm",resId);
  55 + }
  56 +
  57 + //定时任务
  58 + var timer = setInterval(function () {
  59 + reload()
  60 + },commonDetail.timerTime);
  61 + commonDetail.detailTimer.push(timer);
  62 +
  63 + });
  64 +});
@@ -62,6 +62,12 @@ @@ -62,6 +62,12 @@
62 </div> 62 </div>
63 <div class="lay-row"> 63 <div class="lay-row">
64 <div class="lay-row-item"> 64 <div class="lay-row-item">
  65 + <h5 class="lay-row-title">POD信息<span id="tencent_cloud_plat_cluster_node_podDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="tencent_cloud_plat_cluster_node_podMore" class="layui-table-link">更多</span></h5>
  66 + <div id="tencent_cloud_plat_cluster_node_pod"></div>
  67 + </div>
  68 + </div>
  69 + <div class="lay-row">
  70 + <div class="lay-row-item">
65 <h5 class="lay-row-title">实时告警动态</h5> 71 <h5 class="lay-row-title">实时告警动态</h5>
66 <div id="tencent_cloud_plat_cluster_node_active_alarm"></div> 72 <div id="tencent_cloud_plat_cluster_node_active_alarm"></div>
67 </div> 73 </div>
  1 +<!--tencent_cloud_plat_physicshost详细页面-->
  2 +<article class="page-container template template_redis">
  3 + <div class="page-panel">
  4 + <div class="main">
  5 + <div class="layui-card">
  6 + <div class="layui-card-body">
  7 + <div class="lay-row">
  8 + <div class="lay-row-item lay-row-item--big">
  9 + <h5 class="lay-row-title">基本信息<i data-id="tencent_cloud_plat_physicshost_baseinfo" class="iconfont detail_base_info">&#xe61e;</i></h5>
  10 + <ul class="info-table" id="tencent_cloud_plat_physicshost_baseinfo"></ul>
  11 + </div>
  12 + <div class="lay-row-item lay-row-item--small">
  13 + <h5 class="lay-row-title">资源状态</h5>
  14 + <div class="res-state" id="tencent_cloud_plat_physicshost_health_state"></div>
  15 + </div>
  16 + </div>
  17 + <div class="lay-row">
  18 + <div class="lay-row-item">
  19 + <h5 class="lay-row-title">网络资源信息</h5>
  20 + <ul class="info-table" id="tencent_cloud_plat_physicshost_netresinfo"></ul>
  21 + </div>
  22 + <div class="lay-row-item">
  23 + <h5 class="lay-row-title">计算资源信息</h5>
  24 + <ul class="info-table" id="tencent_cloud_plat_physicshost_comresinfo"></ul>
  25 + </div>
  26 + <div class="lay-row-item">
  27 + <h5 class="lay-row-title">存储资源信息</h5>
  28 + <ul class="info-table" id="tencent_cloud_plat_physicshost_storesinfo"></ul>
  29 + </div>
  30 + </div>
  31 + <div class="lay-row">
  32 + <div class="lay-row-item">
  33 + <h5 class="lay-row-title">CPU使用率</h5>
  34 + <div id="tencent_cloud_plat_physicshost_CPU_linechart" class="detail_line_chart"></div>
  35 + </div>
  36 + <div class="lay-row-item">
  37 + <h5 class="lay-row-title">内存总量</h5>
  38 + <div id="tencent_cloud_plat_physicshost_mem_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_physicshost_memused_linechart" class="detail_line_chart"></div>
  43 + </div>
  44 + </div>
  45 + <div class="lay-row">
  46 + <div class="lay-row-item">
  47 + <h5 class="lay-row-title">SWAP总量</h5>
  48 + <div id="tencent_cloud_plat_physicshost_swap_linechart" class="detail_line_chart"></div>
  49 + </div>
  50 + <div class="lay-row-item">
  51 + <h5 class="lay-row-title">SWAP已使用大小</h5>
  52 + <div id="tencent_cloud_plat_physicshost_swapused_linechart" class="detail_line_chart"></div>
  53 + </div>
  54 + <div class="lay-row-item">
  55 + <h5 class="lay-row-title">硬盘读流量</h5>
  56 + <div id="tencent_cloud_plat_physicshost_disk_read_flow_linechart" class="detail_line_chart"></div>
  57 + </div>
  58 + </div>
  59 + <div class="lay-row">
  60 + <div class="lay-row-item">
  61 + <h5 class="lay-row-title">硬盘写流量</h5>
  62 + <div id="tencent_cloud_plat_physicshost_disk_write_flow_linechart" class="detail_line_chart"></div>
  63 + </div>
  64 + <div class="lay-row-item">
  65 + <h5 class="lay-row-title">硬盘读IOPS</h5>
  66 + <div id="tencent_cloud_plat_physicshost_disk_read_iops_linechart" class="detail_line_chart"></div>
  67 + </div>
  68 + <div class="lay-row-item">
  69 + <h5 class="lay-row-title">硬盘写IOPS</h5>
  70 + <div id="tencent_cloud_plat_physicshost_disk_write_iops_linechart" class="detail_line_chart"></div>
  71 + </div>
  72 + </div>
  73 + <div class="lay-row">
  74 + <div class="lay-row-item">
  75 + <h5 class="lay-row-title">root分区使用率</h5>
  76 + <div id="tencent_cloud_plat_physicshost_root_zone_linechart" class="detail_line_chart"></div>
  77 + </div>
  78 + <div class="lay-row-item">
  79 + <h5 class="lay-row-title">data分区使用率</h5>
  80 + <div id="tencent_cloud_plat_physicshost_data_zone_linechart" class="detail_line_chart"></div>
  81 + </div>
  82 + <div class="lay-row-item" style="border: 0px">
  83 + </div>
  84 + </div>
  85 + <div class="lay-row">
  86 + <div class="lay-row-item">
  87 + <h5 class="lay-row-title">实时告警动态</h5>
  88 + <div id="tencent_cloud_plat_physicshost_active_alarm"></div>
  89 + </div>
  90 + </div>
  91 + </div>
  92 + </div>
  93 + </div>
  94 + </div>
  95 +</article>
  96 +<textarea id="tencent_cloud_plat_physicshost_param_id" style="display: none;">{{d}}</textarea>
  97 +<script>
  98 + layui.use('tencent_cloud_plat_physicshost', function (fn) {
  99 + var $ = layui.$;
  100 + var parm = $("#tencent_cloud_plat_physicshost_param_id").val();
  101 + if(parm.indexOf('{{d') != -1){
  102 + fn();
  103 + }else{
  104 + fn(JSON.parse(parm));
  105 + }
  106 + });
  107 +</script>
  1 +<!--tencent_cloud_plat_res_load_balance详细页面-->
  2 +<article class="page-container template template_redis">
  3 + <div class="page-panel">
  4 + <div class="main">
  5 + <div class="layui-card">
  6 + <div class="layui-card-body">
  7 + <div class="lay-row">
  8 + <div class="lay-row-item">
  9 + <h5 class="lay-row-title">基本信息<i data-id="tencent_cloud_plat_res_load_balance_baseinfo" class="iconfont detail_base_info">&#xe61e;</i></h5>
  10 + <ul class="info-table" id="tencent_cloud_plat_res_load_balance_baseinfo"></ul>
  11 + </div>
  12 + <div class="lay-row-item">
  13 + <h5 class="lay-row-title">重要信息</h5>
  14 + <ul class="info-table" id="tencent_cloud_plat_res_load_balance_keyinfo"></ul>
  15 + </div>
  16 + </div>
  17 + <div class="lay-row">
  18 + <div class="lay-row-item">
  19 + <h5 class="lay-row-title">连接数</h5>
  20 + <div id="tencent_cloud_plat_res_load_balance_connections_linechart" class="detail_line_chart"></div>
  21 + </div>
  22 + <div class="lay-row-item">
  23 + <h5 class="lay-row-title">新建连接数</h5>
  24 + <div id="tencent_cloud_plat_res_load_balance_newSessionNum_linechart" class="detail_line_chart"></div>
  25 + </div>
  26 + <div class="lay-row-item">
  27 + <h5 class="lay-row-title">入带宽</h5>
  28 + <div id="tencent_cloud_plat_res_load_balance_intraffic_linechart" class="detail_line_chart"></div>
  29 + </div>
  30 + </div>
  31 + <div class="lay-row">
  32 + <div class="lay-row-item">
  33 + <h5 class="lay-row-title">出带宽</h5>
  34 + <div id="tencent_cloud_plat_res_load_balance_outtraffic_linechart" class="detail_line_chart"></div>
  35 + </div>
  36 + <div class="lay-row-item">
  37 + <h5 class="lay-row-title">入包量</h5>
  38 + <div id="tencent_cloud_plat_res_load_balance_inpkg_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_load_balance_outpkg_linechart" class="detail_line_chart"></div>
  43 + </div>
  44 + </div>
  45 + <div class="lay-row">
  46 + <div class="lay-row-item">
  47 + <h5 class="lay-row-title">实时告警动态</h5>
  48 + <div id="tencent_cloud_plat_res_load_balance_active_alarm"></div>
  49 + </div>
  50 + </div>
  51 + </div>
  52 + </div>
  53 + </div>
  54 + </div>
  55 +</article>
  56 +<textarea id="tencent_cloud_plat_res_load_balance_param_id" style="display: none;">{{d}}</textarea>
  57 +<script>
  58 + layui.use('tencent_cloud_plat_res_load_balance', function (fn) {
  59 + var $ = layui.$;
  60 + var parm = $("#tencent_cloud_plat_res_load_balance_param_id").val();
  61 + if(parm.indexOf('{{d') != -1){
  62 + fn();
  63 + }else{
  64 + fn(JSON.parse(parm));
  65 + }
  66 + });
  67 +</script>
  1 +<!--tencent_cloud_plat_res_mariadb详细页面-->
  2 +<article class="page-container template template_redis">
  3 + <div class="page-panel">
  4 + <div class="main">
  5 + <div class="layui-card">
  6 + <div class="layui-card-body">
  7 + <div class="lay-row">
  8 + <div class="lay-row-item">
  9 + <h5 class="lay-row-title">基本信息<i data-id="tencent_cloud_plat_res_mariadb_baseinfo" class="iconfont detail_base_info">&#xe61e;</i></h5>
  10 + <ul class="info-table" id="tencent_cloud_plat_res_mariadb_baseinfo"></ul>
  11 + </div>
  12 + <div class="lay-row-item">
  13 + <h5 class="lay-row-title">重要信息</h5>
  14 + <ul class="info-table" id="tencent_cloud_plat_res_mariadb_keyinfo"></ul>
  15 + </div>
  16 + <div class="lay-row-item">
  17 + <h5 class="lay-row-title">DCN信息</h5>
  18 + <ul class="info-table" id="tencent_cloud_plat_res_mariadb_dcninfo"></ul>
  19 + </div>
  20 + </div>
  21 + <div class="lay-row">
  22 + <div class="lay-row-item">
  23 + <h5 class="lay-row-title">CPU利用率</h5>
  24 + <div id="tencent_cloud_plat_res_mariadb_cpu_linechart" class="detail_line_chart"></div>
  25 + </div>
  26 + <div class="lay-row-item">
  27 + <h5 class="lay-row-title">最大DB连接使用率</h5>
  28 + <div id="tencent_cloud_plat_res_mariadb_ConnUsageRate_linechart" class="detail_line_chart"></div>
  29 + </div>
  30 + <div class="lay-row-item">
  31 + <h5 class="lay-row-title">主从切换次数</h5>
  32 + <div id="tencent_cloud_plat_res_mariadb_MasterSwitchedTotal_linechart" class="detail_line_chart"></div>
  33 + </div>
  34 + </div>
  35 + <div class="lay-row">
  36 + <div class="lay-row-item">
  37 + <h5 class="lay-row-title">耗时小于5ms请求数</h5>
  38 + <div id="tencent_cloud_plat_res_mariadb_TimeRange0_linechart" class="detail_line_chart"></div>
  39 + </div>
  40 + <div class="lay-row-item">
  41 + <h5 class="lay-row-title">耗时大于30ms请求数</h5>
  42 + <div id="tencent_cloud_plat_res_mariadb_TimeRange3_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_mariadb_ActiveThreadCount_linechart" class="detail_line_chart"></div>
  47 + </div>
  48 + </div>
  49 + <div class="lay-row">
  50 + <div class="lay-row-item">
  51 + <h5 class="lay-row-title">SQL总数</h5>
  52 + <div id="tencent_cloud_plat_res_mariadb_SQLTotal_linechart" class="detail_line_chart"></div>
  53 + </div>
  54 + <div class="lay-row-item">
  55 + <h5 class="lay-row-title">SQL错误数</h5>
  56 + <div id="tencent_cloud_plat_res_mariadb_ErrorSQLTotal_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_mariadb_SuccessSQLTotal_linechart" class="detail_line_chart"></div>
  61 + </div>
  62 + </div>
  63 + <div class="lay-row">
  64 + <div class="lay-row-item">
  65 + <h5 class="lay-row-title">客户端总连接数</h5>
  66 + <div id="tencent_cloud_plat_res_mariadb_ClientConnTotal_linechart" class="detail_line_chart"></div>
  67 + </div>
  68 + <div class="lay-row-item" style="border: 0px">
  69 + </div>
  70 + <div class="lay-row-item" style="border: 0px">
  71 + </div>
  72 + </div>
  73 + <div class="lay-row">
  74 + <div class="lay-row-item">
  75 + <h5 class="lay-row-title">实时告警动态</h5>
  76 + <div id="tencent_cloud_plat_res_mariadb_active_alarm"></div>
  77 + </div>
  78 + </div>
  79 + </div>
  80 + </div>
  81 + </div>
  82 + </div>
  83 +</article>
  84 +<textarea id="tencent_cloud_plat_res_mariadb_param_id" style="display: none;">{{d}}</textarea>
  85 +<script>
  86 + layui.use('tencent_cloud_plat_res_mariadb', function (fn) {
  87 + var $ = layui.$;
  88 + var parm = $("#tencent_cloud_plat_res_mariadb_param_id").val();
  89 + if(parm.indexOf('{{d') != -1){
  90 + fn();
  91 + }else{
  92 + fn(JSON.parse(parm));
  93 + }
  94 + });
  95 +</script>