@riil-frontend/component-topology 8.0.0-a.10 → 8.0.0-a.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.js +10 -10
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/services/overview.js +33 -9
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +121 -249
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useAlarmAndRiskData.js +171 -0
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/services/overview.js +32 -8
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +122 -249
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useAlarmAndRiskData.js +184 -0
- package/package.json +2 -2
@@ -0,0 +1,184 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
exports.__esModule = true;
|
6
|
+
exports["default"] = void 0;
|
7
|
+
|
8
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
9
|
+
|
10
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
11
|
+
|
12
|
+
var _ahooks = require("ahooks");
|
13
|
+
|
14
|
+
var _react = require("react");
|
15
|
+
|
16
|
+
var _alarm = _interopRequireDefault(require("../../../../../../../services/alarm"));
|
17
|
+
|
18
|
+
var _overview = _interopRequireDefault(require("../../../../../../../services/overview"));
|
19
|
+
|
20
|
+
/**
|
21
|
+
* 概览指标定义
|
22
|
+
* @param {*} props
|
23
|
+
*/
|
24
|
+
var useAlarmAndRiskData = function useAlarmAndRiskData(props) {
|
25
|
+
var id = props.id,
|
26
|
+
isAppTopo = props.isAppTopo,
|
27
|
+
resourceOverviewProps = props.resourceOverviewProps,
|
28
|
+
childrenIds = props.childrenIds,
|
29
|
+
userId = props.userId;
|
30
|
+
|
31
|
+
var _useState = (0, _react.useState)([]),
|
32
|
+
alarmRiskList = _useState[0],
|
33
|
+
setAlarmRiskList = _useState[1]; // 获取告警/风险信息
|
34
|
+
|
35
|
+
|
36
|
+
function getAlarmRiskData(_x) {
|
37
|
+
return _getAlarmRiskData.apply(this, arguments);
|
38
|
+
} // 轮询hooks
|
39
|
+
|
40
|
+
|
41
|
+
function _getAlarmRiskData() {
|
42
|
+
_getAlarmRiskData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(id) {
|
43
|
+
var _alarmList, _yield$resourceOvervi, alarmList, _yield$alarmService$g, _alarmList2, AllComponentsByCiId, _yield$service$getRis, riskList;
|
44
|
+
|
45
|
+
return _regenerator["default"].wrap(function _callee$(_context) {
|
46
|
+
while (1) {
|
47
|
+
switch (_context.prev = _context.next) {
|
48
|
+
case 0:
|
49
|
+
if (!isAppTopo) {
|
50
|
+
_context.next = 9;
|
51
|
+
break;
|
52
|
+
}
|
53
|
+
|
54
|
+
_context.next = 3;
|
55
|
+
return resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : resourceOverviewProps.getData({
|
56
|
+
id: id // metrics: topModelMetrics,
|
57
|
+
|
58
|
+
});
|
59
|
+
|
60
|
+
case 3:
|
61
|
+
_yield$resourceOvervi = _context.sent;
|
62
|
+
alarmList = _yield$resourceOvervi.alarms;
|
63
|
+
alarmList = ((_alarmList = alarmList) === null || _alarmList === void 0 ? void 0 : _alarmList.map(function (item) {
|
64
|
+
return {
|
65
|
+
type: 'alarm',
|
66
|
+
icon: 'gaojing-3',
|
67
|
+
className: "alarm-color-icon-lv" + item.alertLevel,
|
68
|
+
title: "[" + item.alertObject + "] " + item.alertTitle,
|
69
|
+
link: "/default/pagecenter/alertDetail/view/" + item.alertId + "?alertId=" + item.alertId + "&resId=" + item.ciId + "&title=" + item.alertObject + "&ruleId=" + item.ruleId,
|
70
|
+
time: item.createTime,
|
71
|
+
status: item.status,
|
72
|
+
params: [{
|
73
|
+
alertId: item.alertId,
|
74
|
+
status: 'dealing',
|
75
|
+
userId: userId,
|
76
|
+
isBaseAlert: false
|
77
|
+
}]
|
78
|
+
};
|
79
|
+
})) || [];
|
80
|
+
setAlarmRiskList(alarmList);
|
81
|
+
_context.next = 24;
|
82
|
+
break;
|
83
|
+
|
84
|
+
case 9:
|
85
|
+
_context.next = 11;
|
86
|
+
return _alarm["default"].getAlarmByIds([id].concat(childrenIds), {
|
87
|
+
alertStatusList: ['toDeal', 'woDealing', 'dealing'],
|
88
|
+
// toDeal: 待处理, dealing:处理中
|
89
|
+
pageNum: 1,
|
90
|
+
pageSize: 10000,
|
91
|
+
sortField: 'alertLevel',
|
92
|
+
sortOrder: 'asc'
|
93
|
+
});
|
94
|
+
|
95
|
+
case 11:
|
96
|
+
_yield$alarmService$g = _context.sent;
|
97
|
+
_alarmList2 = _yield$alarmService$g.datas;
|
98
|
+
// 2022-07-16 后端不支持多列排序,暂通过前端实现,按创建时间倒序
|
99
|
+
_alarmList2 = _alarmList2.sort(function (a, b) {
|
100
|
+
return b.createTime - a.createTime;
|
101
|
+
});
|
102
|
+
_alarmList2 = _alarmList2.map(function (item) {
|
103
|
+
return {
|
104
|
+
type: 'alarm',
|
105
|
+
icon: 'gaojing-3',
|
106
|
+
className: "alarm-color-icon-lv" + item.alertLevel,
|
107
|
+
title: "" + item.alertObject + item.alertTitle,
|
108
|
+
link: "/default/pagecenter/alertDetail/view/" + item.alertId + "?alertId=" + item.alertId + "&resId=" + item.ciId + "&title=" + item.alertObject + "&ruleId=" + item.ruleId,
|
109
|
+
time: item.createTime,
|
110
|
+
status: item.status,
|
111
|
+
params: [{
|
112
|
+
alertId: item.alertId,
|
113
|
+
status: 'dealing',
|
114
|
+
userId: userId,
|
115
|
+
isBaseAlert: false
|
116
|
+
}]
|
117
|
+
};
|
118
|
+
}); // fix NEWITOM-33635【南昌大学】网络拓扑上双击设备拉开的抽屉中无法看到风险
|
119
|
+
|
120
|
+
_context.next = 17;
|
121
|
+
return _overview["default"].queryAllComponentsByCiId(id);
|
122
|
+
|
123
|
+
case 17:
|
124
|
+
AllComponentsByCiId = _context.sent;
|
125
|
+
_context.next = 20;
|
126
|
+
return _overview["default"].getRiskByIds({
|
127
|
+
ciIdList: [id].concat(childrenIds, AllComponentsByCiId.map(function (item) {
|
128
|
+
return item.id;
|
129
|
+
})),
|
130
|
+
statusList: ['toDeal', 'dealing'],
|
131
|
+
current: 1,
|
132
|
+
pageSize: 10000
|
133
|
+
});
|
134
|
+
|
135
|
+
case 20:
|
136
|
+
_yield$service$getRis = _context.sent;
|
137
|
+
riskList = _yield$service$getRis.content;
|
138
|
+
riskList = riskList.map(function (item) {
|
139
|
+
return {
|
140
|
+
type: 'risk',
|
141
|
+
icon: 'Overall_risk_full',
|
142
|
+
className: 'risk-icon',
|
143
|
+
title: "" + item.ciName + item.itemName,
|
144
|
+
link: "/default/inspectionTaskList/inspectionReport?title=" + item.ciName + "&reportId=" + item.executeId + "&reportTime=" + item.executeTime + "&reportType=" + item.viewType + "&reportName=" + item.reportName,
|
145
|
+
time: item.firstFoundTime
|
146
|
+
};
|
147
|
+
}); // console.log('告警和风险', alarmList, riskList);
|
148
|
+
|
149
|
+
setAlarmRiskList([].concat(_alarmList2, riskList));
|
150
|
+
|
151
|
+
case 24:
|
152
|
+
case "end":
|
153
|
+
return _context.stop();
|
154
|
+
}
|
155
|
+
}
|
156
|
+
}, _callee);
|
157
|
+
}));
|
158
|
+
return _getAlarmRiskData.apply(this, arguments);
|
159
|
+
}
|
160
|
+
|
161
|
+
var request = (0, _ahooks.useRequest)(getAlarmRiskData, {
|
162
|
+
pollingInterval: 1000 * 15,
|
163
|
+
pollingWhenHidden: false,
|
164
|
+
// debounceInterval: 200,
|
165
|
+
manual: true,
|
166
|
+
onSuccess: function onSuccess() {}
|
167
|
+
});
|
168
|
+
(0, _react.useEffect)(function () {
|
169
|
+
setAlarmRiskList([]);
|
170
|
+
request.run(id);
|
171
|
+
return function () {
|
172
|
+
request.cancel();
|
173
|
+
};
|
174
|
+
}, [id]);
|
175
|
+
return {
|
176
|
+
alarmRiskList: alarmRiskList,
|
177
|
+
refreshAlarmData: function refreshAlarmData() {
|
178
|
+
request.run();
|
179
|
+
}
|
180
|
+
};
|
181
|
+
};
|
182
|
+
|
183
|
+
var _default = useAlarmAndRiskData;
|
184
|
+
exports["default"] = _default;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@riil-frontend/component-topology",
|
3
|
-
"version": "8.0.0-a.
|
3
|
+
"version": "8.0.0-a.11",
|
4
4
|
"description": "拓扑",
|
5
5
|
"scripts": {
|
6
6
|
"start": "build-scripts start",
|
@@ -116,6 +116,6 @@
|
|
116
116
|
"access": "public"
|
117
117
|
},
|
118
118
|
"license": "MIT",
|
119
|
-
"homepage": "https://unpkg.com/@riil-frontend/component-topology@8.0.0-a.
|
119
|
+
"homepage": "https://unpkg.com/@riil-frontend/component-topology@8.0.0-a.11/build/index.html",
|
120
120
|
"gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
|
121
121
|
}
|