@riil-frontend/component-topology 2.12.7-alpha.21 → 2.12.7-alpha.25
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.css +1 -1
- package/build/index.js +9 -9
- package/es/core/components/AlarmListPanel/components/AlarmListItem.js +2 -3
- package/es/core/components/AlarmListPanel/index.js +16 -8
- package/es/core/editor/components/settings/common/LayoutSettings.module.scss +3 -3
- package/es/core/editor/components/settings/propertyViews/group/DataTab/hoooks/useGroupRelateResource.js +2 -2
- package/es/core/editor/components/settings/propertyViews/layer/DataTab/NodeList.js +1 -1
- package/es/core/editor/components/settings/propertyViews/layer/DataTab/RelateData.js +3 -3
- package/es/core/editor/components/settings/propertyViews/node/NodePropertyView.js +20 -5
- package/es/core/models/common/Alarm.js +89 -34
- package/es/core/models/common/mocks/index.js +39 -0
- package/es/hooks/useAlarm.js +33 -17
- package/es/hooks/useTopoEdit.js +2 -2
- package/es/models/topoAlarm.js +3 -2
- package/es/models/topoMod.js +2 -2
- package/es/topoCenter/components/editor/propertyViews/LayerRelatedResourceList.js +1 -1
- package/es/utils/htElementUtils.js +8 -7
- package/lib/core/components/AlarmListPanel/components/AlarmListItem.js +1 -2
- package/lib/core/components/AlarmListPanel/index.js +15 -7
- package/lib/core/editor/components/settings/common/LayoutSettings.module.scss +3 -3
- package/lib/core/editor/components/settings/propertyViews/group/DataTab/hoooks/useGroupRelateResource.js +1 -1
- package/lib/core/editor/components/settings/propertyViews/layer/DataTab/NodeList.js +1 -1
- package/lib/core/editor/components/settings/propertyViews/layer/DataTab/RelateData.js +3 -3
- package/lib/core/editor/components/settings/propertyViews/node/NodePropertyView.js +21 -5
- package/lib/core/models/common/Alarm.js +93 -32
- package/lib/core/models/common/mocks/index.js +44 -0
- package/lib/hooks/useAlarm.js +29 -13
- package/lib/hooks/useTopoEdit.js +1 -1
- package/lib/models/topoAlarm.js +2 -1
- package/lib/models/topoMod.js +2 -2
- package/lib/topoCenter/components/editor/propertyViews/LayerRelatedResourceList.js +1 -1
- package/lib/utils/htElementUtils.js +9 -8
- package/package.json +3 -3
|
@@ -108,15 +108,16 @@ export function getGroupNodes(dataModel, groupIdOrTag) {
|
|
|
108
108
|
/**
|
|
109
109
|
* 获取分层里的节点列表
|
|
110
110
|
*
|
|
111
|
-
* @param
|
|
112
|
-
* @param layerId
|
|
111
|
+
* @param layer
|
|
113
112
|
* @return {*}
|
|
114
113
|
*/
|
|
115
114
|
|
|
116
|
-
export function getLayerChildrenNodes(
|
|
117
|
-
|
|
118
|
-
return
|
|
119
|
-
}
|
|
115
|
+
export function getLayerChildrenNodes(layer) {
|
|
116
|
+
if (!layer) {
|
|
117
|
+
return [];
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
return layer.getChildren().getArray().filter(isNode);
|
|
120
121
|
}
|
|
121
122
|
/**
|
|
122
123
|
* 获取容器里的子元素列表
|
|
@@ -142,7 +143,7 @@ export function getGroupChildren(group) {
|
|
|
142
143
|
* @return {*}
|
|
143
144
|
*/
|
|
144
145
|
|
|
145
|
-
export function
|
|
146
|
+
export function getGroupChildrenNodes(group) {
|
|
146
147
|
if (!group) {
|
|
147
148
|
return [];
|
|
148
149
|
}
|
|
@@ -25,11 +25,10 @@ function AlarmListItem(props) {
|
|
|
25
25
|
// 传入参数
|
|
26
26
|
var topo = props.topo,
|
|
27
27
|
alarmInfo = props.alarmInfo;
|
|
28
|
-
console.log("AlarmListPanel-AlarmListItem", alarmInfo);
|
|
29
28
|
return /*#__PURE__*/_react["default"].createElement(_list["default"].Item, {
|
|
30
29
|
className: _indexModule["default"].AlarmListItem,
|
|
31
30
|
media: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
|
|
32
|
-
type: "
|
|
31
|
+
type: "gaojing-3",
|
|
33
32
|
size: "xs",
|
|
34
33
|
className: _indexModule["default"]["alarm-color-icon"] + " alarm-color-icon-lv" + alarmInfo.alertLevel
|
|
35
34
|
})
|
|
@@ -28,27 +28,35 @@ function AlarmListPanel(props, ref) {
|
|
|
28
28
|
var topo = props.topo,
|
|
29
29
|
topoState = props.topoState,
|
|
30
30
|
visible = props.visible;
|
|
31
|
-
var
|
|
32
|
-
|
|
31
|
+
var alarm = topo.alarm;
|
|
32
|
+
|
|
33
|
+
var _alarm$getState = alarm.getState(),
|
|
34
|
+
alarmData = _alarm$getState.alarmData;
|
|
33
35
|
|
|
34
36
|
var onClose = function onClose() {
|
|
35
37
|
topo.switchAlarmPopPanel(false);
|
|
36
38
|
};
|
|
37
39
|
|
|
38
|
-
var _useState = (0, _react.useState)(
|
|
40
|
+
var _useState = (0, _react.useState)(_mocks.alarmListDemo),
|
|
39
41
|
alarmList = _useState[0],
|
|
40
42
|
setAlarmList = _useState[1];
|
|
41
43
|
|
|
42
44
|
(0, _react.useEffect)(function () {
|
|
43
|
-
topo.switchAlarmPopPanel(alarm.
|
|
45
|
+
topo.switchAlarmPopPanel(alarm.alarmIsOpened && (alarmList === null || alarmList === void 0 ? void 0 : alarmList.length) > 0);
|
|
44
46
|
}, []);
|
|
45
47
|
(0, _react.useEffect)(function () {
|
|
46
|
-
console.log("AlarmListPanel-useEffect",
|
|
48
|
+
console.log("AlarmListPanel-useEffect", topo, alarmData);
|
|
47
49
|
|
|
48
50
|
if (alarm.alarmSwitch) {
|
|
49
|
-
|
|
51
|
+
if (alarmData) {
|
|
52
|
+
var _alarmData$slice;
|
|
53
|
+
|
|
54
|
+
setAlarmList((_alarmData$slice = alarmData === null || alarmData === void 0 ? void 0 : alarmData.slice(0, 9)) !== null && _alarmData$slice !== void 0 ? _alarmData$slice : []);
|
|
55
|
+
} else {
|
|
56
|
+
setAlarmList([]);
|
|
57
|
+
}
|
|
50
58
|
}
|
|
51
|
-
}, [
|
|
59
|
+
}, [alarmData]);
|
|
52
60
|
return /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
|
|
53
61
|
className: _indexModule["default"].AlarmListPanel,
|
|
54
62
|
id: "AlarmListPanel",
|
|
@@ -25,7 +25,7 @@ function useGroupRelateResource(props) {
|
|
|
25
25
|
var group = props.group,
|
|
26
26
|
topo = props.topo; // const [resources, setResources] = useState([]);
|
|
27
27
|
|
|
28
|
-
var nodes = (0, _htElementUtils.
|
|
28
|
+
var nodes = (0, _htElementUtils.getGroupChildrenNodes)(group); // 过滤出资源
|
|
29
29
|
|
|
30
30
|
var resourceNodes = nodes.filter(function (node) {
|
|
31
31
|
return !!node.getTag();
|
|
@@ -27,7 +27,7 @@ function LayerResourceList(props) {
|
|
|
27
27
|
var _topo$store$useModelS = topo.store.useModelState('topoMod'),
|
|
28
28
|
topoData = _topo$store$useModelS.data;
|
|
29
29
|
|
|
30
|
-
var nodes = (0, _htElementUtils.getLayerChildrenNodes)(
|
|
30
|
+
var nodes = (0, _htElementUtils.getLayerChildrenNodes)(layer);
|
|
31
31
|
var data = nodes.map(function (node) {
|
|
32
32
|
return {
|
|
33
33
|
title: node.a('name'),
|
|
@@ -28,7 +28,7 @@ function LayerRelateData(props) {
|
|
|
28
28
|
key: "\u5173\u8054\u8D44\u6E90",
|
|
29
29
|
title: /*#__PURE__*/_react["default"].createElement("div", {
|
|
30
30
|
style: {
|
|
31
|
-
display:
|
|
31
|
+
display: 'flex',
|
|
32
32
|
paddingRight: 12
|
|
33
33
|
}
|
|
34
34
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -40,13 +40,13 @@ function LayerRelateData(props) {
|
|
|
40
40
|
layer: values,
|
|
41
41
|
topoEdit: topoEditApi,
|
|
42
42
|
onAdd: function onAdd() {
|
|
43
|
-
/*TODO 刷新列表 refreshList*/
|
|
43
|
+
/* TODO 刷新列表 refreshList */
|
|
44
44
|
},
|
|
45
45
|
addResourceDrawer: editorProps === null || editorProps === void 0 ? void 0 : editorProps.layerResourceSelectComponent
|
|
46
46
|
}))
|
|
47
47
|
}, /*#__PURE__*/_react["default"].createElement(RelatedNodeList, {
|
|
48
48
|
topo: topo,
|
|
49
|
-
layer:
|
|
49
|
+
layer: layer
|
|
50
50
|
}));
|
|
51
51
|
};
|
|
52
52
|
|
|
@@ -33,6 +33,8 @@ var _NodePropertyViewModule = _interopRequireDefault(require("./NodePropertyView
|
|
|
33
33
|
|
|
34
34
|
var _TabView = _interopRequireDefault(require("../../common/tab/TabView"));
|
|
35
35
|
|
|
36
|
+
var _useHtElement = _interopRequireDefault(require("../../../../../common/hooks/useHtElement"));
|
|
37
|
+
|
|
36
38
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
37
39
|
|
|
38
40
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -42,7 +44,9 @@ var CollapsePanel = _collapse["default"].Panel;
|
|
|
42
44
|
|
|
43
45
|
function parseValues(values) {
|
|
44
46
|
return (0, _extends2["default"])({}, values, {
|
|
45
|
-
'attrObject.customName': values['attrObject.customName'] || values['attrObject.name']
|
|
47
|
+
'attrObject.customName': values['attrObject.customName'] || values['attrObject.name'],
|
|
48
|
+
'attrObject.bindTopo': values['attrObject.bindTopo'] || '' // 解决切换节点时关联拓扑选项未重置
|
|
49
|
+
|
|
46
50
|
});
|
|
47
51
|
}
|
|
48
52
|
|
|
@@ -68,6 +72,10 @@ function NodePropertyView(props) {
|
|
|
68
72
|
editorProps = props.editorProps,
|
|
69
73
|
settingRuntimeState = props.settingRuntimeState;
|
|
70
74
|
var bindType = getBindType(values);
|
|
75
|
+
var node = (0, _useHtElement["default"])({
|
|
76
|
+
topo: topo,
|
|
77
|
+
id: values.id
|
|
78
|
+
});
|
|
71
79
|
|
|
72
80
|
var field = _field["default"].useField({
|
|
73
81
|
autoUnmount: false,
|
|
@@ -81,13 +89,20 @@ function NodePropertyView(props) {
|
|
|
81
89
|
}
|
|
82
90
|
});
|
|
83
91
|
|
|
92
|
+
(0, _react.useEffect)(function () {
|
|
93
|
+
field.setValues(parseValues(values));
|
|
94
|
+
}, [values]);
|
|
95
|
+
|
|
84
96
|
var setBindType = function setBindType(value) {
|
|
85
97
|
_onChange('attrObject.bindType', value);
|
|
86
98
|
};
|
|
87
99
|
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
100
|
+
var handleBindTopoChange = function handleBindTopoChange(value, data) {
|
|
101
|
+
// 清空自定义名称
|
|
102
|
+
// 设置名称为拓扑名称
|
|
103
|
+
node.a('name', data.label);
|
|
104
|
+
node.a('customName', null);
|
|
105
|
+
};
|
|
91
106
|
|
|
92
107
|
var renderData = function renderData() {
|
|
93
108
|
var RelateTopoTree = editorProps === null || editorProps === void 0 ? void 0 : editorProps.relateTopoTree;
|
|
@@ -140,7 +155,8 @@ function NodePropertyView(props) {
|
|
|
140
155
|
label: "\u5173\u8054\u62D3\u6251"
|
|
141
156
|
}, /*#__PURE__*/_react["default"].createElement(RelateTopoTree, {
|
|
142
157
|
name: "attrObject.bindTopo",
|
|
143
|
-
topo: topo
|
|
158
|
+
topo: topo,
|
|
159
|
+
onChange: handleBindTopoChange
|
|
144
160
|
})))));
|
|
145
161
|
};
|
|
146
162
|
|
|
@@ -13,6 +13,10 @@ var _topo = _interopRequireDefault(require("@riil-frontend/component-topology-co
|
|
|
13
13
|
|
|
14
14
|
var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
|
|
15
15
|
|
|
16
|
+
var _moment = _interopRequireDefault(require("moment"));
|
|
17
|
+
|
|
18
|
+
var _mocks = require("./mocks");
|
|
19
|
+
|
|
16
20
|
var Alarm = /*#__PURE__*/function () {
|
|
17
21
|
function Alarm() {
|
|
18
22
|
this.topoApp = void 0;
|
|
@@ -64,13 +68,14 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
64
68
|
return _context.abrupt("return");
|
|
65
69
|
|
|
66
70
|
case 5:
|
|
67
|
-
_rlog["default"].info(
|
|
68
|
-
// 打开告警推送通道
|
|
71
|
+
_rlog["default"].info("Alarm.open 打开告警通道", id); // 订阅告警推送
|
|
69
72
|
|
|
70
73
|
|
|
74
|
+
this.hmGetTopoAlarm(id); // 打开告警推送通道
|
|
75
|
+
|
|
71
76
|
this.openTopoAlarm(id);
|
|
72
77
|
|
|
73
|
-
case
|
|
78
|
+
case 8:
|
|
74
79
|
case "end":
|
|
75
80
|
return _context.stop();
|
|
76
81
|
}
|
|
@@ -99,7 +104,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
99
104
|
|
|
100
105
|
var id = this.topoApp.id;
|
|
101
106
|
|
|
102
|
-
_rlog["default"].info(
|
|
107
|
+
_rlog["default"].info("关闭告警通道", id); // 取消订阅告警推送
|
|
103
108
|
// 关闭告警推送通道
|
|
104
109
|
|
|
105
110
|
|
|
@@ -124,7 +129,63 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
124
129
|
*/
|
|
125
130
|
;
|
|
126
131
|
|
|
127
|
-
_proto.removeAlarms = function removeAlarms() {}
|
|
132
|
+
_proto.removeAlarms = function removeAlarms() {};
|
|
133
|
+
|
|
134
|
+
_proto.hmGetTopoAlarm = /*#__PURE__*/function () {
|
|
135
|
+
var _hmGetTopoAlarm = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(id) {
|
|
136
|
+
var data, nodes, ids, endTime, startTime, parms, result;
|
|
137
|
+
return _regenerator["default"].wrap(function _callee2$(_context2) {
|
|
138
|
+
while (1) {
|
|
139
|
+
switch (_context2.prev = _context2.next) {
|
|
140
|
+
case 0:
|
|
141
|
+
data = this.topoApp.store.getState().topoMod.data;
|
|
142
|
+
|
|
143
|
+
_rlog["default"].debug("获取告警列表", this.topoApp, data);
|
|
144
|
+
|
|
145
|
+
nodes = data.nodes;
|
|
146
|
+
ids = nodes.map(function (node, i) {
|
|
147
|
+
return node.id;
|
|
148
|
+
});
|
|
149
|
+
endTime = new Date().valueOf();
|
|
150
|
+
startTime = (0, _moment["default"])().subtract(1, "months").valueOf();
|
|
151
|
+
parms = {
|
|
152
|
+
ciIdList: ids,
|
|
153
|
+
alertStatusList: ["toDeal"],
|
|
154
|
+
pageNum: 1,
|
|
155
|
+
pageSize: 10,
|
|
156
|
+
sortField: "alertLevel",
|
|
157
|
+
sortOrder: "asc",
|
|
158
|
+
createTime: {
|
|
159
|
+
startTime: startTime,
|
|
160
|
+
endTime: endTime
|
|
161
|
+
}
|
|
162
|
+
};
|
|
163
|
+
_context2.next = 9;
|
|
164
|
+
return _topo["default"].getAlarmByIds(parms);
|
|
165
|
+
|
|
166
|
+
case 9:
|
|
167
|
+
result = _context2.sent;
|
|
168
|
+
|
|
169
|
+
_rlog["default"].debug("getAlarmById-result", result);
|
|
170
|
+
|
|
171
|
+
this.updateState({
|
|
172
|
+
alarmData: result.datas.length > 0 ? result.datas : _mocks.alarmListDemo
|
|
173
|
+
});
|
|
174
|
+
|
|
175
|
+
case 12:
|
|
176
|
+
case "end":
|
|
177
|
+
return _context2.stop();
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
}, _callee2, this);
|
|
181
|
+
}));
|
|
182
|
+
|
|
183
|
+
function hmGetTopoAlarm(_x) {
|
|
184
|
+
return _hmGetTopoAlarm.apply(this, arguments);
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
return hmGetTopoAlarm;
|
|
188
|
+
}()
|
|
128
189
|
/**
|
|
129
190
|
* 打开告警推送。
|
|
130
191
|
*
|
|
@@ -135,29 +196,29 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
135
196
|
_proto.openTopoAlarm =
|
|
136
197
|
/*#__PURE__*/
|
|
137
198
|
function () {
|
|
138
|
-
var _openTopoAlarm = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function
|
|
199
|
+
var _openTopoAlarm = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(id) {
|
|
139
200
|
var _this$getState, alarmOpening, topoAlarmIsOpen;
|
|
140
201
|
|
|
141
|
-
return _regenerator["default"].wrap(function
|
|
202
|
+
return _regenerator["default"].wrap(function _callee3$(_context3) {
|
|
142
203
|
while (1) {
|
|
143
|
-
switch (
|
|
204
|
+
switch (_context3.prev = _context3.next) {
|
|
144
205
|
case 0:
|
|
145
206
|
// 如果当前拓扑图开启中或已开启则退出
|
|
146
207
|
_this$getState = this.getState(), alarmOpening = _this$getState.alarmOpening, topoAlarmIsOpen = _this$getState.topoAlarmIsOpen;
|
|
147
208
|
|
|
148
209
|
if (!(this.currentTopoId === id && (topoAlarmIsOpen || alarmOpening))) {
|
|
149
|
-
|
|
210
|
+
_context3.next = 3;
|
|
150
211
|
break;
|
|
151
212
|
}
|
|
152
213
|
|
|
153
|
-
return
|
|
214
|
+
return _context3.abrupt("return");
|
|
154
215
|
|
|
155
216
|
case 3:
|
|
156
217
|
this.currentTopoId = id;
|
|
157
218
|
this.updateState({
|
|
158
219
|
alarmOpening: true
|
|
159
220
|
});
|
|
160
|
-
|
|
221
|
+
_context3.next = 7;
|
|
161
222
|
return _topo["default"].openTopoAlarm(id);
|
|
162
223
|
|
|
163
224
|
case 7:
|
|
@@ -168,13 +229,13 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
168
229
|
|
|
169
230
|
case 8:
|
|
170
231
|
case "end":
|
|
171
|
-
return
|
|
232
|
+
return _context3.stop();
|
|
172
233
|
}
|
|
173
234
|
}
|
|
174
|
-
},
|
|
235
|
+
}, _callee3, this);
|
|
175
236
|
}));
|
|
176
237
|
|
|
177
|
-
function openTopoAlarm(
|
|
238
|
+
function openTopoAlarm(_x2) {
|
|
178
239
|
return _openTopoAlarm.apply(this, arguments);
|
|
179
240
|
}
|
|
180
241
|
|
|
@@ -190,22 +251,22 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
190
251
|
_proto.closeTopoAlarm =
|
|
191
252
|
/*#__PURE__*/
|
|
192
253
|
function () {
|
|
193
|
-
var _closeTopoAlarm = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function
|
|
254
|
+
var _closeTopoAlarm = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(id) {
|
|
194
255
|
var _this$getState2, alarmIsOpened, alarmOpening;
|
|
195
256
|
|
|
196
|
-
return _regenerator["default"].wrap(function
|
|
257
|
+
return _regenerator["default"].wrap(function _callee4$(_context4) {
|
|
197
258
|
while (1) {
|
|
198
|
-
switch (
|
|
259
|
+
switch (_context4.prev = _context4.next) {
|
|
199
260
|
case 0:
|
|
200
261
|
// 如果未开启则退出
|
|
201
262
|
_this$getState2 = this.getState(), alarmIsOpened = _this$getState2.alarmIsOpened, alarmOpening = _this$getState2.alarmOpening;
|
|
202
263
|
|
|
203
264
|
if (!(!alarmIsOpened && !alarmOpening)) {
|
|
204
|
-
|
|
265
|
+
_context4.next = 3;
|
|
205
266
|
break;
|
|
206
267
|
}
|
|
207
268
|
|
|
208
|
-
return
|
|
269
|
+
return _context4.abrupt("return");
|
|
209
270
|
|
|
210
271
|
case 3:
|
|
211
272
|
this.currentTopoId = null;
|
|
@@ -213,18 +274,18 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
213
274
|
topoAlarmIsOpen: false,
|
|
214
275
|
alarmOpening: false
|
|
215
276
|
});
|
|
216
|
-
|
|
277
|
+
_context4.next = 7;
|
|
217
278
|
return _topo["default"].closeTopoAlarm(id);
|
|
218
279
|
|
|
219
280
|
case 7:
|
|
220
281
|
case "end":
|
|
221
|
-
return
|
|
282
|
+
return _context4.stop();
|
|
222
283
|
}
|
|
223
284
|
}
|
|
224
|
-
},
|
|
285
|
+
}, _callee4, this);
|
|
225
286
|
}));
|
|
226
287
|
|
|
227
|
-
function closeTopoAlarm(
|
|
288
|
+
function closeTopoAlarm(_x3) {
|
|
228
289
|
return _closeTopoAlarm.apply(this, arguments);
|
|
229
290
|
}
|
|
230
291
|
|
|
@@ -238,22 +299,22 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
238
299
|
_proto.restart =
|
|
239
300
|
/*#__PURE__*/
|
|
240
301
|
function () {
|
|
241
|
-
var _restart = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function
|
|
302
|
+
var _restart = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
|
|
242
303
|
var id;
|
|
243
|
-
return _regenerator["default"].wrap(function
|
|
304
|
+
return _regenerator["default"].wrap(function _callee5$(_context5) {
|
|
244
305
|
while (1) {
|
|
245
|
-
switch (
|
|
306
|
+
switch (_context5.prev = _context5.next) {
|
|
246
307
|
case 0:
|
|
247
308
|
id = this.currentTopoId;
|
|
248
|
-
|
|
309
|
+
_context5.next = 3;
|
|
249
310
|
return this.openTopoAlarm(id);
|
|
250
311
|
|
|
251
312
|
case 3:
|
|
252
313
|
case "end":
|
|
253
|
-
return
|
|
314
|
+
return _context5.stop();
|
|
254
315
|
}
|
|
255
316
|
}
|
|
256
|
-
},
|
|
317
|
+
}, _callee5, this);
|
|
257
318
|
}));
|
|
258
319
|
|
|
259
320
|
function restart() {
|
|
@@ -268,16 +329,16 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
268
329
|
};
|
|
269
330
|
|
|
270
331
|
_proto.getState = function getState() {
|
|
271
|
-
return this.topoApp.store.getModelState(
|
|
332
|
+
return this.topoApp.store.getModelState("topoAlarm");
|
|
272
333
|
};
|
|
273
334
|
|
|
274
335
|
_proto.useState = function useState() {
|
|
275
|
-
var state = this.topoApp.store.useModelState(
|
|
336
|
+
var state = this.topoApp.store.useModelState("topoAlarm");
|
|
276
337
|
return state;
|
|
277
338
|
};
|
|
278
339
|
|
|
279
340
|
_proto.updateState = function updateState(state) {
|
|
280
|
-
return this.topoApp.store.getModelDispatchers(
|
|
341
|
+
return this.topoApp.store.getModelDispatchers("topoAlarm").update(state);
|
|
281
342
|
};
|
|
282
343
|
|
|
283
344
|
return Alarm;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.alarmListDemo = void 0;
|
|
5
|
+
var alarmListDemo = [{
|
|
6
|
+
alertAggInfo: null,
|
|
7
|
+
alertId: 54,
|
|
8
|
+
alertLevel: 1,
|
|
9
|
+
alertObject: "Oracle实例ORCL(172.17.162.192)",
|
|
10
|
+
alertTitle: "数据库实例宕机",
|
|
11
|
+
alertType: "通断类告警",
|
|
12
|
+
changeTime: null,
|
|
13
|
+
ciId: "0000000019986715",
|
|
14
|
+
ciName: "ORCL",
|
|
15
|
+
ciType: "Oracle实例",
|
|
16
|
+
closeTime: 0,
|
|
17
|
+
createTime: 1640860800000,
|
|
18
|
+
duration: 422241000,
|
|
19
|
+
processTime: 0,
|
|
20
|
+
recoverTime: 0,
|
|
21
|
+
ruleId: "157",
|
|
22
|
+
status: "toDeal",
|
|
23
|
+
tags: null
|
|
24
|
+
}, {
|
|
25
|
+
alertId: 53,
|
|
26
|
+
alertLevel: 2,
|
|
27
|
+
alertObject: "Oracle实例ORCL(172.17.160.119)",
|
|
28
|
+
alertTitle: "数据库实例宕机",
|
|
29
|
+
createTime: 1640860800000,
|
|
30
|
+
ruleId: "157",
|
|
31
|
+
alertType: "通断类告警",
|
|
32
|
+
duration: 422241000,
|
|
33
|
+
ciType: "Oracle实例",
|
|
34
|
+
ciId: "000000001abb92b6",
|
|
35
|
+
ciName: "ORCL",
|
|
36
|
+
processTime: 0,
|
|
37
|
+
changeTime: null,
|
|
38
|
+
recoverTime: 0,
|
|
39
|
+
closeTime: 0,
|
|
40
|
+
tags: null,
|
|
41
|
+
status: "toDeal",
|
|
42
|
+
alertAggInfo: null
|
|
43
|
+
}];
|
|
44
|
+
exports.alarmListDemo = alarmListDemo;
|
package/lib/hooks/useAlarm.js
CHANGED
|
@@ -24,16 +24,32 @@ function useAlarm(options) {
|
|
|
24
24
|
var _topo$alarm$useState = topo.alarm.useState(),
|
|
25
25
|
alarmIsOpened = _topo$alarm$useState.alarmIsOpened;
|
|
26
26
|
|
|
27
|
-
var
|
|
28
|
-
bizState = _store$useModel[0],
|
|
29
|
-
bizDispatchers = _store$useModel[1];
|
|
27
|
+
var allData = topo.store.getState().topoMod.data;
|
|
30
28
|
|
|
31
|
-
var
|
|
29
|
+
var _store$useModel = store.useModel("topoMod"),
|
|
30
|
+
state = _store$useModel[0],
|
|
31
|
+
dispatchers = _store$useModel[1];
|
|
32
|
+
|
|
33
|
+
var _store$useModel2 = store.useModel("topoBizMod"),
|
|
34
|
+
bizState = _store$useModel2[0],
|
|
35
|
+
bizDispatchers = _store$useModel2[1];
|
|
36
|
+
|
|
37
|
+
var linkDynamicStyleDispatcher = store.getModel("linkDynamicStyle")[1];
|
|
38
|
+
(0, _react.useEffect)(function () {
|
|
39
|
+
_rlog["default"].debug("useAlarm.useEffect 获取初始化告警---开始", topo, allData, state, alarmIsOpened);
|
|
40
|
+
|
|
41
|
+
if (alarmIsOpened) {
|
|
42
|
+
var conditions = {
|
|
43
|
+
id: ""
|
|
44
|
+
};
|
|
45
|
+
dispatchers.getAlarmById(conditions);
|
|
46
|
+
}
|
|
47
|
+
}, []);
|
|
32
48
|
(0, _react.useEffect)(function () {
|
|
33
49
|
if (alarmIsOpened) {
|
|
34
|
-
_rlog["default"].debug(
|
|
50
|
+
_rlog["default"].debug("useAlarm.useEffect 告警WebSocket 开始", alarmIsOpened);
|
|
35
51
|
|
|
36
|
-
_componentRiilEventEmitter.EE.on(
|
|
52
|
+
_componentRiilEventEmitter.EE.on("topo", "topo", function (data, other, t) {
|
|
37
53
|
if (t === void 0) {
|
|
38
54
|
t = alarmIsOpened;
|
|
39
55
|
}
|
|
@@ -43,9 +59,9 @@ function useAlarm(options) {
|
|
|
43
59
|
}
|
|
44
60
|
|
|
45
61
|
return function () {
|
|
46
|
-
_rlog["default"].debug(
|
|
62
|
+
_rlog["default"].debug("useAlarm.useEffect 告警WebSocket 结束");
|
|
47
63
|
|
|
48
|
-
_componentRiilEventEmitter.EE.removeListener(
|
|
64
|
+
_componentRiilEventEmitter.EE.removeListener("topo", "topo");
|
|
49
65
|
};
|
|
50
66
|
}, [alarmIsOpened]);
|
|
51
67
|
|
|
@@ -61,16 +77,16 @@ function useAlarm(options) {
|
|
|
61
77
|
while (1) {
|
|
62
78
|
switch (_context.prev = _context.next) {
|
|
63
79
|
case 0:
|
|
64
|
-
_store$getModelState = store.getModelState(
|
|
80
|
+
_store$getModelState = store.getModelState("topoMod"), viewState = _store$getModelState.viewState; // 添加事件
|
|
65
81
|
|
|
66
82
|
type = data.type, alertData = data.data;
|
|
67
83
|
|
|
68
|
-
if (!(viewState ===
|
|
84
|
+
if (!(viewState === "view" && type === "alarm" && (0, _utils.isAvailableArray)(alertData))) {
|
|
69
85
|
_context.next = 11;
|
|
70
86
|
break;
|
|
71
87
|
}
|
|
72
88
|
|
|
73
|
-
_rlog["default"].debug(
|
|
89
|
+
_rlog["default"].debug("useAlarm.getAlarmByEE 告警原始数据", alertData);
|
|
74
90
|
|
|
75
91
|
al = alertData.map(function (item, index) {
|
|
76
92
|
var _item$resourceId;
|
|
@@ -86,7 +102,7 @@ function useAlarm(options) {
|
|
|
86
102
|
};
|
|
87
103
|
});
|
|
88
104
|
|
|
89
|
-
_rlog["default"].debug(
|
|
105
|
+
_rlog["default"].debug("before-combAlarmData", al, bizState);
|
|
90
106
|
|
|
91
107
|
_context.next = 8;
|
|
92
108
|
return bizDispatchers.combAlarmData({
|
|
@@ -96,7 +112,7 @@ function useAlarm(options) {
|
|
|
96
112
|
case 8:
|
|
97
113
|
alarmList = _context.sent;
|
|
98
114
|
|
|
99
|
-
_rlog["default"].debug(
|
|
115
|
+
_rlog["default"].debug("useAlarm.getAlarmByEE 推送告警到ht", alarmList, bizState);
|
|
100
116
|
|
|
101
117
|
if (alarmIsOpened) {
|
|
102
118
|
topo.loadAlarm(alarmList); // 告警变化后,刷新链路动态样式
|
package/lib/hooks/useTopoEdit.js
CHANGED
package/lib/models/topoAlarm.js
CHANGED
package/lib/models/topoMod.js
CHANGED
|
@@ -597,8 +597,8 @@ function _default(topoApp) {
|
|
|
597
597
|
while (1) {
|
|
598
598
|
switch (_context11.prev = _context11.next) {
|
|
599
599
|
case 0:
|
|
600
|
-
endTime = conditions.endTime || new Date().valueOf();
|
|
601
|
-
startTime = conditions.startTime || (0, _moment["default"])().subtract(1, "months").valueOf();
|
|
600
|
+
endTime = (conditions === null || conditions === void 0 ? void 0 : conditions.endTime) || new Date().valueOf();
|
|
601
|
+
startTime = (conditions === null || conditions === void 0 ? void 0 : conditions.startTime) || (0, _moment["default"])().subtract(1, "months").valueOf();
|
|
602
602
|
parms = {
|
|
603
603
|
ciIdList: [conditions.id],
|
|
604
604
|
alertStatusList: ["toDeal"],
|