Authored by xwx

故障诊断提示框调整

... ... @@ -15,7 +15,7 @@
<div style="width: 230px;margin-left: 20px;display: flex;align-self: center;align-items:center;color: #666666;font-size: 16px">
<img src="../src/style/img/fault/npm/npmLink.png">
<span style="margin: 0px 6px 0px 6px;width: 105px">诊断应用</span>
<h class="text-link" @click="openBusScenarios()">{{getFaultItemValue(dialTest,'diagnosticResources')}}</h>
<h class="text-link" @click="openBusScenarios('','诊断应用')">{{getFaultItemValue(dialTest,'diagnosticResources')}}</h>
</div>
|
<div style="width: 200px;margin-left: 20px;display: flex;align-self: center;align-items:center;color: #666666;font-size: 16px">
... ... @@ -59,7 +59,7 @@
<div style="width: 566px;min-height: 357px;background: url('../src/style/img/fault/apm/apmCard.png') no-repeat;background-size: 100% 100%;margin: 0px 0px 26px 90px;box-sizing: border-box;text-align: center;margin: 0 auto;padding-top: 65px">
<div style="color: #ffffff;font-size: 24px;">{{item.resClassName}}</div>
<img src="../src/style/img/fault/apm/apmAbout.png" style="padding-top: 30px;">
<div style="padding-top: 30px;font-size: 18px;color: #333333">应用:<span class="text-link" @click="openBusScenarios(item.resClass)">{{item.applicationName}}</span></div>
<div style="padding-top: 30px;font-size: 18px;color: #333333">应用:<span class="text-link" @click="openBusScenarios(item.resClass,'应用')">{{item.applicationName}}</span></div>
<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#aed6f4 size=1>
<div style="text-align: left;display: flex;margin-top: 10px;margin-left: 76px;font-size: 18px;">
<div style="width: 230px;display: flex;align-self: center;align-items:center;">
... ...
... ... @@ -98,7 +98,7 @@ export default {
service.sendEventMoreDialog(emit, proxy.$global, card.value);
}
//诊断应用
const openBusScenarios = (resClass) => {
const openBusScenarios = (resClass,title) => {
let param = [{
prop: 'extendCol3',
label: '名称',
... ... @@ -115,7 +115,7 @@ export default {
prop: 'os',
label: '操作系统',
}]
service.sendEventDiagnoseBusinessScenarios(emit, props.faultNo,props.targetType.toLocaleLowerCase(),param,resClass,'','诊断应用');
service.sendEventDiagnoseBusinessScenarios(emit, props.faultNo,props.targetType.toLocaleLowerCase(),param,resClass,title);
}
const openKpiList = () => {
service.sendEventDiagnoseKpiList(emit, props.faultNo,props.targetType.toLocaleLowerCase());
... ...
... ... @@ -4,7 +4,6 @@
<h3 style="margin-left: 10px;color: #666666;font-size: 18px">业务拨测</h3>
<div style="line-height: 60px;" class="m-l-6">
<el-tooltip
effect="light"
placement="top-start">
<template #content>
展示每个场景的拨测结果,颜色代表拨测结果 <br/>
... ...
... ... @@ -5,7 +5,6 @@
<h3 style="margin-left: 10px;color: #666666;font-size: 18px">基础资源</h3>
<div style="line-height: 60px;" class="m-l-6">
<el-tooltip
effect="light"
placement="top-start">
<template #content>
以图标方式展示每个资源类型的告警结果,颜色代表告警结果 <br/>
... ...
... ... @@ -4,7 +4,6 @@
<h3 style="margin-left: 10px;color: #666666;font-size: 18px">NPM</h3>
<div style="line-height: 60px;" class="m-l-6">
<el-tooltip
effect="light"
placement="top-start">
<template #content>
展示每个链路节点数的监控结果,指标值颜色代表结果 <br/>
... ...