monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by ‘superliu’
Commit b3826610e0f41750c08c12105fd43aba357507c5 1 parent 9a8e1b42

资源视图-》华为云-》防火墙详情 内存平均使用率图标统一

Inline Side-by-side
Showing 2 changed files with 122 additions and 0 deletions
/**
* @desc 华为云网络设备（防火墙、交换机）
* @author wangfeng
* @date 2020/2/4 14:36
**/
layui.define(['commonDetail','common'], function (exports) {
var commonDetail = layui.commonDetail;
var common = layui.common;
//对外暴露的接口
exports('huawei_cloud_nethardware', function (data) {
var resId = '';
var resType = '';
var showFlag = common.getUrlParam("show");
if(showFlag && showFlag == '0'){
resId = common.getUrlParam("resId");
resType = common.getUrlParam("resType");
}else{
resId = data.resId;
resType = data.resType;
}
commonDetail.bindTips();
//基本信息
var jbxxKpi = "KPIE13DD9A3,KPIF74D9D2B,KPIFABFD741,KPIB718ADEC,KPI5858832B,KPI2DC9105C,KPI4419E8A1,KPIA47DE8B4,KPI7E81DFB5,KPI6F17667E, KPIF21A9F60, KPI81BAB2C4, KPI5364695E, KPI14E5F9B4, KPIC70A1E3D";
reload()
//渲染页面
function reload() {
//基本信息
commonDetail.renderTextCols("hauwei_cloude_nethardware_baseinfo",resId,jbxxKpi,2);
//维保信息 joke add 20200528
commonDetail.renderMaintenanceInfo('hauwei_cloude_nethardware_wbinfo',resId,resType);
//CPU平均使用率
commonDetail.renderGauge("hauwei_cloude_nethardware_cpurate",resId,"KPI961A9688");
//内存平均使用率
commonDetail.renderGauge("hauwei_cloude_nethardware_memrate",resId,"KPIE78B29FF");
// commonDetail.renderCircular("hauwei_cloude_nethardware_memrate",resId,"KPIE78B29FF","内存平均使用率","%");
//响应时长
commonDetail.renderLineCharat("hauwei_cloude_nethardware_responestimes",resId,"KPI7480987F","响应时长","");
//活动告警
commonDetail.renderActiveAlarms("hauwei_cloude_nethardware_activealarms",resId);
}
//定时任务
var timer = setInterval(function () {
reload()
},commonDetail.timerTime);
commonDetail.detailTimer.push(timer);
});
});
\ No newline at end of file
... ...
<!--华为网络设备-->
<article class="page-container template">
<div class="page-panel">
<div class="main">
<div class="layui-card template_detail_content">
<div class="layui-card-body">
<div class="lay-row">
<div class="lay-row-item lay-row-item--auto-width">
<h5 class="lay-row-title">基本信息<i data-id="hauwei_cloude_nethardware_baseinfo" class="iconfont detail_base_info">&#xe61e;</i></h5>
<ul class="info-table" id="hauwei_cloude_nethardware_baseinfo"></ul>
</div>
<div class="lay-row-item lay-row-item--small">
<h5 class="lay-row-title">维保信息</h5>
<ul class="info-table" id="hauwei_cloude_nethardware_wbinfo"></ul>
</div>
</div>
<div class="lay-row">
<div class="lay-row-item lay-row-item--small">
<h5 class="lay-row-title">CPU平均使用率</h5>
<ul id="hauwei_cloude_nethardware_cpurate" class="pie-wrap dasboard">
<li data-degree="83" class="pie-half pie-half-border-color-3">
<div class="pie-half-text">
<b>0%</b>
<span>CPU平均使用率</span>
</div>
</li>
</ul>
</div>
<div class="lay-row-item lay-row-item--small">
<h5 class="lay-row-title">内存平均使用率</h5>
<!-- <div id="hauwei_cloude_nethardware_memrate" class="detail_circular_chart"></div>-->
<!--<div class="circular-half-text">-->
<!--<span>内存使用率</span>-->
<!--</div>-->
<ul id="hauwei_cloude_nethardware_memrate" class="pie-wrap dasboard">
<li data-degree="83" class="pie-half pie-half-border-color-3">
<div class="pie-half-text">
<b>0%</b>
<span>内存使用率</span>
</div>
</li>
</ul>
</div>
<div class="lay-row-item lay-row-item--auto-width">
<h5 class="lay-row-title">响应时长</h5>
<div id="hauwei_cloude_nethardware_responestimes" class="detail_line_chart"></div>
</div>
</div>
<div class="lay-row">
<div class="lay-row-item">
<h5 class="lay-row-title">实时告警动态</h5>
<div id="hauwei_cloude_nethardware_activealarms"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
<textarea id="huawei_cloud_nethardware_param_id" style="display: none;">{{d}}</textarea>
<script>
layui.use('huawei_cloud_nethardware', function (fn) {
var $ = layui.$;
var parm = $("#huawei_cloud_nethardware_param_id").val();
if(parm.indexOf('{{d') != -1){
fn();
}else{
fn(JSON.parse(parm));
}
});
</script>
\ No newline at end of file
... ...