monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 王涛
Commit c2422ad5db6a3a9cddfae86acf7d05a24a21de9a 2 parents 437246f1 899b00d0

Merge branch 'master-joke' into 'master' 

chore:增加腾讯云平台、腾讯云redis、腾讯云tdsql、腾讯云虚拟机详情页

chore:增加腾讯云平台、腾讯云redis、腾讯云tdsql、腾讯云虚拟机详情页

See merge request !1140
Inline Side-by-side
Showing 9 changed files with 598 additions and 0 deletions
@@ -2645,6 +2645,110 @@ layui.define(['soulTable', 'commonDetail', 'common', 'laytpl', 'view', 'admin', @@ -2645,6 +2645,110 @@ layui.define(['soulTable', 'commonDetail', 'common', 'laytpl', 'view', 'admin',
2645 {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true}, 2645 {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
2646 {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'} 2646 {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
2647 ], 2647 ],
  2648 + "TENCENT_CLOUD_PLAT": [
  2649 + {field: 'ip', title: 'IP地址', width: x_130, align: 'center', sort: true},
  2650 + {
  2651 + field: 'resName', title: '资源名称', minWidth: x_300, sort: true,
  2652 + templet: '#resindex_resName'
  2653 + },
  2654 + // {field: 'shortName', title: '别名', width: 100, align: 'center', sort: true, templet:'#shortNameTpl'},
  2655 + {field: 'health', title: '健康状态', width: x_120, align: 'center', sort: true, templet: '#healthTpl'},
  2656 + {field: 'memorySize', title: '内存大小', align: 'center', minWidth: x_110, sort: true, templet: '<div>{{d.memorySize}} GB</div>'},
  2657 + {field: 'lastColTime', title: '最近采集时间', width: x_160, align: 'center', sort: true},
  2658 + {field: 'linkState', title: '连接状态', align: 'center', width: x_120, templet: '#linkStateTpl', sort: true},
  2659 + {field: 'adminName', title: '负责人', width: x_130, align: 'center', sort: true},
  2660 + {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
  2661 + {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
  2662 + ],
  2663 + "TENCENT_CLOUD_PLAT_PHYSICSHOST": [
  2664 + {field: 'ip', title: 'IP地址', width: x_130, align: 'center', sort: true},
  2665 + {
  2666 + field: 'resName', title: '资源名称', minWidth: x_300, sort: true,
  2667 + templet: '#resindex_resName'
  2668 + },
  2669 + // {field: 'shortName', title: '别名', width: 100, align: 'center', sort: true, templet:'#shortNameTpl'},
  2670 + {field: 'health', title: '健康状态', width: x_120, align: 'center', sort: true, templet: '#healthTpl'},
  2671 + {field: 'memorySize', title: '内存大小', align: 'center', minWidth: x_110, sort: true, templet: '<div>{{d.memorySize}} GB</div>'},
  2672 + {field: 'lastColTime', title: '最近采集时间', width: x_160, align: 'center', sort: true},
  2673 + {field: 'linkState', title: '连接状态', align: 'center', width: x_120, templet: '#linkStateTpl', sort: true},
  2674 + {field: 'adminName', title: '负责人', width: x_130, align: 'center', sort: true},
  2675 + {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
  2676 + {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
  2677 + ],
  2678 + "TENCENT_CLOUD_PLAT_VIRTUALHOST": [
  2679 + {field: 'ip', title: 'IP地址', width: x_130, align: 'center', sort: true},
  2680 + {
  2681 + field: 'resName', title: '资源名称', minWidth: x_300, sort: true,
  2682 + templet: '#resindex_resName'
  2683 + },
  2684 + // {field: 'shortName', title: '别名', width: 100, align: 'center', sort: true, templet:'#shortNameTpl'},
  2685 + {field: 'health', title: '健康状态', width: x_120, align: 'center', sort: true, templet: '#healthTpl'},
  2686 + {field: 'memorySize', title: '内存大小', align: 'center', minWidth: x_110, sort: true, templet: '<div>{{d.memorySize}} GB</div>'},
  2687 + {field: 'lastColTime', title: '最近采集时间', width: x_160, align: 'center', sort: true},
  2688 + {field: 'linkState', title: '连接状态', align: 'center', width: x_120, templet: '#linkStateTpl', sort: true},
  2689 + {field: 'adminName', title: '负责人', width: x_130, align: 'center', sort: true},
  2690 + {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
  2691 + {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
  2692 + ],
  2693 + "TENCENT_CLOUD_PLAT_RES_TDSQLMYSQL": [
  2694 + {field: 'ip', title: 'IP地址', width: x_130, align: 'center', sort: true},
  2695 + {
  2696 + field: 'resName', title: '资源名称', minWidth: x_300, sort: true,
  2697 + templet: '#resindex_resName'
  2698 + },
  2699 + // {field: 'shortName', title: '别名', width: 100, align: 'center', sort: true, templet:'#shortNameTpl'},
  2700 + {field: 'health', title: '健康状态', width: x_120, align: 'center', sort: true, templet: '#healthTpl'},
  2701 + {field: 'memorySize', title: '内存大小', align: 'center', minWidth: x_110, sort: true, templet: '<div>{{d.memorySize}} GB</div>'},
  2702 + {field: 'lastColTime', title: '最近采集时间', width: x_160, align: 'center', sort: true},
  2703 + {field: 'linkState', title: '连接状态', align: 'center', width: x_120, templet: '#linkStateTpl', sort: true},
  2704 + {field: 'adminName', title: '负责人', width: x_130, align: 'center', sort: true},
  2705 + {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
  2706 + {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
  2707 + ],
  2708 + "TENCENT_CLOUD_PLAT_RES_REDIS": [
  2709 + {field: 'ip', title: 'IP地址', width: x_130, align: 'center', sort: true},
  2710 + {
  2711 + field: 'resName', title: '资源名称', minWidth: x_300, sort: true,
  2712 + templet: '#resindex_resName'
  2713 + },
  2714 + // {field: 'shortName', title: '别名', width: 100, align: 'center', sort: true, templet:'#shortNameTpl'},
  2715 + {field: 'health', title: '健康状态', width: x_120, align: 'center', sort: true, templet: '#healthTpl'},
  2716 + {field: 'lastColTime', title: '最近采集时间', width: x_160, align: 'center', sort: true},
  2717 + {field: 'linkState', title: '连接状态', align: 'center', width: x_120, templet: '#linkStateTpl', sort: true},
  2718 + {field: 'adminName', title: '负责人', width: x_130, align: 'center', sort: true},
  2719 + {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
  2720 + {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
  2721 + ],
  2722 +
  2723 + "TENCENT_CLOUD_PLAT_RES_CKAFKA": [
  2724 + {field: 'ip', title: 'IP地址', width: x_130, align: 'center', sort: true},
  2725 + {
  2726 + field: 'resName', title: '资源名称', minWidth: x_300, sort: true,
  2727 + templet: '#resindex_resName'
  2728 + },
  2729 + // {field: 'shortName', title: '别名', width: 100, align: 'center', sort: true, templet:'#shortNameTpl'},
  2730 + {field: 'health', title: '健康状态', width: x_120, align: 'center', sort: true, templet: '#healthTpl'},
  2731 + {field: 'lastColTime', title: '最近采集时间', width: x_160, align: 'center', sort: true},
  2732 + {field: 'linkState', title: '连接状态', align: 'center', width: x_120, templet: '#linkStateTpl', sort: true},
  2733 + {field: 'adminName', title: '负责人', width: x_130, align: 'center', sort: true},
  2734 + {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
  2735 + {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
  2736 + ],
  2737 +
  2738 + "TENCENT_CLOUD_PLAT_RES_DISK": [
  2739 + {field: 'ip', title: 'IP地址', width: x_130, align: 'center', sort: true},
  2740 + {
  2741 + field: 'resName', title: '资源名称', minWidth: x_300, sort: true,
  2742 + templet: '#resindex_resName'
  2743 + },
  2744 + // {field: 'shortName', title: '别名', width: 100, align: 'center', sort: true, templet:'#shortNameTpl'},
  2745 + {field: 'health', title: '健康状态', width: x_120, align: 'center', sort: true, templet: '#healthTpl'},
  2746 + {field: 'lastColTime', title: '最近采集时间', width: x_160, align: 'center', sort: true},
  2747 + {field: 'linkState', title: '连接状态', align: 'center', width: x_120, templet: '#linkStateTpl', sort: true},
  2748 + {field: 'adminName', title: '负责人', width: x_130, align: 'center', sort: true},
  2749 + {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
  2750 + {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
  2751 + ],
2648 }, 2752 },
2649 /** 2753 /**
2650 * 验证是否跳转详情页 2754 * 验证是否跳转详情页
  1 +//tencent_cloud_plat(腾讯云)详情页js
  2 +layui.define(['commonDetail','common'], function (exports) {
  3 + var commonDetail = layui.commonDetail;
  4 + var common = layui.common;
  5 + //对外暴露的接口
  6 + exports('tencent_cloud_plat', 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";
  18 + //配额信息指标
  19 + var settingKpi = "KPI765DC686,KPI082FF572,KPIACD20183,KPI3882E0B7,KPI70B7AF1D";
  20 +
  21 + reload();
  22 +
  23 + //渲染页面
  24 + function reload() {
  25 + //资源状态
  26 + commonDetail.renderResHealth("tencent_cloud_plat_health_state", resId);
  27 + //基本信息
  28 + commonDetail.renderText("tencent_cloud_plat_baseinfo",resId,baseKpi);
  29 + //配额信息
  30 + commonDetail.renderTable("tencent_cloud_plat_setting",false,resId,settingKpi,"配额信息","tencent_bill_");
  31 + //活动告警
  32 + commonDetail.renderActiveAlarms("tencent_cloud_plat_active_alarm",resId);
  33 + }
  34 +
  35 + //定时任务
  36 + var timer = setInterval(function () {
  37 + reload()
  38 + },commonDetail.timerTime);
  39 + commonDetail.detailTimer.push(timer);
  40 +
  41 + });
  42 +});
  1 +//tencent_cloud_plat_res_redis(腾讯云redis)详情页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_redis', 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,KPIA1CFDB4B,KPI2DC9105C,KPI39C76443,KPIE13DD9A3";
  18 + //关键信息指标
  19 + var keyKpi = "KPIFDF953D6,KPI4D0D4345,KP152C7778F,KPI7054BC34,KPI31CB8D97,KPI31CB8D97";
  20 + //实例信息指标
  21 + var instanceKpi = "KP11782D6AF,KPI352DE256,KPI39C76443,KPI7BB10A71,KPI1AEA4DE2,KPIECA37CB0,KPID9507511,KPIE035F0E7,KPIADAC3034,KPIC29F4C6B,KPIE349B543";
  22 + //性能信息指标
  23 + var performanceKpi = "KPI4576847F,KPIB429CC99,KPI06DE7A71,KPI2C626FF6,KPIFC03301B";
  24 +
  25 + reload();
  26 +
  27 + //渲染页面
  28 + function reload() {
  29 + //资源状态
  30 + commonDetail.renderResHealth("tencent_cloud_plat_res_redis_health_state", resId);
  31 + //基本信息
  32 + commonDetail.renderText("tencent_cloud_plat_res_redis_baseinfo",resId,baseKpi);
  33 + //关键信息
  34 + commonDetail.renderText("tencent_cloud_plat_res_redis_keyinfo",resId,keyKpi);
  35 + //实例信息
  36 + commonDetail.renderTextCols("tencent_cloud_plat_res_redis_instanceinfo",resId,instanceKpi,2,false);
  37 + //性能信息
  38 + commonDetail.renderText("tencent_cloud_plat_res_redis_performanceinfo",resId,performanceKpi);
  39 + //cpu使用率趋势图
  40 + commonDetail.renderLineCharat("tencent_cloud_plat_res_redis_cpu_linechart",resId,"KPI7054BC34","CPU使用率","cpu");
  41 + //内存使用率趋势图
  42 + commonDetail.renderLineCharat("tencent_cloud_plat_res_redis_mem_linechart",resId,"KPI31CB8D97","内存使用率","mem");
  43 + //入流量趋势图
  44 + commonDetail.renderLineCharat("tencent_cloud_plat_res_redis_indata_linechart",resId,"KPI4576847F","入流量","flow");
  45 + //出流量趋势图
  46 + commonDetail.renderLineCharat("tencent_cloud_plat_res_redis_outdata_linechart",resId,"KPIB429CC99","出流量","flow");
  47 + //活动告警
  48 + commonDetail.renderActiveAlarms("tencent_cloud_plat_res_redis_active_alarm",resId);
  49 + }
  50 +
  51 + //定时任务
  52 + var timer = setInterval(function () {
  53 + reload()
  54 + },commonDetail.timerTime);
  55 + commonDetail.detailTimer.push(timer);
  56 +
  57 + });
  58 +});
  1 +//tencent_cloud_plat_res_tdsqlmysql(腾讯云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_tdsqlmysql', 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,KPIA1CFDB4B,KPIECA37CB0,KPI917712A8,KPIEB82A68C";
  18 + //关键信息指标
  19 + var keyKpi = "KPI86DF5046,KPID1029770,KPI1584BE1C,KPICB805B91";
  20 + //网络信息指标
  21 + var networkKpi = "KPI60C0DFAD,KPIECC4D36E";
  22 + //数据库信息指标
  23 + var dbKpi = "KPI1782D6AF,KPI352DE256,KPI40E40BBD,KPIE035F0E7";
  24 + //DCN信息指标
  25 + var dcnKpi = "KPIA1CFDB4B,KPIC5FB1952,KPIF1379E3F";
  26 + //分片信息
  27 + var shardKpi = "KPI42A0C43D,KPID1029770,KPI1584BE1C,KPI40E40BBD,KPICB805B91,KPI067DEECB,KPIECA37CB0";
  28 +
  29 + reload();
  30 +
  31 + //渲染页面
  32 + function reload() {
  33 + //资源状态
  34 + commonDetail.renderResHealth("tencent_cloud_plat_res_tdsqlmysql_health_state", resId);
  35 + //基本信息
  36 + commonDetail.renderText("tencent_cloud_plat_res_tdsqlmysql_baseinfo",resId,baseKpi);
  37 + //关键信息
  38 + commonDetail.renderText("tencent_cloud_plat_res_tdsqlmysql_keyinfo",resId,keyKpi);
  39 + //网络信息
  40 + commonDetail.renderText("tencent_cloud_plat_res_tdsqlmysql_networkinfo",resId,networkKpi);
  41 + //数据库信息
  42 + commonDetail.renderText("tencent_cloud_plat_res_tdsqlmysql_dbinfo",resId,dbKpi);
  43 + //DCN信息
  44 + commonDetail.renderText("tencent_cloud_plat_res_tdsqlmysql_dcninfo",resId,dcnKpi);
  45 + //分片信息
  46 + commonDetail.renderTable("tencent_cloud_plat_res_tdsqlmysql_shard",false,resId,shardKpi,"分片信息","shard-");
  47 + //活动告警
  48 + commonDetail.renderActiveAlarms("tencent_cloud_plat_res_tdsqlmysql_active_alarm",resId);
  49 + }
  50 +
  51 + //定时任务
  52 + var timer = setInterval(function () {
  53 + reload()
  54 + },commonDetail.timerTime);
  55 + commonDetail.detailTimer.push(timer);
  56 +
  57 + });
  58 +});
  1 +//tencent_cloud_plat_virtualhost(腾讯云虚拟机)详情页js
  2 +layui.define(['commonDetail','common'], function (exports) {
  3 + var commonDetail = layui.commonDetail;
  4 + var common = layui.common;
  5 + //对外暴露的接口
  6 + exports('tencent_cloud_plat_virtualhost', 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,KPI1782D6AF,KPI352DE256,KPI30D23EF4";
  18 + //关键信息指标
  19 + var keyKpi = "KPI60C0DFAD,KPI86DF5046";
  20 + //网络资源指标
  21 + var netresKpi = "KPI73562B2B,KPI0EDB5CF2,KPI322BD31F,KPI8204B6B6";
  22 + //计算资源指标
  23 + var comresKpi = "KPID1029770,KPI7054BC34,KPI31CB8D97,KPI1584BE1C,KPI31CB8D97";
  24 + //存储资源指标
  25 + var storesKpi = "KPICF4940F7,KPI6C16A077,KPIE7E304C4,KPI28E8B622,KPI5DC210DE,KPI25D46638,KPI9F00C7A6";
  26 + //数据磁盘信息
  27 + var dataDiskKpi = "KPI88DAC848,KPIBF0BA618,KPI586AF89F,KPI986562E1";
  28 + //系统盘信息
  29 + var diskKpi = "KPIC261B2F8,KPI517ACBD3,KPIDA257C95";
  30 +
  31 + reload();
  32 +
  33 + //渲染页面
  34 + function reload() {
  35 + //资源状态
  36 + commonDetail.renderResHealth("tencent_cloud_plat_virtualhost_health_state", resId);
  37 + //基本信息
  38 + commonDetail.renderText("tencent_cloud_plat_virtualhost_baseinfo",resId,baseKpi);
  39 + //关键信息
  40 + commonDetail.renderText("tencent_cloud_plat_virtualhost_keyinfo",resId,keyKpi);
  41 + //网络资源信息
  42 + commonDetail.renderText("tencent_cloud_plat_virtualhost_networkinfo",resId,netresKpi);
  43 + //计算资源信息
  44 + commonDetail.renderText("tencent_cloud_plat_virtualhost_dbinfo",resId,comresKpi);
  45 + //存储资源信息
  46 + commonDetail.renderText("tencent_cloud_plat_virtualhost_dcninfo",resId,storesKpi);
  47 + //cpu使用率趋势图
  48 + commonDetail.renderLineCharat("tencent_cloud_plat_virtualhost_cpu_linechart",resId,"KPI7054BC34","CPU使用率","cpu");
  49 + //内存使用率趋势图
  50 + commonDetail.renderLineCharat("tencent_cloud_plat_virtualhost_mem_linechart",resId,"KPI31CB8D97","内存使用率","mem");
  51 + //硬盘读流量
  52 + commonDetail.renderLineCharat("tencent_cloud_plat_virtualhost_readflow_linechart",resId,"KPICF4940F7","硬盘读流量","disk_read_traffic");
  53 + //硬盘写流量
  54 + commonDetail.renderLineCharat("tencent_cloud_plat_virtualhost_writeflow_linechart",resId,"KPI6C16A077","硬盘写流量","disk_write_traffic");
  55 + //数据磁盘信息
  56 + commonDetail.renderTable("tencent_cloud_plat_virtualhost_dataDisk",false,resId,dataDiskKpi,"数据磁盘信息","dataDisk-");
  57 + //系统盘信息
  58 + commonDetail.renderTable("tencent_cloud_plat_virtualhost_disk",false,resId,diskKpi,"系统盘信息","systemDisk-");
  59 + //活动告警
  60 + commonDetail.renderActiveAlarms("tencent_cloud_plat_virtualhost_active_alarm",resId);
  61 + }
  62 +
  63 + //定时任务
  64 + var timer = setInterval(function () {
  65 + reload()
  66 + },commonDetail.timerTime);
  67 + commonDetail.detailTimer.push(timer);
  68 +
  69 + });
  70 +});
  1 +<!--tencent_cloud_plat详细页面-->
  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--big">
  9 + <h5 class="lay-row-title">基本信息<i data-id="tencent_cloud_plat_baseinfo" class="iconfont detail_base_info">&#xe61e;</i></h5>
  10 + <ul class="info-table" id="tencent_cloud_plat_baseinfo"></ul>
  11 + </div>
  12 + <div class="lay-row-item--small">
  13 + <h5 class="lay-row-title">资源状态</h5>
  14 + <div class="res-state" id="tencent_cloud_plat_health_state"></div>
  15 + </div>
  16 + </div>
  17 + <div class="lay-row">
  18 + <div class="lay-row-item">
  19 + <h5 class="lay-row-title">配额信息<span id="tencent_cloud_plat_settingDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="tencent_cloud_plat_settingMore" class="layui-table-link">更多</span></h5>
  20 + <div id="tencent_cloud_plat_setting"></div>
  21 + </div>
  22 + </div>
  23 + <div class="lay-row">
  24 + <div class="lay-row-item">
  25 + <h5 class="lay-row-title">实时告警动态</h5>
  26 + <div id="tencent_cloud_plat_active_alarm"></div>
  27 + </div>
  28 + </div>
  29 + </div>
  30 + </div>
  31 + </div>
  32 + </div>
  33 +</article>
  34 +<textarea id="tencent_cloud_plat_param_id" style="display: none;">{{d}}</textarea>
  35 +<script>
  36 + layui.use('tencent_cloud_plat', function (fn) {
  37 + var $ = layui.$;
  38 + var parm = $("#tencent_cloud_plat_param_id").val();
  39 + if(parm.indexOf('{{d') != -1){
  40 + fn();
  41 + }else{
  42 + fn(JSON.parse(parm));
  43 + }
  44 + });
  45 +</script>
  1 +<!--tencent_cloud_plat_res_redis详细页面-->
  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_redis_baseinfo" class="iconfont detail_base_info">&#xe61e;</i></h5>
  10 + <ul class="info-table" id="tencent_cloud_plat_res_redis_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_redis_keyinfo"></ul>
  15 + </div>
  16 + <div class="lay-row-item">
  17 + <h5 class="lay-row-title">资源状态</h5>
  18 + <div class="res-state" id="tencent_cloud_plat_res_redis_health_state"></div>
  19 + </div>
  20 + </div>
  21 + <div class="lay-row">
  22 + <div class="lay-row-item--big">
  23 + <h5 class="lay-row-title">实例信息</h5>
  24 + <ul class="info-table" id="tencent_cloud_plat_res_redis_instanceinfo"></ul>
  25 + </div>
  26 + <div class="lay-row-item--small">
  27 + <h5 class="lay-row-title">性能信息</h5>
  28 + <ul class="info-table" id="tencent_cloud_plat_res_redis_performanceinfo"></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_res_redis_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_res_redis_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_res_redis_indata_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_redis_outdata_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">实时告警动态</h5>
  52 + <div id="tencent_cloud_plat_res_redis_active_alarm"></div>
  53 + </div>
  54 + </div>
  55 + </div>
  56 + </div>
  57 + </div>
  58 + </div>
  59 +</article>
  60 +<textarea id="tencent_cloud_plat_res_redis_param_id" style="display: none;">{{d}}</textarea>
  61 +<script>
  62 + layui.use('tencent_cloud_plat_res_redis', function (fn) {
  63 + var $ = layui.$;
  64 + var parm = $("#tencent_cloud_plat_res_redis_param_id").val();
  65 + if(parm.indexOf('{{d') != -1){
  66 + fn();
  67 + }else{
  68 + fn(JSON.parse(parm));
  69 + }
  70 + });
  71 +</script>
  1 +<!--tencent_cloud_plat_res_tdsqlmysql详细页面-->
  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_tdsqlmysql_baseinfo" class="iconfont detail_base_info">&#xe61e;</i></h5>
  10 + <ul class="info-table" id="tencent_cloud_plat_res_tdsqlmysql_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_tdsqlmysql_keyinfo"></ul>
  15 + </div>
  16 + <div class="lay-row-item">
  17 + <h5 class="lay-row-title">资源状态</h5>
  18 + <div class="res-state" id="tencent_cloud_plat_res_tdsqlmysql_health_state"></div>
  19 + </div>
  20 + </div>
  21 + <div class="lay-row">
  22 + <div class="lay-row-item">
  23 + <h5 class="lay-row-title">网络信息</h5>
  24 + <ul class="info-table" id="tencent_cloud_plat_res_tdsqlmysql_networkinfo"></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_res_tdsqlmysql_dbinfo"></ul>
  29 + </div>
  30 + <div class="lay-row-item">
  31 + <h5 class="lay-row-title">DCN信息</h5>
  32 + <ul class="info-table" id="tencent_cloud_plat_res_tdsqlmysql_dcninfo"></ul>
  33 + </div>
  34 + </div>
  35 + <div class="lay-row">
  36 + <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>
  38 + <div id="tencent_cloud_plat_res_tdsqlmysql_shard"></div>
  39 + </div>
  40 + </div>
  41 + <div class="lay-row">
  42 + <div class="lay-row-item">
  43 + <h5 class="lay-row-title">实时告警动态</h5>
  44 + <div id="tencent_cloud_plat_res_tdsqlmysql_active_alarm"></div>
  45 + </div>
  46 + </div>
  47 + </div>
  48 + </div>
  49 + </div>
  50 + </div>
  51 +</article>
  52 +<textarea id="tencent_cloud_plat_res_tdsqlmysql_param_id" style="display: none;">{{d}}</textarea>
  53 +<script>
  54 + layui.use('tencent_cloud_plat_res_tdsqlmysql', function (fn) {
  55 + var $ = layui.$;
  56 + var parm = $("#tencent_cloud_plat_res_tdsqlmysql_param_id").val();
  57 + if(parm.indexOf('{{d') != -1){
  58 + fn();
  59 + }else{
  60 + fn(JSON.parse(parm));
  61 + }
  62 + });
  63 +</script>
  1 +<!--tencent_cloud_plat_virtualhost详细页面-->
  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_virtualhost_baseinfo" class="iconfont detail_base_info">&#xe61e;</i></h5>
  10 + <ul class="info-table" id="tencent_cloud_plat_virtualhost_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_virtualhost_keyinfo"></ul>
  15 + </div>
  16 + <div class="lay-row-item">
  17 + <h5 class="lay-row-title">资源状态</h5>
  18 + <div class="res-state" id="tencent_cloud_plat_virtualhost_health_state"></div>
  19 + </div>
  20 + </div>
  21 + <div class="lay-row">
  22 + <div class="lay-row-item">
  23 + <h5 class="lay-row-title">网络资源信息</h5>
  24 + <ul class="info-table" id="tencent_cloud_plat_virtualhost_netresinfo"></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_virtualhost_comresinfo"></ul>
  29 + </div>
  30 + <div class="lay-row-item">
  31 + <h5 class="lay-row-title">存储资源信息</h5>
  32 + <ul class="info-table" id="tencent_cloud_plat_virtualhost_storesinfo"></ul>
  33 + </div>
  34 + </div>
  35 + <div class="lay-row">
  36 + <div class="lay-row-item">
  37 + <h5 class="lay-row-title">CPU使用率</h5>
  38 + <div id="tencent_cloud_plat_virtualhost_cpu_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_virtualhost_mem_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_virtualhost_readflow_linechart" class="detail_line_chart"></div>
  47 + </div>
  48 + <div class="lay-row-item">
  49 + <h5 class="lay-row-title">硬盘写流量</h5>
  50 + <div id="tencent_cloud_plat_virtualhost_writeflow_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">数据磁盘信息<span id="tencent_cloud_plat_virtualhost_dataDiskDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="tencent_cloud_plat_virtualhost_dataDiskMore" class="layui-table-link">更多</span></h5>
  56 + <div id="tencent_cloud_plat_virtualhost_dataDisk"></div>
  57 + </div>
  58 + </div>
  59 + <div class="lay-row">
  60 + <div class="lay-row-item">
  61 + <h5 class="lay-row-title">系统盘信息<span id="tencent_cloud_plat_virtualhost_diskDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="tencent_cloud_plat_virtualhost_diskMore" class="layui-table-link">更多</span></h5>
  62 + <div id="tencent_cloud_plat_virtualhost_disk"></div>
  63 + </div>
  64 + </div>
  65 + <div class="lay-row">
  66 + <div class="lay-row-item">
  67 + <h5 class="lay-row-title">实时告警动态</h5>
  68 + <div id="tencent_cloud_plat_virtualhost_active_alarm"></div>
  69 + </div>
  70 + </div>
  71 + </div>
  72 + </div>
  73 + </div>
  74 + </div>
  75 +</article>
  76 +<textarea id="tencent_cloud_plat_virtualhost_param_id" style="display: none;">{{d}}</textarea>
  77 +<script>
  78 + layui.use('tencent_cloud_plat_virtualhost', function (fn) {
  79 + var $ = layui.$;
  80 + var parm = $("#tencent_cloud_plat_virtualhost_param_id").val();
  81 + if(parm.indexOf('{{d') != -1){
  82 + fn();
  83 + }else{
  84 + fn(JSON.parse(parm));
  85 + }
  86 + });
  87 +</script>