monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by wangtao
Commit 89321892c4e67ef2a0ae3e740bfa0fb18ea72888 1 parent d10ed957

人大进仓数据库详情页迁移

Inline Side-by-side
Showing 3 changed files with 109 additions and 2 deletions
@@ -3454,7 +3454,6 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele @@ -3454,7 +3454,6 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
3454 } 3454 }
3455 }); 3455 });
3456 var uuid = generateUUID(); 3456 var uuid = generateUUID();
3457 - console.log("**************", res)  
3458 //start lsq 资源名称、资源类型名称、责任人字段值传递 2022-04-25 3457 //start lsq 资源名称、资源类型名称、责任人字段值传递 2022-04-25
3459 var resName = res.resName; 3458 var resName = res.resName;
3460 var resTypeName = res.resTypeName; 3459 var resTypeName = res.resTypeName;
@@ -3488,7 +3487,7 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele @@ -3488,7 +3487,7 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
3488 layer.alert('资源未监控!', {icon: 0}); 3487 layer.alert('资源未监控!', {icon: 0});
3489 return; 3488 return;
3490 } 3489 }
3491 - if (res.resType == 'STORAGE_SHARE' && res.provider != 'HUAWEI' && res.provider != 'Inspur') { 3490 + if (res.resType == 'STORAGE_SHARE' && res.provider != 'HUAWEI' && res.provider != 'Inspur'&& res.provider != 'hongshan') {
3492 layer.alert('该资源只对接TRAP告警信息!', {icon: 0}); 3491 layer.alert('该资源只对接TRAP告警信息!', {icon: 0});
3493 return; 3492 return;
3494 } 3493 }
  1 +layui.define(['commonDetail', 'common', 'admin'], function (exports) {
  2 + var commonDetail = layui.commonDetail;
  3 + var common = layui.common;
  4 + var admin = layui.admin;
  5 + //对外暴露的接口
  6 + exports('database_kingbase', 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 +
  15 + commonDetail.bindTips();
  16 +
  17 + //基本信息
  18 + var jbxxKpiId = 'KPIE13DD9A3,KPI39C76443,KPI86CD8DCE,KPICCB7C3D9';
  19 + //客户端连接数
  20 + var khdljsKpiId = 'KPI5CCBBD01,KPIF167DED3,KPI0CA11335,KPIC29F4C6B';
  21 + //正在运行连接数
  22 + var runKpiId = 'KPI5CCBBD01,KPIC0A94965,KPIC3F788A8,KPI44C8CA35';
  23 + //数据库容量
  24 + var databaseKpiId = 'KPI5CCBBD01,KPI55C99136';
  25 +
  26 + reload()
  27 +
  28 + //渲染页面
  29 + function reload() {
  30 + //基本信息
  31 + commonDetail.renderText("databasekingbase_jbxx", resId, jbxxKpiId);
  32 + //总连接数
  33 + commonDetail.renderLineCharat("databasekingbase_linkallnum_linechart", resId, "KPI88E9E11D", "总连接数", "base");
  34 + //客户端连接数
  35 + commonDetail.renderTable("databasekingbase_linkclientnum_linechart", false, resId, khdljsKpiId, "客户端连接数", "conn-");
  36 + //正在运行连接数
  37 + commonDetail.renderTable("databasekingbase_runnum_linechart", false, resId, runKpiId, "正在运行连接数", "execute-");
  38 + //数据库容量
  39 + commonDetail.renderTable("databasekingbase_databasenum_linechart", false, resId, databaseKpiId, "数据库容量", "database-");
  40 + //活动告警
  41 + commonDetail.renderActiveAlarms("databasekingbase_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">
  6 + <div class="layui-card-body">
  7 + <div class="lay-row">
  8 + <div class="lay-row-item lay-row-item--half">
  9 + <h5 class="lay-row-title">基本信息<i data-id="databasekingbase_jbxx" class="iconfont detail_base_info">&#xe61e;</i></h5>
  10 + <ul class="info-table" id="databasekingbase_jbxx"></ul>
  11 + </div>
  12 + <div class="lay-row-item">
  13 + <h5 class="lay-row-title">总连接数</h5>
  14 + <div id="databasekingbase_linkallnum_linechart" class="detail_line_chart"></div>
  15 + </div>
  16 + </div>
  17 + <div class="lay-row">
  18 + <div class="lay-row-item">
  19 + <h5 class="lay-row-title">客户端连接数<span id="databasekingbase_linkclientnum_linechartDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="databasekingbase_linkclientnum_linechartMore" class="layui-table-link">更多</span></h5>
  20 + <div id="databasekingbase_linkclientnum_linechart"></div>
  21 + </div>
  22 + </div>
  23 + <div class="lay-row">
  24 + <div class="lay-row-item">
  25 + <h5 class="lay-row-title">正在运行连接数<span id="databasekingbase_runnum_linechartDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="databasekingbase_runnum_linechartMore" class="layui-table-link">更多</span></h5>
  26 + <div id="databasekingbase_runnum_linechart"></div>
  27 + </div>
  28 + </div>
  29 + <div class="lay-row">
  30 + <div class="lay-row-item">
  31 + <h5 class="lay-row-title">数据库容量<span id="databasekingbase_databasenum_linechartDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="databasekingbase_databasenum_linechartMore" class="layui-table-link">更多</span></h5>
  32 + <div id="databasekingbase_databasenum_linechart"></div>
  33 + </div>
  34 + </div>
  35 + <div class="lay-row">
  36 + <div class="lay-row-item">
  37 + <h5 class="lay-row-title">实时告警动态</h5>
  38 + <div id="databasekingbase_activealarms"></div>
  39 + </div>
  40 + </div>
  41 + </div>
  42 + </div>
  43 + </div>
  44 + </div>
  45 +</article>
  46 +<textarea id="database_kingbase_param_id" style="display: none;">{{d}}</textarea>
  47 +<script>
  48 + layui.use('database_kingbase', function (fn) {
  49 + var $ = layui.$;
  50 + var parm = $("#database_kingbase_param_id").val();
  51 + if(parm.indexOf('{{d') != -1){
  52 + fn();
  53 + }else{
  54 + fn(JSON.parse(parm));
  55 + }
  56 + });
  57 +</script>