monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 王涛
Commit a4fdb0cc800c8cac45d455e7cede11ba3b7c1edf 2 parents 2d254a31 fbfc47b5

Merge branch 'master' of http://192.168.1.136:82/monitor_v3/hg-monitor-web

Inline Side-by-side
Showing 11 changed files with 185 additions and 9 deletions
... ... @@ -2148,6 +2148,42 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
}
barlinecharts.setOption(option);
},
renderStoreAlarms:function (tableId,resId){
var alarmlist = table.render({
elem: '#' + tableId
, url: common.domainName + '/api-web/busType/getStore'
, where: {
access_token: obj.sessions.getToken().access_token,
ResId: resId
}
, height: 'auto'
, page: {
layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
,theme: '#1E9FFF'
}
, limit: 5
, even: true
, cols: [[
{
field: 'provider', title: '存储品牌型号', align: 'center', width: 421,
}
, {
field: 'model', title: '存储序列号', align: 'center',width: 421, sort: true,
}
, {
field: 'lunName', title: 'lun名称', align: 'center',width: 421
}
, {
field: 'lunSize', title: '大小', align: 'center', width: 421,
}
]],
done: function (res) {
if (res.data && res.data.length > 0) {
document.getElementById("hostminicomputerpartition_storeMessage").style.display="block"
}
}
})
},
/**
* 活动告警
* @param tableId
... ...
... ... @@ -95,6 +95,8 @@ layui.define(['commonDetail','common','sessions'], function (exports) {
commonDetail.renderTable('hostminicomputerpartition_port_detection_id',false,resId,portDetTableKpiId,'端口存活侦测','port');
//活动告警
commonDetail.renderActiveAlarms('hostminicomputerpartition_alarmlist',resId);
//存储信息
commonDetail.renderStoreAlarms('hostminicomputerpartition_store',resId);
}
function findOracleRelationByResId() {
... ...
... ... @@ -23,6 +23,12 @@
</div>
</div>
</div>
<div class="lay-row" id="hostminicomputerpartition_storeMessage" style="display:none;">
<div class="lay-row-item">
<h5 class="lay-row-title">存储信息</h5>
<div id="hostminicomputerpartition_store"></div>
</div>
</div>
<div class="lay-row">
<div class="lay-row-item">
<h5 class="lay-row-title">文件系统<span id="hostminicomputerpartition_sysfileDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="hostminicomputerpartition_sysfileMore" class="layui-table-link">更多</span></h5>
... ...
... ... @@ -67,7 +67,7 @@
</el-button>
</div>
<div class="select-all">
<div class="select-all" v-if="isSelect">
<el-button type="primary" :size="$global.elementSize" @click="selectAll()" v-if="activeBtn == 'view'" >
{{selectText}}
... ... @@ -75,7 +75,7 @@
</div>
<!-- <div style="text-align: right;width: 150px">
<div style="text-align: right;width: 150px">
<el-button-group>
<el-button :size="$global.elementSize" :type="activeBtn == 'view' ? 'primary' : ''"
... ... @@ -87,7 +87,7 @@
<i class="iconfont icon-liebiao"></i>
</el-button>
</el-button-group>
</div>-->
</div>
</div>
<!--列表-->
<div v-if="activeBtn == 'list'">
... ...
... ... @@ -42,6 +42,11 @@ export default {
type: Boolean,
default: false
},
//是否展示全选按钮
isSelect:{
type:Boolean,
default:false
}
},
data() {
return {
... ...
/**
* @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
... ...
... ... @@ -55,6 +55,9 @@
{{# } }}
</script>
<li class="layui-nav-item" lay-tips="大屏">
<a href="javascript:;" layadmin-event="toBigScreen" ><img src="/src/style/img/icon-daping.png" style="width: 16px;height: 16px"></a>
</li>
<li class="layui-nav-item" lay-unselect>
<a href="javascript:;" layadmin-event="refresh" title="刷新">
... ... @@ -84,7 +87,8 @@
}}
<li><input type="hidden" id="hq_entrance" value="{{roles}}"></li>
<dl class="layui-nav-child">
<dd layadmin-event="toBigScreen" style="text-align: left;"><a><img src="/src/style/img/icon-daping.png" style="width: 16px;height: 16px">&nbsp;&nbsp;大屏</a></dd>
<!--调整到刷新旁边，此处去掉 lu 屏蔽 20211130-->
<!-- <dd layadmin-event="toBigScreen" style="text-align: left;"><a><img src="/src/style/img/icon-daping.png" style="width: 16px;height: 16px">&nbsp;&nbsp;大屏</a></dd>-->
<dd layadmin-event="toDZSWJScreen" style="text-align: left;"><a><img src="/src/style/img/icon-dianzishuiwuju.png" style="width: 16px;height: 16px">&nbsp;&nbsp;电子税务大屏</a></dd>
<!--调整到首页旁边，此处去掉 joke 屏蔽 20211129-->
<!-- <dd layadmin-event="toYTHViewScreen" style="text-align: left;"><a><img src="/src/style/img/icon-yitihuadaping.png" style="width: 16px;height: 16px">&nbsp;&nbsp;一体化视图</a></dd>-->
... ... @@ -109,11 +113,11 @@
<li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
<a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
</li>
<li class="layui-nav-item layui-hide-xs" lay-unselect>
<!-- <li class="layui-nav-item layui-hide-xs" lay-unselect>
<a href="javascript:;" layadmin-event="theme">
<i class="layui-icon layui-icon-theme"></i>
</a>
</li>
</li>-->
<li class="layui-nav-item layui-hide-xs" lay-unselect>
<a href="javascript:;" layadmin-event="fullscreen">
<i class="layui-icon layui-icon-screen-full"></i>
... ...
<!--华为网络设备-->
<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
... ...
... ... @@ -113,7 +113,7 @@
<cm-table-page :columns="columns" :dataList="tabSecondList" @loaddata="loadSecondList"
:showIndex="true"
:showBorder="true" :loading="false"
:showPage="false" :showTools="true" :height="(height - 500)">
:showPage="true" :showTools="true" :height="(height - 500)">
<template #tools="{scope}">
<el-button type="text" size="small" @click.prevent="addRes(scope.row,scope.$index)">
<i class="el-icon-plus"/> 添加
... ...
<div class="container">
<cm-document></cm-document>
<cm-document :isSelect="true"></cm-document>
</div>
... ...
... ... @@ -181,7 +181,8 @@ export default {
}
}
const goJump=()=>{
proxy.$router.push({path:'/zj/dp',query: {access_token:localStorage.getItem('access_token')}})
// proxy.$router.push({path:'/zj/dp',query: {access_token:localStorage.getItem('access_token')}})
window.open(sessionStorage.getItem("ythView") + '?access_token=' + localStorage.getItem("access_token"));
}
return{
... ...