This commit is contained in:
zhu-yuncheng 2022-12-12 12:02:19 +08:00
parent fc9273dae1
commit c66007b4e6
2 changed files with 230 additions and 3 deletions

View File

@ -0,0 +1,224 @@
From 543e029484196a8aabf729979fbea4927f5fa261 Mon Sep 17 00:00:00 2001
From: wkl505997900 <505997900@qq.com>
Date: Fri, 9 Dec 2022 19:41:50 +0800
Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E7=AB=AF=E7=AC=AC=E5=9B=9B=E6=AC=A1?=
=?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/api/check.js | 2 +-
src/views/diagnosis/AbnormalAlert.vue | 2 +-
src/views/diagnosis/AppTemplateInfo.vue | 89 +++++++++++++++----------
src/views/diagnosis/WorkflowDetail.vue | 16 +++--
4 files changed, 67 insertions(+), 42 deletions(-)
diff --git a/src/api/check.js b/src/api/check.js
index 9ad3b1f..dce135c 100644
--- a/src/api/check.js
+++ b/src/api/check.js
@@ -341,7 +341,7 @@ export function getAlertRecordResult(parameter) {
per_page: parameter.per_page || 10,
domain: parameter.domain || [],
sort: 'time',
- direction: directionMap[parameter.direction] || 'asc'
+ direction: directionMap[parameter.direction] || 'desc'
},
/**
diff --git a/src/views/diagnosis/AbnormalAlert.vue b/src/views/diagnosis/AbnormalAlert.vue
index 06e865b..5db86e0 100644
--- a/src/views/diagnosis/AbnormalAlert.vue
+++ b/src/views/diagnosis/AbnormalAlert.vue
@@ -98,7 +98,7 @@ export default {
align: 'center',
filters: this.domainFilters,
filteredValue: filters.domain || null,
- filterMultiple: false
+ filterMultiple: true
},
{
title: '异常主机数',
diff --git a/src/views/diagnosis/AppTemplateInfo.vue b/src/views/diagnosis/AppTemplateInfo.vue
index 0a6b559..7961e30 100644
--- a/src/views/diagnosis/AppTemplateInfo.vue
+++ b/src/views/diagnosis/AppTemplateInfo.vue
@@ -40,38 +40,38 @@ import G6 from '@antv/g6';
import {getWorkflowAppExtraInfo} from '@/api/check';
import DrawerView from '@/views/utils/DrawerView';
// g6画图数据自行编写的
-const NodeData = {
- nodes: [
- {
- id: 'node1',
- label: '单指标检测',
- x: 150,
- y: 200
- },
- {
- id: 'node2',
- label: '多指标检测',
- x: 450,
- y: 200
- },
- {
- id: 'node3',
- label: '集群故障诊断',
- x: 750,
- y: 200
- }
- ],
- edges: [
- {
- source: 'node1',
- target: 'node2'
- },
- {
- source: 'node2',
- target: 'node3'
- }
- ]
-};
+// const NodeData = {
+// nodes: [
+// {
+// id: 'node1',
+// label: '单指标检测',
+// x: 150,
+// y: 200
+// },
+// {
+// id: 'node2',
+// label: '多指标检测',
+// x: 450,
+// y: 200
+// },
+// {
+// id: 'node3',
+// label: '集群故障诊断',
+// x: 750,
+// y: 200
+// }
+// ],
+// edges: [
+// {
+// source: 'node1',
+// target: 'node2'
+// },
+// {
+// source: 'node2',
+// target: 'node3'
+// }
+// ]
+// };
const singleItemCheckColum = [
{
title: '指标名',
@@ -110,18 +110,25 @@ export default {
},
data() {
return {
+ NodeData: {},
+ abb: [],
+ add: [],
appInfo: '',
singleItemCheckColum,
multiItemCheckColum,
label: '',
- detail: []
+ detail: [],
+ detailMap: {
+ diag: '单指标检测',
+ multicheck: '多指标检测',
+ singlecheck: '集群故障诊断'
+ }
};
},
created() {
this.app_id = this.$route.params.appId;
},
mounted: function() {
- this.drawMap();
this.getAppInformation();
},
methods: {
@@ -130,6 +137,18 @@ export default {
getWorkflowAppExtraInfo(this.app_id)
.then(function(res) {
_this.appInfo = res.result;
+ _this.abb = Object.keys(res.result.detail).map((key, index) => ({
+ id: index + '',
+ label: _this.detailMap[key],
+ x: 150 + index * 300,
+ y: 200
+ }))
+ _this.add = Object.keys(res.result.detail).map((key, index) => ({
+ source: index + '',
+ target: index + 1 + ''
+ })).slice(0, -1)
+ _this.NodeData = {nodes: _this.abb, edges: _this.add};
+ _this.drawMap();
})
.catch(function(err) {
_this.$message.error(err.response.data.msg);
@@ -166,7 +185,7 @@ export default {
}
}
});
- graph.data(NodeData);
+ graph.data(this.NodeData);
graph.render();
}
}
diff --git a/src/views/diagnosis/WorkflowDetail.vue b/src/views/diagnosis/WorkflowDetail.vue
index 30e148b..26b1d4f 100644
--- a/src/views/diagnosis/WorkflowDetail.vue
+++ b/src/views/diagnosis/WorkflowDetail.vue
@@ -51,10 +51,8 @@
</a-col>
</a-row>
<a-row class="tab-container">
- <a-tabs default-active-key="1" @change="callback">
- <a-tab-pane key="singlecheck" tab="单指标检测"> </a-tab-pane>
- <a-tab-pane key="multicheck" tab="多指标检测"> </a-tab-pane>
- <a-tab-pane key="diag" tab="集群故障诊断"> </a-tab-pane>
+ <a-tabs :default-active-key="key" @change="callback">
+ <a-tab-pane v-for="item in detailMap" :key="item" :tab="detailStatusMap[item]"> </a-tab-pane>
</a-tabs>
</a-row>
</a-card>
@@ -178,6 +176,12 @@ export default {
},
data() {
return {
+ detailStatusMap: {
+ diag: '单指标检测',
+ multicheck: '多指标检测',
+ singlecheck: '集群故障诊断'
+ },
+ detailMap: [],
workflow: {},
statusMap,
hostcheckColums,
@@ -187,7 +191,7 @@ export default {
multicheckColumns,
pagination: defaultPagination,
tableIsLoading: false,
- key: 'singlecheck',
+ key: 'multicheck',
singlecheckModel: [],
singlecheck: [],
multicheck: [],
@@ -257,6 +261,8 @@ export default {
getWorkflowDatail(this.workflow_id)
.then(function(res) {
_this.workflow = res.result;
+ _this.key = Object.keys(res.result.detail)[0];
+ _this.detailMap = Object.keys(res.result.detail);
const tempArr = [];
for (const modelId in _this.workflow.model_info) {
if (modelId === _this.workflow.detail.diag) {
--
2.33.0

View File

@ -2,13 +2,13 @@
Name: aops-hermes
Version: v1.1.2
Release: 1
Release: 2
Summary: Web for an intelligent diagnose frame
License: MulanPSL2
URL: https://gitee.com/openeuler/%{name}
Source0: %{name}-%{version}.tar.gz
Source1: node-modules.tar.gz
Patch0001: 0001-some-bugfix-for-diana-website.patch
BuildRequires: nodejs node-gyp nodejs-yarn
@ -20,7 +20,7 @@ Web for an intelligent diagnose frame
%prep
%autosetup -n %{name}-%{version}
%autosetup -n %{name}-%{version} -p1
%setup -T -D -a 1
@ -44,6 +44,9 @@ cp -r deploy/aops-hermes.service %{buildroot}/usr/lib/systemd/system/
%changelog
* Mon Dec 12 2022 zhuyuncheng<zhuyuncheng@huawei.com> - v1.1.2-2
- fix some bugs in diana website
* Wed Dec 07 2022 wenxin<shusheng.wen@outlook.com> - v1.1.2-1
- fix some bugs