monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 赵鹏军
Commit 2e06ae7b808a075568faee746743c011b269f199 2 parents bd1aa99e efb37007

Merge branch 'master-joke' into 'master' 

chore:commonDetail.js中renderText增加传参，满足浙江基本信息展示cmdb信息

chore:commonDetail.js中renderText增加传参，满足浙江基本信息展示cmdb信息

See merge request !1124
Inline Side-by-side
Showing 6 changed files with 388 additions and 201 deletions
... ... @@ -791,8 +791,14 @@ layui.define(['xmSelect', 'md5'], function (exports) {
if (resType.indexOf('HOST_X86SERVER') != -1) {
if (bean.provider == 'HP' && bean.model.split('-')[0] == 'C7000') {
resType = BMCMap.get('HP_knifeBox');
} else if (bean.provider == 'H3C' && bean.model.split('-')[1] == 'R690') {
} else if (bean.provider == 'H3C') {
if (bean.model.split('-')[1] == 'R690'){
resType = BMCMap.get('HP');
}else if (bean.model.indexOf('R4960') !=-1){
resType = "HOST_BMC_H3C_R4960";
}else {
resType = BMCMap.get(bean.provider)
}
} else if (bean.provider === 'HUAWEI' && bean.model === 'E9000') {
resType = BMCMap.get('HUAWEI_KNIFEBOX');
} else if (bean.resCode && bean.resCode.indexOf('华为Blade__') && bean.parentId) {
... ...
... ... @@ -102,11 +102,13 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
* @param resId 资源id
* @param kpiId 指标id,多个指标逗号隔开
* @param fn
* @param needCmdb 是否需要cmdb信息 （true/false,默认false）
* @param cmdbLable 需要获取的cmdb的lable，多个逗号隔开,前提是needCmdb必须为true，否则不生效
* 报文格式：{ "code": "0",
"data": [ {"flag": "base","name": "监控连接状态","id": "KPIE13DD9A3", "value": "连接成功", "status": "2"},
{"flag": "base","name": "最近采集时间","id": "KPIF74D9D2B","value": "2019-12-16 10:04:54","status": "0" }]}
*/
renderText: function (targetId, resId, kpiId, fn, hasTotal,flag,isBasic) {
renderText: function (targetId, resId, kpiId, fn, hasTotal,flag,isBasic,needCmdb,cmdbLable) {
//start lsq 状态信息的状态也增加下探 202-06-08
let statusF=false;//是否为状态信息
//end lsq 2022-06-08
... ... @@ -117,6 +119,16 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
if (isBasic) {
url += '&isBasic=' + isBasic;
}
//增加cmdb信息展示传参 joke add 20230504 开始
//是否需要cmdb信息
if (needCmdb){
url += '&needCmdb=' + needCmdb;
//cmdbLable传入，表示过滤其中的部分数据
if (cmdbLable){
url += '&cmdbLable=' + cmdbLable
}
}
//增加cmdb信息展示传参 joke add 20230504 结束
admin.req({
url: common.domainName + url
}).done(function (res) {
... ...
... ... @@ -20,120 +20,52 @@ layui.define(['commonDetail','common', 'admin'], function (exports) {
os = data.os;
}
//基本信息：设备健康度、设备名称、序列号、电源功率
var jbxxKpi = "KPID3DD6605,KPI9F694F60,KPI4419E8A1,KPI74DB2138";
//设置信息
var deviceKpi = "KPI9F694F60,KPI4419E8A1,KPI74DB2138";
//基本信息
var jbxxKpi = "KPIE13DD9A3,KPIF74D9D2B,KPIF9BA6573,KPI9F694F60";
//cpu信息
var cpukpi = "KPI6232CA8F,KPI70AEFC6A,KPI0990CD44,KPIF4362E32,KPIBDB60856,KPI15358CE3";
var cpukpi = "KPI6232CA8F,KPIF4362E32,KPI899DBD7B,KPIDDBCCA5A";
//磁盘信息
var diskkpi = "KPI9D22EAB6,KPI4419E8A1,KPI29D42042,KPI7B6A062F,KPI44C90B87,KPI32A0A858";
var diskkpi = "KPI9D22EAB6,KPI32A0A858,KPI8546BDCF";
//逻辑磁盘信息
var logicDiskKpi = "KPIE95E8B51,KPIB13D1D4A,KPIC98EA1B0,KPIC3ED81ED";
//内存信息
var memkpi = "KPI4E7CD5C9,KPI70AEFC6A,KPIC8EAE5A2,KPI8ED105CD,KPI4419E8A1";
//风扇信息
var fanKpi = "KPI28C9A37D,KPI1A9360B6,KPIF5D53796";
var memkpi = "KPI4E7CD5C9,KPI8ED105CD,KPI1584BE1C,KPI0990CD44";
//内存容量信息
//var memSummarykpi = "KPID4D2A668,KPI1584BE1C,KPIDC7E789B,KPI0990CD44,KPIA2DC1868";
//传感器信息
//var sensorkpi = "KPI7DCEAE85,KPI7F80B0C4,KPIFF55D32A,KPIF2996845";
//电源
var powerkpi="KPI83E76634,KPI8BCBCA98";
//风扇
var fankpi="KPI28C9A37D,KPIF5D53796";
commonDetail.bindTips();
renderPageInfo();
//获取设备信息，左上角数据回填
function getDeviceInfo(resId) {
var url = "/api-web/detail/block?resId=" + resId + "&kpiId=" + jbxxKpi + "&hasTotal=null&isBasic=true";
admin.req({
url: common.domainName + url
}).done(function (res) {
$.each(res.data,function (i,e){
//设备名称
if (e.id == 'KPI9F694F60'){
$('#deviceName').html(e.value)
}
if (e.name == '设备型号'){
$('#deviceModel').html(e.value)
}
})
});
}
/**
* 计算表格数据的总数及在位数
* */
function setSumaryByType(resId,targetId,kpiIds,flagPrifix) {
var url = "/api-web/detail/table/page?resId=" + resId + "&kpiId=" + kpiIds + "&page=1&size=1000";
if (flagPrifix) {
url = url + "&flagPrifix="+flagPrifix;
}
admin.req({
url: common.domainName + url
}).done(function (res) {
var data = res.data[0];
var content = data.content;
var summaryCount = content.length;
var summaryIn = content.length;
$.each(content,function (ind,val) {
$.each(val,function (i,v) {
if (flagPrifix.indexOf('cpu') != -1){
if (v.kpiId === 'KPIF4362E32'){
var kpiValue = v.kpiValue.toString().toLowerCase().trim();
if (kpiValue === 'absence'){
summaryIn = summaryIn-1;
}
}
}else if (flagPrifix.indexOf('mem')!= -1){
if (v.kpiId === 'KPI8ED105CD'){
var kpiValue = v.kpiValue.toString().toLowerCase().trim();
if (kpiValue === 'absence'){
summaryIn = summaryIn-1;
}
}
}else if (flagPrifix.indexOf('disk')!= -1){
if (v.kpiId === 'KPI32A0A858'){
var kpiValue = v.kpiValue.toString().toLowerCase().trim();
if (kpiValue === 'absence'){
summaryIn = summaryIn-1;
}
}
}else if (flagPrifix.indexOf('fan')!= -1){
if (v.kpiId === 'KPIF5D53796'){
var kpiValue = v.kpiValue.toString().toLowerCase().trim();
if (kpiValue === 'absence'){
summaryIn = summaryIn-1;
}
}
}
})
})
$('#'+targetId).html('总数： '+summaryCount + '<br/><br/>在位： '+summaryIn)
});
}
//渲染页面
function renderPageInfo() {
//填充cpu总数及在位数
setSumaryByType(resId,'cpuSummaryInfo',cpukpi,'cpu-');
//填充内存总数及在位数
setSumaryByType(resId,'memSummaryInfo',memkpi,'mem-');
//填充磁盘总数及在位数
setSumaryByType(resId,'diskSummaryInfo',diskkpi,'disk-');
//填充风扇总数及在位数
setSumaryByType(resId,'fanSummaryInfo',fanKpi,'fan-');
//填充左上角设备信息
getDeviceInfo(resId,deviceKpi);
//资源状态
commonDetail.renderResHealthForH3cBmc("host_bmc_h3c_health_state",resId);
//基本信息,此处的kpiId传入一个，是因为左侧已经有其他信息，防止展示与左侧的重复
commonDetail.renderText("host_bmc_h3c_baseinfo",resId,'KPID3DD6605',null,null,null,"true");
//设备信息
commonDetail.renderText("host_bmc_h3c_device_info",resId,deviceKpi,null,null,null);
commonDetail.renderResHealth("host_bmc_h3c_health_state",resId);
//基本信息
commonDetail.renderText("host_bmc_h3c_baseinfo",resId,jbxxKpi,null,null,null,"true");
//cpu信息
commonDetail.renderTableForH3cBmc("host_bmc_h3c_cpuinfo",false,resId,cpukpi,'CPU信息','cpu-','KPI6232CA8F','ASC');
//内存信息
commonDetail.renderTableForH3cBmc("host_bmc_h3c_meminfo",false,resId,memkpi,'内存信息','mem-','KPI4E7CD5C9','ASC');
commonDetail.renderTable("host_bmc_h3c_cpuinfo",false,resId,cpukpi,'CPU信息','bmccpu-','KPI6232CA8F','ASC');
//磁盘信息
commonDetail.renderTableForH3cBmc("host_bmc_h3c_diskinfo",false,resId,diskkpi,'磁盘信息','disk-','KPI9D22EAB6','ASC');
commonDetail.renderTable("host_bmc_h3c_diskinfo",false,resId,diskkpi,'磁盘信息','bmcdisk-','KPI9D22EAB6','ASC');
//逻辑磁盘信息
commonDetail.renderTable("host_bmc_h3c_logic_diskinfo",false,resId,logicDiskKpi,'磁盘信息','raid-','KPIE95E8B51','ASC');
//内存信息
commonDetail.renderTable("host_bmc_h3c_meminfo",false,resId,memkpi,'内存信息','bmcmem-','KPI4E7CD5C9','ASC');
//电源信息
commonDetail.renderTable("host_bmc_h3c_powerinfo",false,resId,powerkpi,'电源信息','power','KPI83E76634','ASC');
//风扇信息
commonDetail.renderTableForH3cBmc("host_bmc_h3c_faninfo",false,resId,fanKpi,'风扇信息','fan-','KPI28C9A37D','ASC');
commonDetail.renderTable("host_bmc_h3c_faninfo",false,resId,fankpi,'风扇信息','fan','KPI28C9A37D','ASC');
//内存容量信息
//commonDetail.renderTable("host_bmc_h3c_memSummaryinfo",false,resId,memSummarykpi,'电源信息','memSummary');
//传感器信息
//commonDetail.renderTable("host_bmc_h3c_sensorinfo",false,resId,sensorkpi,'传感器信息','sensor');
//活动告警
commonDetail.renderActiveAlarms("host_bmc_h3c_active_alarm",resId);
}
... ...
// joke add 20210304 h3c bmc详情页
layui.define(['commonDetail','common', 'admin'], function (exports) {
var $ = layui.$;
var commonDetail = layui.commonDetail;
var common = layui.common;
var admin = layui.admin;
//对外暴露的接口
exports('host_bmc_h3c_r4960', function (data) {
var resId = '';
var resType = '';
var os = '';
var showFlag = common.getUrlParam("show");
if(showFlag && showFlag == '0'){
resId = common.getUrlParam("resId");
resType = common.getUrlParam("resType");
os = common.getUrlParam("os");
}else{
resId = data.resId;
resType = data.resType;
os = data.os;
}
//基本信息：设备健康度、设备名称、序列号、电源功率
var jbxxKpi = "KPID3DD6605,KPI9F694F60,KPI4419E8A1,KPI74DB2138";
//设置信息
var deviceKpi = "KPI9F694F60,KPI4419E8A1,KPI74DB2138";
//cpu信息
var cpukpi = "KPI6232CA8F,KPI70AEFC6A,KPI0990CD44,KPIF4362E32,KPIBDB60856,KPI15358CE3";
//磁盘信息
var diskkpi = "KPI9D22EAB6,KPI4419E8A1,KPI29D42042,KPI7B6A062F,KPI44C90B87,KPI32A0A858";
//内存信息
var memkpi = "KPI4E7CD5C9,KPI70AEFC6A,KPIC8EAE5A2,KPI8ED105CD,KPI4419E8A1";
//风扇信息
var fanKpi = "KPI28C9A37D,KPI1A9360B6,KPIF5D53796";
commonDetail.bindTips();
renderPageInfo();
//获取设备信息，左上角数据回填
function getDeviceInfo(resId) {
var url = "/api-web/detail/block?resId=" + resId + "&kpiId=" + jbxxKpi + "&hasTotal=null&isBasic=true";
admin.req({
url: common.domainName + url
}).done(function (res) {
$.each(res.data,function (i,e){
//设备名称
if (e.id == 'KPI9F694F60'){
$('#deviceName').html(e.value)
}
if (e.name == '设备型号'){
$('#deviceModel').html(e.value)
}
})
});
}
/**
* 计算表格数据的总数及在位数
* */
function setSumaryByType(resId,targetId,kpiIds,flagPrifix) {
var url = "/api-web/detail/table/page?resId=" + resId + "&kpiId=" + kpiIds + "&page=1&size=1000";
if (flagPrifix) {
url = url + "&flagPrifix="+flagPrifix;
}
admin.req({
url: common.domainName + url
}).done(function (res) {
var data = res.data[0];
var content = data.content;
var summaryCount = content.length;
var summaryIn = content.length;
$.each(content,function (ind,val) {
$.each(val,function (i,v) {
if (flagPrifix.indexOf('cpu') != -1){
if (v.kpiId === 'KPIF4362E32'){
var kpiValue = v.kpiValue.toString().toLowerCase().trim();
if (kpiValue === 'absence'){
summaryIn = summaryIn-1;
}
}
}else if (flagPrifix.indexOf('mem')!= -1){
if (v.kpiId === 'KPI8ED105CD'){
var kpiValue = v.kpiValue.toString().toLowerCase().trim();
if (kpiValue === 'absence'){
summaryIn = summaryIn-1;
}
}
}else if (flagPrifix.indexOf('disk')!= -1){
if (v.kpiId === 'KPI32A0A858'){
var kpiValue = v.kpiValue.toString().toLowerCase().trim();
if (kpiValue === 'absence'){
summaryIn = summaryIn-1;
}
}
}else if (flagPrifix.indexOf('fan')!= -1){
if (v.kpiId === 'KPIF5D53796'){
var kpiValue = v.kpiValue.toString().toLowerCase().trim();
if (kpiValue === 'absence'){
summaryIn = summaryIn-1;
}
}
}
})
})
$('#'+targetId).html('总数： '+summaryCount + '<br/><br/>在位： '+summaryIn)
});
}
//渲染页面
function renderPageInfo() {
//填充cpu总数及在位数
setSumaryByType(resId,'cpuSummaryInfo',cpukpi,'cpu-');
//填充内存总数及在位数
setSumaryByType(resId,'memSummaryInfo',memkpi,'mem-');
//填充磁盘总数及在位数
setSumaryByType(resId,'diskSummaryInfo',diskkpi,'disk-');
//填充风扇总数及在位数
setSumaryByType(resId,'fanSummaryInfo',fanKpi,'fan-');
//填充左上角设备信息
getDeviceInfo(resId,deviceKpi);
//资源状态
commonDetail.renderResHealthForH3cBmc("host_bmc_h3c_r4960_health_state",resId);
//基本信息,此处的kpiId传入一个，是因为左侧已经有其他信息，防止展示与左侧的重复
commonDetail.renderText("host_bmc_h3c_r4960_baseinfo",resId,'KPID3DD6605',null,null,null,"true","true","所属机房,所属机柜编号,起始U位,结束U位,用途,所属域,资源归属");
//设备信息
commonDetail.renderText("host_bmc_h3c_r4960_device_info",resId,deviceKpi,null,null,null);
//cpu信息
commonDetail.renderTableForH3cBmc("host_bmc_h3c_r4960_cpuinfo",false,resId,cpukpi,'CPU信息','cpu-','KPI6232CA8F','ASC');
//内存信息
commonDetail.renderTableForH3cBmc("host_bmc_h3c_r4960_meminfo",false,resId,memkpi,'内存信息','mem-','KPI4E7CD5C9','ASC');
//磁盘信息
commonDetail.renderTableForH3cBmc("host_bmc_h3c_r4960_diskinfo",false,resId,diskkpi,'磁盘信息','disk-','KPI9D22EAB6','ASC');
//风扇信息
commonDetail.renderTableForH3cBmc("host_bmc_h3c_r4960_faninfo",false,resId,fanKpi,'风扇信息','fan-','KPI28C9A37D','ASC');
//活动告警
commonDetail.renderActiveAlarms("host_bmc_h3c_r4960_active_alarm",resId);
}
//定时任务
var timer = setInterval(function () {
renderPageInfo()
},commonDetail.timerTime);
commonDetail.detailTimer.push(timer);
});
});
\ No newline at end of file
... ...
... ... @@ -4,89 +4,63 @@
<div class="main">
<div class="layui-card template_detail_content">
<div class="layui-card-body">
<div class="lay-row" style="height: 340px">
<div class="lay-row-item lay-row-item--auto-width">
<div style="height: 200px;" class="imgDiv">
<div style="float: left;width: 50%">
<div style="padding: 70px 10px;color: white">
<h1 style="margin-bottom: 15px;margin-left: 10px" id="deviceModel"></h1>
<label style="margin-left: 10px">主机名： <span id="deviceName"></span></label>
</div>
</div>
<div style="float: right;width: 50%">
<div style="margin: 60px 10px;">
<img class="h3c_bmc_img" src="src/style/img/detail/h3c_bmc.png">
</div>
</div>
</div>
<h5 class="lay-row-title">设备信息</h5>
<div class="info-table" id="host_bmc_h3c_device_info"></div>
<div class="lay-row">
<div class="lay-row-item lay-row-item--small">
<h5 class="lay-row-title">资源状态</h5>
<div class="res-state" id="host_bmc_h3c_health_state"></div>
</div>
<div class="lay-row-item lay-row-item--small">
<h5 class="lay-row-title">基本信息<i data-id="host_bmc_h3c_baseinfo" class="iconfont detail_base_info">&#xe61e;</i></h5>
<ul class="info-table" id="host_bmc_h3c_baseinfo"></ul>
</div>
<div class="border1" style="width: 400px;margin: 5px">
<h5 class="lay-row-title">设备健康度</h5>
<div class="res-state" style="padding-top: 20px" id="host_bmc_h3c_health_state"></div>
<!-- <div class="lay-row-item">-->
<!-- <h5 class="lay-row-title">内存容量信息<span id="host_bmc_h3c_memSummaryinfoDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="host_bmc_h3c_memSummaryinfoMore" class="layui-table-link">更多</span></h5>-->
<!-- <div id="host_bmc_h3c_memSummaryinfo"></div>-->
<!-- </div>-->
<div class="lay-row-item">
<h5 class="lay-row-title">电源信息<span id="host_bmc_h3c_powerinfoDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="host_bmc_h3c_powerinfoMore" class="layui-table-link">更多</span></h5>
<div id="host_bmc_h3c_powerinfo"></div>
</div>
</div>
<div class="lay-row">
<div class="border1 summaryDiv">
<div class="summaryDivImg">
<img src="src/style/img/detail/cpu.png">
</div>
<div>
<p id="cpuSummaryInfo">总数:2</p>
</div>
</div>
<div style="float: right" class="lay-row-item">
<div class="lay-row-item">
<h5 class="lay-row-title">CPU信息<span id="host_bmc_h3c_cpuinfoDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="host_bmc_h3c_cpuinfoMore" class="layui-table-link">更多</span></h5>
<div id="host_bmc_h3c_cpuinfo"></div>
</div>
</div>
<div class="lay-row">
<div class="border1 summaryDiv">
<div class="summaryDivImg">
<img src="src/style/img/detail/mem.png">
</div>
<div>
<p id="memSummaryInfo"></p>
</div>
</div>
<div style="float: right" class="lay-row-item">
<h5 class="lay-row-title">内存信息<span id="host_bmc_h3c_meminfoDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="host_bmc_h3c_meminfoMore" class="layui-table-link">更多</span></h5>
<div id="host_bmc_h3c_meminfo"></div>
</div>
</div>
<div class="lay-row">
<div class="border1 summaryDiv">
<div class="summaryDivImg">
<img src="src/style/img/detail/disk.png">
</div>
<div>
<p id="diskSummaryInfo"></p>
</div>
</div>
<div style="float: right" class="lay-row-item">
<div class="lay-row-item">
<h5 class="lay-row-title">磁盘信息<span id="host_bmc_h3c_diskinfoDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="host_bmc_h3c_diskinfoMore" class="layui-table-link">更多</span></h5>
<div id="host_bmc_h3c_diskinfo"></div>
</div>
</div>
<div class="lay-row">
<div class="border1 summaryDiv">
<div class="summaryDivImg">
<img src="src/style/img/detail/fan.png">
<div class="lay-row-item">
<h5 class="lay-row-title">逻辑磁盘信息<span id="host_bmc_h3c_logic_diskinfoDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="host_bmc_h3c_logic_diskinfoMore" class="layui-table-link">更多</span></h5>
<div id="host_bmc_h3c_logic_diskinfo"></div>
</div>
<div>
<p id="fanSummaryInfo"></p>
</div>
<div class="lay-row">
<div class="lay-row-item">
<h5 class="lay-row-title">内存信息<span id="host_bmc_h3c_meminfoDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="host_bmc_h3c_meminfoMore" class="layui-table-link">更多</span></h5>
<div id="host_bmc_h3c_meminfo"></div>
</div>
</div>
<div style="float: right" class="lay-row-item">
<div class="lay-row">
<div class="lay-row-item">
<h5 class="lay-row-title">风扇信息<span id="host_bmc_h3c_faninfoDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="host_bmc_h3c_faninfoMore" class="layui-table-link">更多</span></h5>
<div id="host_bmc_h3c_faninfo"></div>
</div>
</div>
<!-- <div class="lay-row">-->
<!-- -->
<!-- </div>-->
<!-- <div class="lay-row">-->
<!-- <div class="lay-row-item">-->
<!-- <h5 class="lay-row-title">传感器信息<span id="host_bmc_h3c_sensorinfoDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="host_bmc_h3c_sensorinfoMore" class="layui-table-link">更多</span></h5>-->
<!-- <div id="host_bmc_h3c_sensorinfo"></div>-->
<!-- </div>-->
<!-- </div>-->
<div class="lay-row">
<div class="lay-row-item">
<h5 class="lay-row-title">实时告警动态</h5>
... ... @@ -110,45 +84,3 @@
}
});
</script>
\ No newline at end of file
<style>
.imgDiv{
background-color: #536ead;
}
.h3c_bmc_img{
max-width:99%;margin-right:auto;margin-left:auto;
}
.template .lay-row-item .info-table li span:nth-child(2), .template .lay-row-item .info-table li span:nth-child(4) {
text-align: right; !important;
}
.border1{
border: 1px solid rgba(151, 151, 151, 0.13);
}
.buttonUnknown{
background-color: #424242; !important;
}
.buttonOk{
background-color: #84cb3a; !important;
}
.buttonMlnor{
background-color: #4c9df8; !important;
}
.buttonMajor{
background-color: #e9a944; !important;
}
.buttonCritical{
background-color: #c63520; !important;
}
.buttonAbsence{
background-color: #c5c5c5; !important;
}
.summaryDiv{
justify-content: space-evenly;
align-items: center;
display: flex;
width: 200px;
margin: 5px;
}
.summaryDiv .summaryDivImg{
width: 50px;
}
</style>
\ No newline at end of file
... ...
<!--华三 h3cbmc详细页面-->
<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" style="height: 340px">
<div class="lay-row-item lay-row-item--auto-width">
<div style="height: 185px;" class="imgDiv">
<div style="float: left;width: 50%">
<div style="padding: 70px 10px;color: white">
<h1 style="margin-bottom: 15px;margin-left: 10px" id="deviceModel"></h1>
<label style="margin-left: 10px">主机名： <span id="deviceName"></span></label>
</div>
</div>
<div style="float: right;width: 50%">
<div style="margin: 55px 10px;">
<img class="h3c_bmc_img" src="src/style/img/detail/h3c_bmc.png">
</div>
</div>
</div>
<h5 class="lay-row-title">设备信息</h5>
<div class="info-table" id="host_bmc_h3c_r4960_device_info"></div>
</div>
<div class="lay-row-item lay-row-item--small">
<h5 class="lay-row-title">基本信息<i data-id="host_bmc_h3c_r4960_baseinfo" class="iconfont detail_base_info">&#xe61e;</i></h5>
<ul class="info-table" id="host_bmc_h3c_r4960_baseinfo"></ul>
</div>
<div class="border1" style="width: 400px;margin: 5px">
<h5 class="lay-row-title">设备健康度</h5>
<div class="res-state" style="padding-top: 20px" id="host_bmc_h3c_r4960_health_state"></div>
</div>
</div>
<div class="lay-row">
<div class="border1 summaryDiv">
<div class="summaryDivImg">
<img src="src/style/img/detail/cpu.png">
</div>
<div>
<p id="cpuSummaryInfo">总数:2</p>
</div>
</div>
<div style="float: right" class="lay-row-item">
<h5 class="lay-row-title">CPU信息<span id="host_bmc_h3c_r4960_cpuinfoDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="host_bmc_h3c_r4960_cpuinfoMore" class="layui-table-link">更多</span></h5>
<div id="host_bmc_h3c_r4960_cpuinfo"></div>
</div>
</div>
<div class="lay-row">
<div class="border1 summaryDiv">
<div class="summaryDivImg">
<img src="src/style/img/detail/mem.png">
</div>
<div>
<p id="memSummaryInfo"></p>
</div>
</div>
<div style="float: right" class="lay-row-item">
<h5 class="lay-row-title">内存信息<span id="host_bmc_h3c_r4960_meminfoDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="host_bmc_h3c_r4960_meminfoMore" class="layui-table-link">更多</span></h5>
<div id="host_bmc_h3c_r4960_meminfo"></div>
</div>
</div>
<div class="lay-row">
<div class="border1 summaryDiv">
<div class="summaryDivImg">
<img src="src/style/img/detail/disk.png">
</div>
<div>
<p id="diskSummaryInfo"></p>
</div>
</div>
<div style="float: right" class="lay-row-item">
<h5 class="lay-row-title">磁盘信息<span id="host_bmc_h3c_r4960_diskinfoDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="host_bmc_h3c_r4960_diskinfoMore" class="layui-table-link">更多</span></h5>
<div id="host_bmc_h3c_r4960_diskinfo"></div>
</div>
</div>
<div class="lay-row">
<div class="border1 summaryDiv">
<div class="summaryDivImg">
<img src="src/style/img/detail/fan.png">
</div>
<div>
<p id="fanSummaryInfo"></p>
</div>
</div>
<div style="float: right" class="lay-row-item">
<h5 class="lay-row-title">风扇信息<span id="host_bmc_h3c_r4960_faninfoDownload" class="layui-table-link" style="margin-left: 10px;">下载</span><span id="host_bmc_h3c_r4960_faninfoMore" class="layui-table-link">更多</span></h5>
<div id="host_bmc_h3c_r4960_faninfo"></div>
</div>
</div>
<div class="lay-row">
<div class="lay-row-item">
<h5 class="lay-row-title">实时告警动态</h5>
<div id="host_bmc_h3c_r4960_active_alarm"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
<textarea id="host_bmc_h3c_r4960_param_id" style="display: none;">{{d}}</textarea>
<script>
layui.use('host_bmc_h3c_r4960', function (fn) {
var $ = layui.$;
var parm = $("#host_bmc_h3c_r4960_param_id").val();
if(parm.indexOf('{{d') != -1){
fn();
}else{
fn(JSON.parse(parm));
}
});
</script>
<style>
.imgDiv{
background-color: #536ead;
}
.h3c_bmc_img{
max-width:99%;margin-right:auto;margin-left:auto;
}
.template .lay-row-item .info-table li span:nth-child(2), .template .lay-row-item .info-table li span:nth-child(4) {
text-align: right; !important;
}
.border1{
border: 1px solid rgba(151, 151, 151, 0.13);
}
.buttonUnknown{
background-color: #424242; !important;
}
.buttonOk{
background-color: #84cb3a; !important;
}
.buttonMlnor{
background-color: #4c9df8; !important;
}
.buttonMajor{
background-color: #e9a944; !important;
}
.buttonCritical{
background-color: #c63520; !important;
}
.buttonAbsence{
background-color: #c5c5c5; !important;
}
.summaryDiv{
justify-content: space-evenly;
align-items: center;
display: flex;
width: 200px;
margin: 5px;
}
.summaryDiv .summaryDivImg{
width: 50px;
}
.template .lay-row-item .info-table {
height: 280px;
overflow: hidden;
}
</style>
\ No newline at end of file
... ...