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
  1 +/**
  2 +* @desc 华为云网络设备（防火墙、交换机）
  3 +* @author wangfeng
  4 +* @date 2020/2/4 14:36
  5 +**/
  6 +layui.define(['commonDetail','common'], function (exports) {
  7 + var commonDetail = layui.commonDetail;
  8 + var common = layui.common;
  9 + //对外暴露的接口
  10 + exports('huawei_cloud_nethardware', function (data) {
  11 + var resId = '';
  12 + var resType = '';
  13 + var showFlag = common.getUrlParam("show");
  14 + if(showFlag && showFlag == '0'){
  15 + resId = common.getUrlParam("resId");
  16 + resType = common.getUrlParam("resType");
  17 + }else{
  18 + resId = data.resId;
  19 + resType = data.resType;
  20 + }
  21 + commonDetail.bindTips();
  22 + //基本信息
  23 + var jbxxKpi = "KPIE13DD9A3,KPIF74D9D2B,KPIFABFD741,KPIB718ADEC,KPI5858832B,KPI2DC9105C,KPI4419E8A1,KPIA47DE8B4,KPI7E81DFB5,KPI6F17667E, KPIF21A9F60, KPI81BAB2C4, KPI5364695E, KPI14E5F9B4, KPIC70A1E3D";
  24 +
  25 + reload()
  26 +
  27 + //渲染页面
  28 + function reload() {
  29 + //基本信息
  30 + commonDetail.renderTextCols("hauwei_cloude_nethardware_baseinfo",resId,jbxxKpi,2);
  31 + //维保信息 joke add 20200528
  32 + commonDetail.renderMaintenanceInfo('hauwei_cloude_nethardware_wbinfo',resId,resType);
  33 + //CPU平均使用率
  34 + commonDetail.renderGauge("hauwei_cloude_nethardware_cpurate",resId,"KPI961A9688");
  35 + //内存平均使用率
  36 + commonDetail.renderGauge("hauwei_cloude_nethardware_memrate",resId,"KPIE78B29FF");
  37 + // commonDetail.renderCircular("hauwei_cloude_nethardware_memrate",resId,"KPIE78B29FF","内存平均使用率","%");
  38 + //响应时长
  39 + commonDetail.renderLineCharat("hauwei_cloude_nethardware_responestimes",resId,"KPI7480987F","响应时长","");
  40 + //活动告警
  41 + commonDetail.renderActiveAlarms("hauwei_cloude_nethardware_activealarms",resId);
  42 + }
  43 +
  44 + //定时任务
  45 + var timer = setInterval(function () {
  46 + reload()
  47 + },commonDetail.timerTime);
  48 + commonDetail.detailTimer.push(timer);
  49 +
  50 + });
  51 +});
  1 +<!--华为网络设备-->
  2 +<article class="page-container template">
  3 + <div class="page-panel">
  4 + <div class="main">
  5 + <div class="layui-card template_detail_content">
  6 + <div class="layui-card-body">
  7 + <div class="lay-row">
  8 + <div class="lay-row-item lay-row-item--auto-width">
  9 + <h5 class="lay-row-title">基本信息<i data-id="hauwei_cloude_nethardware_baseinfo" class="iconfont detail_base_info">&#xe61e;</i></h5>
  10 + <ul class="info-table" id="hauwei_cloude_nethardware_baseinfo"></ul>
  11 + </div>
  12 + <div class="lay-row-item lay-row-item--small">
  13 + <h5 class="lay-row-title">维保信息</h5>
  14 + <ul class="info-table" id="hauwei_cloude_nethardware_wbinfo"></ul>
  15 + </div>
  16 + </div>
  17 + <div class="lay-row">
  18 + <div class="lay-row-item lay-row-item--small">
  19 + <h5 class="lay-row-title">CPU平均使用率</h5>
  20 + <ul id="hauwei_cloude_nethardware_cpurate" class="pie-wrap dasboard">
  21 + <li data-degree="83" class="pie-half pie-half-border-color-3">
  22 + <div class="pie-half-text">
  23 + <b>0%</b>
  24 + <span>CPU平均使用率</span>
  25 + </div>
  26 + </li>
  27 + </ul>
  28 + </div>
  29 + <div class="lay-row-item lay-row-item--small">
  30 + <h5 class="lay-row-title">内存平均使用率</h5>
  31 +<!-- <div id="hauwei_cloude_nethardware_memrate" class="detail_circular_chart"></div>-->
  32 + <!--<div class="circular-half-text">-->
  33 + <!--<span>内存使用率</span>-->
  34 + <!--</div>-->
  35 + <ul id="hauwei_cloude_nethardware_memrate" class="pie-wrap dasboard">
  36 + <li data-degree="83" class="pie-half pie-half-border-color-3">
  37 + <div class="pie-half-text">
  38 + <b>0%</b>
  39 + <span>内存使用率</span>
  40 + </div>
  41 + </li>
  42 + </ul>
  43 + </div>
  44 + <div class="lay-row-item lay-row-item--auto-width">
  45 + <h5 class="lay-row-title">响应时长</h5>
  46 + <div id="hauwei_cloude_nethardware_responestimes" 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="hauwei_cloude_nethardware_activealarms"></div>
  53 + </div>
  54 + </div>
  55 + </div>
  56 + </div>
  57 + </div>
  58 + </div>
  59 +</article>
  60 +<textarea id="huawei_cloud_nethardware_param_id" style="display: none;">{{d}}</textarea>
  61 +<script>
  62 + layui.use('huawei_cloud_nethardware', function (fn) {
  63 + var $ = layui.$;
  64 + var parm = $("#huawei_cloud_nethardware_param_id").val();
  65 + if(parm.indexOf('{{d') != -1){
  66 + fn();
  67 + }else{
  68 + fn(JSON.parse(parm));
  69 + }
  70 + });
  71 +</script>