Merge branch 'master-joke' into 'master'

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

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

See merge request !1140

@@ -2645,6 +2645,110 @@ layui.define(['soulTable', 'commonDetail', 'common', 'laytpl', 'view', 'admin',
                 {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
                 {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
             ],
+            "TENCENT_CLOUD_PLAT": [
+                {field: 'ip', title: 'IP地址', width: x_130, align: 'center', sort: true},
+                {
+                    field: 'resName', title: '资源名称', minWidth: x_300, sort: true,
+                    templet: '#resindex_resName'
+                },
+                // {field: 'shortName', title: '别名', width: 100, align: 'center', sort: true, templet:'#shortNameTpl'},
+                {field: 'health', title: '健康状态', width: x_120, align: 'center', sort: true, templet: '#healthTpl'},
+                {field: 'memorySize', title: '内存大小', align: 'center', minWidth: x_110, sort: true, templet: '<div>{{d.memorySize}} GB</div>'},
+                {field: 'lastColTime', title: '最近采集时间', width: x_160, align: 'center', sort: true},
+                {field: 'linkState', title: '连接状态', align: 'center', width: x_120, templet: '#linkStateTpl', sort: true},
+                {field: 'adminName', title: '负责人', width: x_130, align: 'center', sort: true},
+                {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
+                {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
+            ],
+            "TENCENT_CLOUD_PLAT_PHYSICSHOST": [
+                {field: 'ip', title: 'IP地址', width: x_130, align: 'center', sort: true},
+                {
+                    field: 'resName', title: '资源名称', minWidth: x_300, sort: true,
+                    templet: '#resindex_resName'
+                },
+                // {field: 'shortName', title: '别名', width: 100, align: 'center', sort: true, templet:'#shortNameTpl'},
+                {field: 'health', title: '健康状态', width: x_120, align: 'center', sort: true, templet: '#healthTpl'},
+                {field: 'memorySize', title: '内存大小', align: 'center', minWidth: x_110, sort: true, templet: '<div>{{d.memorySize}} GB</div>'},
+                {field: 'lastColTime', title: '最近采集时间', width: x_160, align: 'center', sort: true},
+                {field: 'linkState', title: '连接状态', align: 'center', width: x_120, templet: '#linkStateTpl', sort: true},
+                {field: 'adminName', title: '负责人', width: x_130, align: 'center', sort: true},
+                {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
+                {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
+            ],
+            "TENCENT_CLOUD_PLAT_VIRTUALHOST": [
+                {field: 'ip', title: 'IP地址', width: x_130, align: 'center', sort: true},
+                {
+                    field: 'resName', title: '资源名称', minWidth: x_300, sort: true,
+                    templet: '#resindex_resName'
+                },
+                // {field: 'shortName', title: '别名', width: 100, align: 'center', sort: true, templet:'#shortNameTpl'},
+                {field: 'health', title: '健康状态', width: x_120, align: 'center', sort: true, templet: '#healthTpl'},
+                {field: 'memorySize', title: '内存大小', align: 'center', minWidth: x_110, sort: true, templet: '<div>{{d.memorySize}} GB</div>'},
+                {field: 'lastColTime', title: '最近采集时间', width: x_160, align: 'center', sort: true},
+                {field: 'linkState', title: '连接状态', align: 'center', width: x_120, templet: '#linkStateTpl', sort: true},
+                {field: 'adminName', title: '负责人', width: x_130, align: 'center', sort: true},
+                {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
+                {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
+            ],
+            "TENCENT_CLOUD_PLAT_RES_TDSQLMYSQL": [
+                {field: 'ip', title: 'IP地址', width: x_130, align: 'center', sort: true},
+                {
+                    field: 'resName', title: '资源名称', minWidth: x_300, sort: true,
+                    templet: '#resindex_resName'
+                },
+                // {field: 'shortName', title: '别名', width: 100, align: 'center', sort: true, templet:'#shortNameTpl'},
+                {field: 'health', title: '健康状态', width: x_120, align: 'center', sort: true, templet: '#healthTpl'},
+                {field: 'memorySize', title: '内存大小', align: 'center', minWidth: x_110, sort: true, templet: '<div>{{d.memorySize}} GB</div>'},
+                {field: 'lastColTime', title: '最近采集时间', width: x_160, align: 'center', sort: true},
+                {field: 'linkState', title: '连接状态', align: 'center', width: x_120, templet: '#linkStateTpl', sort: true},
+                {field: 'adminName', title: '负责人', width: x_130, align: 'center', sort: true},
+                {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
+                {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
+            ],
+            "TENCENT_CLOUD_PLAT_RES_REDIS": [
+                {field: 'ip', title: 'IP地址', width: x_130, align: 'center', sort: true},
+                {
+                    field: 'resName', title: '资源名称', minWidth: x_300, sort: true,
+                    templet: '#resindex_resName'
+                },
+                // {field: 'shortName', title: '别名', width: 100, align: 'center', sort: true, templet:'#shortNameTpl'},
+                {field: 'health', title: '健康状态', width: x_120, align: 'center', sort: true, templet: '#healthTpl'},
+                {field: 'lastColTime', title: '最近采集时间', width: x_160, align: 'center', sort: true},
+                {field: 'linkState', title: '连接状态', align: 'center', width: x_120, templet: '#linkStateTpl', sort: true},
+                {field: 'adminName', title: '负责人', width: x_130, align: 'center', sort: true},
+                {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
+                {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
+            ],
+
+            "TENCENT_CLOUD_PLAT_RES_CKAFKA": [
+                {field: 'ip', title: 'IP地址', width: x_130, align: 'center', sort: true},
+                {
+                    field: 'resName', title: '资源名称', minWidth: x_300, sort: true,
+                    templet: '#resindex_resName'
+                },
+                // {field: 'shortName', title: '别名', width: 100, align: 'center', sort: true, templet:'#shortNameTpl'},
+                {field: 'health', title: '健康状态', width: x_120, align: 'center', sort: true, templet: '#healthTpl'},
+                {field: 'lastColTime', title: '最近采集时间', width: x_160, align: 'center', sort: true},
+                {field: 'linkState', title: '连接状态', align: 'center', width: x_120, templet: '#linkStateTpl', sort: true},
+                {field: 'adminName', title: '负责人', width: x_130, align: 'center', sort: true},
+                {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
+                {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
+            ],
+
+            "TENCENT_CLOUD_PLAT_RES_DISK": [
+                {field: 'ip', title: 'IP地址', width: x_130, align: 'center', sort: true},
+                {
+                    field: 'resName', title: '资源名称', minWidth: x_300, sort: true,
+                    templet: '#resindex_resName'
+                },
+                // {field: 'shortName', title: '别名', width: 100, align: 'center', sort: true, templet:'#shortNameTpl'},
+                {field: 'health', title: '健康状态', width: x_120, align: 'center', sort: true, templet: '#healthTpl'},
+                {field: 'lastColTime', title: '最近采集时间', width: x_160, align: 'center', sort: true},
+                {field: 'linkState', title: '连接状态', align: 'center', width: x_120, templet: '#linkStateTpl', sort: true},
+                {field: 'adminName', title: '负责人', width: x_130, align: 'center', sort: true},
+                {field: 'adminPhone', title: '负责人电话', width: x_130, align: 'center', sort: true},
+                {field: 'state', title: '资源状态', width: x_110, align: 'center', sort: true, templet: '#resStateTpl'}
+            ],
         },
         /**
          * 验证是否跳转详情页

+//tencent_cloud_plat(腾讯云)详情页js
+layui.define(['commonDetail','common'], function (exports) {
+    var commonDetail = layui.commonDetail;
+    var common = layui.common;
+    //对外暴露的接口
+    exports('tencent_cloud_plat', function (data) {
+        var resId = '';
+        var showFlag = common.getUrlParam("show");
+        if(showFlag  && showFlag == '0'){
+            resId = common.getUrlParam("resId");
+        }else{
+            resId = data.resId;
+        }
+        commonDetail.bindTips();
+
+        //基本信息指标
+        var baseKpi = "KPIE13DD9A3,KPIF74D9D2B";
+        //配额信息指标
+        var settingKpi = "KPI765DC686,KPI082FF572,KPIACD20183,KPI3882E0B7,KPI70B7AF1D";
+
+        reload();
+
+        //渲染页面
+        function reload() {
+            //资源状态
+            commonDetail.renderResHealth("tencent_cloud_plat_health_state", resId);
+            //基本信息
+            commonDetail.renderText("tencent_cloud_plat_baseinfo",resId,baseKpi);
+            //配额信息
+            commonDetail.renderTable("tencent_cloud_plat_setting",false,resId,settingKpi,"配额信息","tencent_bill_");
+            //活动告警
+            commonDetail.renderActiveAlarms("tencent_cloud_plat_active_alarm",resId);
+        }
+
+        //定时任务
+        var timer = setInterval(function () {
+            reload()
+        },commonDetail.timerTime);
+        commonDetail.detailTimer.push(timer);
+
+    });
+});
\ No newline at end of file

+//tencent_cloud_plat_res_redis(腾讯云redis)详情页js
+layui.define(['commonDetail','common'], function (exports) {
+    var commonDetail = layui.commonDetail;
+    var common = layui.common;
+    //对外暴露的接口
+    exports('tencent_cloud_plat_res_redis', function (data) {
+        var resId = '';
+        var showFlag = common.getUrlParam("show");
+        if(showFlag  && showFlag == '0'){
+            resId = common.getUrlParam("resId");
+        }else{
+            resId = data.resId;
+        }
+        commonDetail.bindTips();
+
+        //基本信息指标
+        var baseKpi = "KPIE13DD9A3,KPIF74D9D2B,KPIA1CFDB4B,KPI2DC9105C,KPI39C76443,KPIE13DD9A3";
+        //关键信息指标
+        var keyKpi = "KPIFDF953D6,KPI4D0D4345,KP152C7778F,KPI7054BC34,KPI31CB8D97,KPI31CB8D97";
+        //实例信息指标
+        var instanceKpi = "KP11782D6AF,KPI352DE256,KPI39C76443,KPI7BB10A71,KPI1AEA4DE2,KPIECA37CB0,KPID9507511,KPIE035F0E7,KPIADAC3034,KPIC29F4C6B,KPIE349B543";
+        //性能信息指标
+        var performanceKpi = "KPI4576847F,KPIB429CC99,KPI06DE7A71,KPI2C626FF6,KPIFC03301B";
+
+        reload();
+
+        //渲染页面
+        function reload() {
+            //资源状态
+            commonDetail.renderResHealth("tencent_cloud_plat_res_redis_health_state", resId);
+            //基本信息
+            commonDetail.renderText("tencent_cloud_plat_res_redis_baseinfo",resId,baseKpi);
+            //关键信息
+            commonDetail.renderText("tencent_cloud_plat_res_redis_keyinfo",resId,keyKpi);
+            //实例信息
+            commonDetail.renderTextCols("tencent_cloud_plat_res_redis_instanceinfo",resId,instanceKpi,2,false);
+            //性能信息
+            commonDetail.renderText("tencent_cloud_plat_res_redis_performanceinfo",resId,performanceKpi);
+            //cpu使用率趋势图
+            commonDetail.renderLineCharat("tencent_cloud_plat_res_redis_cpu_linechart",resId,"KPI7054BC34","CPU使用率","cpu");
+            //内存使用率趋势图
+            commonDetail.renderLineCharat("tencent_cloud_plat_res_redis_mem_linechart",resId,"KPI31CB8D97","内存使用率","mem");
+            //入流量趋势图
+            commonDetail.renderLineCharat("tencent_cloud_plat_res_redis_indata_linechart",resId,"KPI4576847F","入流量","flow");
+            //出流量趋势图
+            commonDetail.renderLineCharat("tencent_cloud_plat_res_redis_outdata_linechart",resId,"KPIB429CC99","出流量","flow");
+            //活动告警
+            commonDetail.renderActiveAlarms("tencent_cloud_plat_res_redis_active_alarm",resId);
+        }
+
+        //定时任务
+        var timer = setInterval(function () {
+            reload()
+        },commonDetail.timerTime);
+        commonDetail.detailTimer.push(timer);
+
+    });
+});
\ No newline at end of file

+//tencent_cloud_plat_res_tdsqlmysql(腾讯云tdsql)详情页js
+layui.define(['commonDetail','common'], function (exports) {
+    var commonDetail = layui.commonDetail;
+    var common = layui.common;
+    //对外暴露的接口
+    exports('tencent_cloud_plat_res_tdsqlmysql', function (data) {
+        var resId = '';
+        var showFlag = common.getUrlParam("show");
+        if(showFlag  && showFlag == '0'){
+            resId = common.getUrlParam("resId");
+        }else{
+            resId = data.resId;
+        }
+        commonDetail.bindTips();
+
+        //基本信息指标
+        var baseKpi = "KPIE13DD9A3,KPIF74D9D2B,KPIA1CFDB4B,KPIECA37CB0,KPI917712A8,KPIEB82A68C";
+        //关键信息指标
+        var keyKpi = "KPI86DF5046,KPID1029770,KPI1584BE1C,KPICB805B91";
+        //网络信息指标
+        var networkKpi = "KPI60C0DFAD,KPIECC4D36E";
+        //数据库信息指标
+        var dbKpi = "KPI1782D6AF,KPI352DE256,KPI40E40BBD,KPIE035F0E7";
+        //DCN信息指标
+        var dcnKpi = "KPIA1CFDB4B,KPIC5FB1952,KPIF1379E3F";
+        //分片信息
+        var shardKpi = "KPI42A0C43D,KPID1029770,KPI1584BE1C,KPI40E40BBD,KPICB805B91,KPI067DEECB,KPIECA37CB0";
+
+        reload();
+
+        //渲染页面
+        function reload() {
+            //资源状态
+            commonDetail.renderResHealth("tencent_cloud_plat_res_tdsqlmysql_health_state", resId);
+            //基本信息
+            commonDetail.renderText("tencent_cloud_plat_res_tdsqlmysql_baseinfo",resId,baseKpi);
+            //关键信息
+            commonDetail.renderText("tencent_cloud_plat_res_tdsqlmysql_keyinfo",resId,keyKpi);
+            //网络信息
+            commonDetail.renderText("tencent_cloud_plat_res_tdsqlmysql_networkinfo",resId,networkKpi);
+            //数据库信息
+            commonDetail.renderText("tencent_cloud_plat_res_tdsqlmysql_dbinfo",resId,dbKpi);
+            //DCN信息
+            commonDetail.renderText("tencent_cloud_plat_res_tdsqlmysql_dcninfo",resId,dcnKpi);
+            //分片信息
+            commonDetail.renderTable("tencent_cloud_plat_res_tdsqlmysql_shard",false,resId,shardKpi,"分片信息","shard-");
+            //活动告警
+            commonDetail.renderActiveAlarms("tencent_cloud_plat_res_tdsqlmysql_active_alarm",resId);
+        }
+
+        //定时任务
+        var timer = setInterval(function () {
+            reload()
+        },commonDetail.timerTime);
+        commonDetail.detailTimer.push(timer);
+
+    });
+});
\ No newline at end of file

+//tencent_cloud_plat_virtualhost(腾讯云虚拟机)详情页js
+layui.define(['commonDetail','common'], function (exports) {
+    var commonDetail = layui.commonDetail;
+    var common = layui.common;
+    //对外暴露的接口
+    exports('tencent_cloud_plat_virtualhost', function (data) {
+        var resId = '';
+        var showFlag = common.getUrlParam("show");
+        if(showFlag  && showFlag == '0'){
+            resId = common.getUrlParam("resId");
+        }else{
+            resId = data.resId;
+        }
+        commonDetail.bindTips();
+
+        //基本信息指标
+        var baseKpi = "KPIE13DD9A3,KPIF74D9D2B,KPI1782D6AF,KPI352DE256,KPI30D23EF4";
+        //关键信息指标
+        var keyKpi = "KPI60C0DFAD,KPI86DF5046";
+        //网络资源指标
+        var netresKpi = "KPI73562B2B,KPI0EDB5CF2,KPI322BD31F,KPI8204B6B6";
+        //计算资源指标
+        var comresKpi = "KPID1029770,KPI7054BC34,KPI31CB8D97,KPI1584BE1C,KPI31CB8D97";
+        //存储资源指标
+        var storesKpi = "KPICF4940F7,KPI6C16A077,KPIE7E304C4,KPI28E8B622,KPI5DC210DE,KPI25D46638,KPI9F00C7A6";
+        //数据磁盘信息
+        var dataDiskKpi = "KPI88DAC848,KPIBF0BA618,KPI586AF89F,KPI986562E1";
+        //系统盘信息
+        var diskKpi = "KPIC261B2F8,KPI517ACBD3,KPIDA257C95";
+
+        reload();
+
+        //渲染页面
+        function reload() {
+            //资源状态
+            commonDetail.renderResHealth("tencent_cloud_plat_virtualhost_health_state", resId);
+            //基本信息
+            commonDetail.renderText("tencent_cloud_plat_virtualhost_baseinfo",resId,baseKpi);
+            //关键信息
+            commonDetail.renderText("tencent_cloud_plat_virtualhost_keyinfo",resId,keyKpi);
+            //网络资源信息
+            commonDetail.renderText("tencent_cloud_plat_virtualhost_networkinfo",resId,netresKpi);
+            //计算资源信息
+            commonDetail.renderText("tencent_cloud_plat_virtualhost_dbinfo",resId,comresKpi);
+            //存储资源信息
+            commonDetail.renderText("tencent_cloud_plat_virtualhost_dcninfo",resId,storesKpi);
+            //cpu使用率趋势图
+            commonDetail.renderLineCharat("tencent_cloud_plat_virtualhost_cpu_linechart",resId,"KPI7054BC34","CPU使用率","cpu");
+            //内存使用率趋势图
+            commonDetail.renderLineCharat("tencent_cloud_plat_virtualhost_mem_linechart",resId,"KPI31CB8D97","内存使用率","mem");
+            //硬盘读流量
+            commonDetail.renderLineCharat("tencent_cloud_plat_virtualhost_readflow_linechart",resId,"KPICF4940F7","硬盘读流量","disk_read_traffic");
+            //硬盘写流量
+            commonDetail.renderLineCharat("tencent_cloud_plat_virtualhost_writeflow_linechart",resId,"KPI6C16A077","硬盘写流量","disk_write_traffic");
+            //数据磁盘信息
+            commonDetail.renderTable("tencent_cloud_plat_virtualhost_dataDisk",false,resId,dataDiskKpi,"数据磁盘信息","dataDisk-");
+            //系统盘信息
+            commonDetail.renderTable("tencent_cloud_plat_virtualhost_disk",false,resId,diskKpi,"系统盘信息","systemDisk-");
+            //活动告警
+            commonDetail.renderActiveAlarms("tencent_cloud_plat_virtualhost_active_alarm",resId);
+        }
+
+        //定时任务
+        var timer = setInterval(function () {
+            reload()
+        },commonDetail.timerTime);
+        commonDetail.detailTimer.push(timer);
+
+    });
+});
\ No newline at end of file

+<!--tencent_cloud_plat详细页面-->
+<article class="page-container template template_redis">
+    <div class="page-panel">
+        <div class="main">
+            <div class="layui-card">
+                <div class="layui-card-body">
+                    <div class="lay-row">
+                        <div class="lay-row-item--big">
+                            <h5 class="lay-row-title">基本信息<i data-id="tencent_cloud_plat_baseinfo" class="iconfont detail_base_info">&#xe61e;</i></h5>
+                            <ul class="info-table" id="tencent_cloud_plat_baseinfo"></ul>
+                        </div>
+                        <div class="lay-row-item--small">
+                            <h5 class="lay-row-title">资源状态</h5>
+                            <div class="res-state" id="tencent_cloud_plat_health_state"></div>
+                        </div>
+                    </div>
+                    <div class="lay-row">
+                        <div class="lay-row-item">
+                            <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>
+                            <div id="tencent_cloud_plat_setting"></div>
+                        </div>
+                    </div>
+                    <div class="lay-row">
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">实时告警动态</h5>
+                            <div id="tencent_cloud_plat_active_alarm"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</article>
+<textarea id="tencent_cloud_plat_param_id" style="display: none;">{{d}}</textarea>
+<script>
+    layui.use('tencent_cloud_plat', function (fn) {
+        var $ = layui.$;
+        var parm = $("#tencent_cloud_plat_param_id").val();
+        if(parm.indexOf('{{d') != -1){
+            fn();
+        }else{
+            fn(JSON.parse(parm));
+        }
+    });
+</script>
\ No newline at end of file

+<!--tencent_cloud_plat_res_redis详细页面-->
+<article class="page-container template template_redis">
+    <div class="page-panel">
+        <div class="main">
+            <div class="layui-card">
+                <div class="layui-card-body">
+                    <div class="lay-row">
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">基本信息<i data-id="tencent_cloud_plat_res_redis_baseinfo" class="iconfont detail_base_info">&#xe61e;</i></h5>
+                            <ul class="info-table" id="tencent_cloud_plat_res_redis_baseinfo"></ul>
+                        </div>
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">关键信息</h5>
+                            <ul class="info-table" id="tencent_cloud_plat_res_redis_keyinfo"></ul>
+                        </div>
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">资源状态</h5>
+                            <div class="res-state" id="tencent_cloud_plat_res_redis_health_state"></div>
+                        </div>
+                    </div>
+                    <div class="lay-row">
+                        <div class="lay-row-item--big">
+                            <h5 class="lay-row-title">实例信息</h5>
+                            <ul class="info-table" id="tencent_cloud_plat_res_redis_instanceinfo"></ul>
+                        </div>
+                        <div class="lay-row-item--small">
+                            <h5 class="lay-row-title">性能信息</h5>
+                            <ul class="info-table" id="tencent_cloud_plat_res_redis_performanceinfo"></ul>
+                        </div>
+                    </div>
+                    <div class="lay-row">
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">CPU使用率</h5>
+                            <div id="tencent_cloud_plat_res_redis_cpu_linechart" class="detail_line_chart"></div>
+                        </div>
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">内存使用率</h5>
+                            <div id="tencent_cloud_plat_res_redis_mem_linechart" class="detail_line_chart"></div>
+                        </div>
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">入流量</h5>
+                            <div id="tencent_cloud_plat_res_redis_indata_linechart" class="detail_line_chart"></div>
+                        </div>
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">出流量</h5>
+                            <div id="tencent_cloud_plat_res_redis_outdata_linechart" class="detail_line_chart"></div>
+                        </div>
+                    </div>
+                    <div class="lay-row">
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">实时告警动态</h5>
+                            <div id="tencent_cloud_plat_res_redis_active_alarm"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</article>
+<textarea id="tencent_cloud_plat_res_redis_param_id" style="display: none;">{{d}}</textarea>
+<script>
+    layui.use('tencent_cloud_plat_res_redis', function (fn) {
+        var $ = layui.$;
+        var parm = $("#tencent_cloud_plat_res_redis_param_id").val();
+        if(parm.indexOf('{{d') != -1){
+            fn();
+        }else{
+            fn(JSON.parse(parm));
+        }
+    });
+</script>
\ No newline at end of file

+<!--tencent_cloud_plat_res_tdsqlmysql详细页面-->
+<article class="page-container template template_redis">
+    <div class="page-panel">
+        <div class="main">
+            <div class="layui-card">
+                <div class="layui-card-body">
+                    <div class="lay-row">
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">基本信息<i data-id="tencent_cloud_plat_res_tdsqlmysql_baseinfo" class="iconfont detail_base_info">&#xe61e;</i></h5>
+                            <ul class="info-table" id="tencent_cloud_plat_res_tdsqlmysql_baseinfo"></ul>
+                        </div>
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">关键信息</h5>
+                            <ul class="info-table" id="tencent_cloud_plat_res_tdsqlmysql_keyinfo"></ul>
+                        </div>
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">资源状态</h5>
+                            <div class="res-state" id="tencent_cloud_plat_res_tdsqlmysql_health_state"></div>
+                        </div>
+                    </div>
+                    <div class="lay-row">
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">网络信息</h5>
+                            <ul class="info-table" id="tencent_cloud_plat_res_tdsqlmysql_networkinfo"></ul>
+                        </div>
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">数据库信息</h5>
+                            <ul class="info-table" id="tencent_cloud_plat_res_tdsqlmysql_dbinfo"></ul>
+                        </div>
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">DCN信息</h5>
+                            <ul class="info-table" id="tencent_cloud_plat_res_tdsqlmysql_dcninfo"></ul>
+                        </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>
+                    </div>
+                    <div class="lay-row">
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">实时告警动态</h5>
+                            <div id="tencent_cloud_plat_res_tdsqlmysql_active_alarm"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</article>
+<textarea id="tencent_cloud_plat_res_tdsqlmysql_param_id" style="display: none;">{{d}}</textarea>
+<script>
+    layui.use('tencent_cloud_plat_res_tdsqlmysql', function (fn) {
+        var $ = layui.$;
+        var parm = $("#tencent_cloud_plat_res_tdsqlmysql_param_id").val();
+        if(parm.indexOf('{{d') != -1){
+            fn();
+        }else{
+            fn(JSON.parse(parm));
+        }
+    });
+</script>
\ No newline at end of file

+<!--tencent_cloud_plat_virtualhost详细页面-->
+<article class="page-container template template_redis">
+    <div class="page-panel">
+        <div class="main">
+            <div class="layui-card">
+                <div class="layui-card-body">
+                    <div class="lay-row">
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">基本信息<i data-id="tencent_cloud_plat_virtualhost_baseinfo" class="iconfont detail_base_info">&#xe61e;</i></h5>
+                            <ul class="info-table" id="tencent_cloud_plat_virtualhost_baseinfo"></ul>
+                        </div>
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">关键信息</h5>
+                            <ul class="info-table" id="tencent_cloud_plat_virtualhost_keyinfo"></ul>
+                        </div>
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">资源状态</h5>
+                            <div class="res-state" id="tencent_cloud_plat_virtualhost_health_state"></div>
+                        </div>
+                    </div>
+                    <div class="lay-row">
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">网络资源信息</h5>
+                            <ul class="info-table" id="tencent_cloud_plat_virtualhost_netresinfo"></ul>
+                        </div>
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">计算资源信息</h5>
+                            <ul class="info-table" id="tencent_cloud_plat_virtualhost_comresinfo"></ul>
+                        </div>
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">存储资源信息</h5>
+                            <ul class="info-table" id="tencent_cloud_plat_virtualhost_storesinfo"></ul>
+                        </div>
+                    </div>
+                    <div class="lay-row">
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">CPU使用率</h5>
+                            <div id="tencent_cloud_plat_virtualhost_cpu_linechart" class="detail_line_chart"></div>
+                        </div>
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">内存使用率</h5>
+                            <div id="tencent_cloud_plat_virtualhost_mem_linechart" class="detail_line_chart"></div>
+                        </div>
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">硬盘读流量</h5>
+                            <div id="tencent_cloud_plat_virtualhost_readflow_linechart" class="detail_line_chart"></div>
+                        </div>
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">硬盘写流量</h5>
+                            <div id="tencent_cloud_plat_virtualhost_writeflow_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_virtualhost_dataDiskDownload" class="layui-table-link"  style="margin-left: 10px;">下载</span><span id="tencent_cloud_plat_virtualhost_dataDiskMore" class="layui-table-link">更多</span></h5>
+                            <div id="tencent_cloud_plat_virtualhost_dataDisk"></div>
+                        </div>
+                    </div>
+                    <div class="lay-row">
+                        <div class="lay-row-item">
+                            <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>
+                            <div id="tencent_cloud_plat_virtualhost_disk"></div>
+                        </div>
+                    </div>
+                    <div class="lay-row">
+                        <div class="lay-row-item">
+                            <h5 class="lay-row-title">实时告警动态</h5>
+                            <div id="tencent_cloud_plat_virtualhost_active_alarm"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</article>
+<textarea id="tencent_cloud_plat_virtualhost_param_id" style="display: none;">{{d}}</textarea>
+<script>
+    layui.use('tencent_cloud_plat_virtualhost', function (fn) {
+        var $ = layui.$;
+        var parm = $("#tencent_cloud_plat_virtualhost_param_id").val();
+        if(parm.indexOf('{{d') != -1){
+            fn();
+        }else{
+            fn(JSON.parse(parm));
+        }
+    });
+</script>
\ No newline at end of file