@riil-frontend/component-topology 8.0.0-a.8 → 8.0.1
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 +11 -11
- package/es/core/hooks/usePolling.js +3 -3
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/models/utils/linkUtils.js +31 -63
- package/es/core/services/overview.js +33 -9
- package/es/core/store/models/topoAlarm.js +9 -1
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +124 -251
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverviewMetric.js +4 -2
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +2 -2
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useAlarmAndRiskData.js +171 -0
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useMetricModels.js +3 -3
- package/es/networkTopo/services/link.js +11 -12
- package/lib/core/hooks/usePolling.js +3 -3
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/models/utils/linkUtils.js +32 -67
- package/lib/core/services/overview.js +32 -8
- package/lib/core/store/models/topoAlarm.js +10 -4
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +125 -251
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverviewMetric.js +4 -2
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +2 -2
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useAlarmAndRiskData.js +184 -0
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useMetricModels.js +3 -3
- package/lib/networkTopo/services/link.js +11 -12
- package/package.json +2 -2
@@ -21,6 +21,8 @@ var _moment = _interopRequireDefault(require("moment"));
|
|
21
21
|
|
22
22
|
var _react = _interopRequireWildcard(require("react"));
|
23
23
|
|
24
|
+
var _rlog = require("@riil-frontend/component-topology-utils/lib/rlog");
|
25
|
+
|
24
26
|
var _Link = _interopRequireDefault(require("../../../../../../../components/Link"));
|
25
27
|
|
26
28
|
var _services = require("../../../../../../services");
|
@@ -35,6 +37,8 @@ var _BlockBox = _interopRequireDefault(require("./BlockBox"));
|
|
35
37
|
|
36
38
|
var _useMetricModels2 = _interopRequireDefault(require("./hooks/useMetricModels"));
|
37
39
|
|
40
|
+
var _useAlarmAndRiskData2 = _interopRequireDefault(require("./hooks/useAlarmAndRiskData"));
|
41
|
+
|
38
42
|
var _indexModule = _interopRequireDefault(require("./index.module.scss"));
|
39
43
|
|
40
44
|
var _ResourceOverviewMetric = _interopRequireDefault(require("./ResourceOverviewMetric"));
|
@@ -47,8 +51,6 @@ var _attributeFormatter = require("../../../../../../models/attributeFormatter")
|
|
47
51
|
|
48
52
|
var _LinkTopoCard = _interopRequireDefault(require("./components/LinkTopo/LinkTopoCard"));
|
49
53
|
|
50
|
-
var _rlog = require("@riil-frontend/component-topology-utils/lib/rlog");
|
51
|
-
|
52
54
|
var _EventsCard = _interopRequireDefault(require("./EventsCard"));
|
53
55
|
|
54
56
|
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); }
|
@@ -123,32 +125,38 @@ function ResourceOverview(props) {
|
|
123
125
|
metric = _useState2[0],
|
124
126
|
setMetric = _useState2[1];
|
125
127
|
|
126
|
-
var _useState3 = (0, _react.useState)(
|
127
|
-
|
128
|
-
|
128
|
+
var _useState3 = (0, _react.useState)(false),
|
129
|
+
isDevice = _useState3[0],
|
130
|
+
setIsDevice = _useState3[1]; // 是否是可上架设备
|
129
131
|
|
130
|
-
var _useState4 = (0, _react.useState)(false),
|
131
|
-
isDevice = _useState4[0],
|
132
|
-
setIsDevice = _useState4[1]; // 是否是可上架设备
|
133
132
|
|
133
|
+
var _useState4 = (0, _react.useState)(false),
|
134
|
+
baseInfoInitLoading = _useState4[0],
|
135
|
+
settBaseInfoInitLoading = _useState4[1];
|
134
136
|
|
135
137
|
var _useState5 = (0, _react.useState)(false),
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
var _useState6 = (0, _react.useState)(false),
|
140
|
-
metricInitLoading = _useState6[0],
|
141
|
-
setMetricInitLoading = _useState6[1];
|
138
|
+
metricInitLoading = _useState5[0],
|
139
|
+
setMetricInitLoading = _useState5[1];
|
142
140
|
|
143
|
-
var
|
144
|
-
initFlag =
|
145
|
-
setInitFlag =
|
141
|
+
var _useState6 = (0, _react.useState)(),
|
142
|
+
initFlag = _useState6[0],
|
143
|
+
setInitFlag = _useState6[1];
|
146
144
|
|
147
145
|
var ciTypeMeta = (0, _react.useMemo)(function () {
|
148
146
|
var typeMeta = topo.ciTyeCache.getCiType(ciType);
|
149
147
|
return typeMeta;
|
150
148
|
}, [id]);
|
151
149
|
|
150
|
+
var _useAlarmAndRiskData = (0, _useAlarmAndRiskData2["default"])({
|
151
|
+
id: id,
|
152
|
+
resourceOverviewProps: resourceOverviewProps,
|
153
|
+
isAppTopo: isAppTopo,
|
154
|
+
childrenIds: childrenIds,
|
155
|
+
userId: userId
|
156
|
+
}),
|
157
|
+
alarmRiskList = _useAlarmAndRiskData.alarmRiskList,
|
158
|
+
refreshAlarmData = _useAlarmAndRiskData.refreshAlarmData;
|
159
|
+
|
152
160
|
var _useMetricModels = (0, _useMetricModels2["default"])({
|
153
161
|
data: {
|
154
162
|
type: type,
|
@@ -164,10 +172,8 @@ function ResourceOverview(props) {
|
|
164
172
|
|
165
173
|
topo.resourceOverviewDrawer = {
|
166
174
|
refreshData: function refreshData() {
|
167
|
-
|
168
|
-
|
169
|
-
setInitFlag(new Date().getTime());
|
170
|
-
}
|
175
|
+
refreshAlarmData();
|
176
|
+
setInitFlag(new Date().getTime());
|
171
177
|
}
|
172
178
|
};
|
173
179
|
(0, _react.useEffect)(function () {
|
@@ -178,18 +184,7 @@ function ResourceOverview(props) {
|
|
178
184
|
window.topo_overview_metric_timer = null;
|
179
185
|
}
|
180
186
|
};
|
181
|
-
}, []);
|
182
|
-
(0, _react.useEffect)(function () {
|
183
|
-
if (monitorMetricModels) {
|
184
|
-
init();
|
185
|
-
}
|
186
|
-
}, [ciAttrAndMetricData, ciTypeMeta, monitorMetricModels, id]);
|
187
|
-
|
188
|
-
function init() {
|
189
|
-
getDevice();
|
190
|
-
getAlarmRiskData(id);
|
191
|
-
} // 跳转前调用关闭操作
|
192
|
-
|
187
|
+
}, []); // 跳转前调用关闭操作
|
193
188
|
|
194
189
|
function onClose() {
|
195
190
|
isAppTopo && resourceOverviewProps.onClose && resourceOverviewProps.onClose();
|
@@ -245,42 +240,45 @@ function ResourceOverview(props) {
|
|
245
240
|
dataIndex: item.code
|
246
241
|
};
|
247
242
|
})) || [];
|
248
|
-
}, [id, monitorMetricModels, initFlag]);
|
249
|
-
|
250
|
-
|
251
|
-
|
252
|
-
|
253
|
-
|
254
|
-
|
255
|
-
function _getDevice() {
|
256
|
-
_getDevice = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
257
|
-
var list;
|
258
|
-
return _regenerator["default"].wrap(function _callee$(_context) {
|
259
|
-
while (1) {
|
260
|
-
switch (_context.prev = _context.next) {
|
261
|
-
case 0:
|
262
|
-
_context.next = 2;
|
263
|
-
return _overview["default"].getDeviceTypeList();
|
264
|
-
|
265
|
-
case 2:
|
266
|
-
list = _context.sent;
|
267
|
-
setIsDevice(list.some(function (item) {
|
268
|
-
return item.code === ciType;
|
269
|
-
})); // console.log('getDevice', ciType, list);
|
243
|
+
}, [id, monitorMetricModels, initFlag]);
|
244
|
+
(0, _react.useEffect)(function () {
|
245
|
+
// 获取上架设备类型,判断资源是否是上架设备
|
246
|
+
function getDevice() {
|
247
|
+
return _getDevice.apply(this, arguments);
|
248
|
+
}
|
270
249
|
|
271
|
-
|
272
|
-
|
273
|
-
|
250
|
+
function _getDevice() {
|
251
|
+
_getDevice = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
252
|
+
var list;
|
253
|
+
return _regenerator["default"].wrap(function _callee$(_context) {
|
254
|
+
while (1) {
|
255
|
+
switch (_context.prev = _context.next) {
|
256
|
+
case 0:
|
257
|
+
_context.next = 2;
|
258
|
+
return _overview["default"].getDeviceTypeList();
|
259
|
+
|
260
|
+
case 2:
|
261
|
+
list = _context.sent;
|
262
|
+
setIsDevice(list.some(function (item) {
|
263
|
+
return item.code === ciType;
|
264
|
+
})); // console.log('getDevice', ciType, list);
|
265
|
+
|
266
|
+
case 4:
|
267
|
+
case "end":
|
268
|
+
return _context.stop();
|
269
|
+
}
|
274
270
|
}
|
275
|
-
}
|
276
|
-
}
|
277
|
-
|
278
|
-
|
279
|
-
|
271
|
+
}, _callee);
|
272
|
+
}));
|
273
|
+
return _getDevice.apply(this, arguments);
|
274
|
+
}
|
275
|
+
|
276
|
+
getDevice();
|
277
|
+
}, [ciType]); // 获取地址信息:机房 机柜 起始U-结束U
|
280
278
|
|
281
279
|
function getAddressFormat(_x) {
|
282
280
|
return _getAddressFormat.apply(this, arguments);
|
283
|
-
} //
|
281
|
+
} // 告警table列配置
|
284
282
|
|
285
283
|
|
286
284
|
function _getAddressFormat() {
|
@@ -329,131 +327,6 @@ function ResourceOverview(props) {
|
|
329
327
|
return _getAddressFormat.apply(this, arguments);
|
330
328
|
}
|
331
329
|
|
332
|
-
function getAlarmRiskData(_x2) {
|
333
|
-
return _getAlarmRiskData.apply(this, arguments);
|
334
|
-
} // 告警table列配置
|
335
|
-
|
336
|
-
|
337
|
-
function _getAlarmRiskData() {
|
338
|
-
_getAlarmRiskData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(id) {
|
339
|
-
var _alarmList, _yield$resourceOvervi, alarmList, _yield$alarmService$g, _alarmList2, AllComponentsByCiId, _yield$service$getRis, riskList;
|
340
|
-
|
341
|
-
return _regenerator["default"].wrap(function _callee3$(_context3) {
|
342
|
-
while (1) {
|
343
|
-
switch (_context3.prev = _context3.next) {
|
344
|
-
case 0:
|
345
|
-
if (!isAppTopo) {
|
346
|
-
_context3.next = 9;
|
347
|
-
break;
|
348
|
-
}
|
349
|
-
|
350
|
-
_context3.next = 3;
|
351
|
-
return resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : resourceOverviewProps.getData({
|
352
|
-
id: id // metrics: topModelMetrics,
|
353
|
-
|
354
|
-
});
|
355
|
-
|
356
|
-
case 3:
|
357
|
-
_yield$resourceOvervi = _context3.sent;
|
358
|
-
alarmList = _yield$resourceOvervi.alarms;
|
359
|
-
alarmList = ((_alarmList = alarmList) === null || _alarmList === void 0 ? void 0 : _alarmList.map(function (item) {
|
360
|
-
return {
|
361
|
-
type: 'alarm',
|
362
|
-
icon: 'gaojing-3',
|
363
|
-
className: "alarm-color-icon-lv" + item.alertLevel,
|
364
|
-
title: "[" + item.alertObject + "] " + item.alertTitle,
|
365
|
-
link: "/default/pagecenter/alertDetail/view/" + item.alertId + "?alertId=" + item.alertId + "&resId=" + item.ciId + "&title=" + item.alertObject + "&ruleId=" + item.ruleId,
|
366
|
-
time: item.createTime,
|
367
|
-
status: item.status,
|
368
|
-
params: [{
|
369
|
-
alertId: item.alertId,
|
370
|
-
status: 'dealing',
|
371
|
-
userId: userId,
|
372
|
-
isBaseAlert: false
|
373
|
-
}]
|
374
|
-
};
|
375
|
-
})) || [];
|
376
|
-
setAlarmRiskList(alarmList);
|
377
|
-
_context3.next = 24;
|
378
|
-
break;
|
379
|
-
|
380
|
-
case 9:
|
381
|
-
_context3.next = 11;
|
382
|
-
return _alarm["default"].getAlarmByIds([id].concat(childrenIds), {
|
383
|
-
alertStatusList: ['toDeal', 'woDealing', 'dealing'],
|
384
|
-
// toDeal: 待处理, dealing:处理中
|
385
|
-
pageNum: 1,
|
386
|
-
pageSize: 10000,
|
387
|
-
sortField: 'alertLevel',
|
388
|
-
sortOrder: 'asc'
|
389
|
-
});
|
390
|
-
|
391
|
-
case 11:
|
392
|
-
_yield$alarmService$g = _context3.sent;
|
393
|
-
_alarmList2 = _yield$alarmService$g.datas;
|
394
|
-
// 2022-07-16 后端不支持多列排序,暂通过前端实现,按创建时间倒序
|
395
|
-
_alarmList2 = _alarmList2.sort(function (a, b) {
|
396
|
-
return b.createTime - a.createTime;
|
397
|
-
});
|
398
|
-
_alarmList2 = _alarmList2.map(function (item) {
|
399
|
-
return {
|
400
|
-
type: 'alarm',
|
401
|
-
icon: 'gaojing-3',
|
402
|
-
className: "alarm-color-icon-lv" + item.alertLevel,
|
403
|
-
title: "" + item.alertObject + item.alertTitle,
|
404
|
-
link: "/default/pagecenter/alertDetail/view/" + item.alertId + "?alertId=" + item.alertId + "&resId=" + item.ciId + "&title=" + item.alertObject + "&ruleId=" + item.ruleId,
|
405
|
-
time: item.createTime,
|
406
|
-
status: item.status,
|
407
|
-
params: [{
|
408
|
-
alertId: item.alertId,
|
409
|
-
status: 'dealing',
|
410
|
-
userId: userId,
|
411
|
-
isBaseAlert: false
|
412
|
-
}]
|
413
|
-
};
|
414
|
-
}); // fix NEWITOM-33635【南昌大学】网络拓扑上双击设备拉开的抽屉中无法看到风险
|
415
|
-
|
416
|
-
_context3.next = 17;
|
417
|
-
return _overview["default"].queryAllComponentsByCiId(id);
|
418
|
-
|
419
|
-
case 17:
|
420
|
-
AllComponentsByCiId = _context3.sent;
|
421
|
-
_context3.next = 20;
|
422
|
-
return _overview["default"].getRiskByIds({
|
423
|
-
ciIdList: [id].concat(childrenIds, AllComponentsByCiId.map(function (item) {
|
424
|
-
return item.id;
|
425
|
-
})),
|
426
|
-
statusList: ['toDeal', 'dealing'],
|
427
|
-
current: 1,
|
428
|
-
pageSize: 10000
|
429
|
-
});
|
430
|
-
|
431
|
-
case 20:
|
432
|
-
_yield$service$getRis = _context3.sent;
|
433
|
-
riskList = _yield$service$getRis.content;
|
434
|
-
riskList = riskList.map(function (item) {
|
435
|
-
return {
|
436
|
-
type: 'risk',
|
437
|
-
icon: 'Overall_risk_full',
|
438
|
-
className: 'risk-icon',
|
439
|
-
title: "" + item.ciName + item.itemName,
|
440
|
-
link: "/default/inspectionTaskList/inspectionReport?title=" + item.ciName + "&reportId=" + item.executeId + "&reportTime=" + item.executeTime + "&reportType=" + item.viewType + "&reportName=" + item.reportName,
|
441
|
-
time: item.firstFoundTime
|
442
|
-
};
|
443
|
-
}); // console.log('告警和风险', alarmList, riskList);
|
444
|
-
|
445
|
-
setAlarmRiskList([].concat(_alarmList2, riskList));
|
446
|
-
|
447
|
-
case 24:
|
448
|
-
case "end":
|
449
|
-
return _context3.stop();
|
450
|
-
}
|
451
|
-
}
|
452
|
-
}, _callee3);
|
453
|
-
}));
|
454
|
-
return _getAlarmRiskData.apply(this, arguments);
|
455
|
-
}
|
456
|
-
|
457
330
|
var columns = [{
|
458
331
|
title: '描述',
|
459
332
|
dataIndex: 'title',
|
@@ -507,31 +380,31 @@ function ResourceOverview(props) {
|
|
507
380
|
}
|
508
381
|
}]; // 告警/风险 操作 (受理)
|
509
382
|
|
510
|
-
function alarmRiskOperation(
|
383
|
+
function alarmRiskOperation(_x2, _x3) {
|
511
384
|
return _alarmRiskOperation.apply(this, arguments);
|
512
385
|
}
|
513
386
|
|
514
387
|
function _alarmRiskOperation() {
|
515
|
-
_alarmRiskOperation = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function
|
388
|
+
_alarmRiskOperation = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(type, params) {
|
516
389
|
var res;
|
517
|
-
return _regenerator["default"].wrap(function
|
390
|
+
return _regenerator["default"].wrap(function _callee3$(_context3) {
|
518
391
|
while (1) {
|
519
|
-
switch (
|
392
|
+
switch (_context3.prev = _context3.next) {
|
520
393
|
case 0:
|
521
394
|
if (!(type === 'alarm')) {
|
522
|
-
|
395
|
+
_context3.next = 6;
|
523
396
|
break;
|
524
397
|
}
|
525
398
|
|
526
|
-
|
399
|
+
_context3.next = 3;
|
527
400
|
return _overview["default"].handleAlarm(params);
|
528
401
|
|
529
402
|
case 3:
|
530
|
-
res =
|
403
|
+
res = _context3.sent;
|
531
404
|
|
532
405
|
_message["default"].success('受理成功');
|
533
406
|
|
534
|
-
|
407
|
+
refreshAlarmData(id); // if (isAppTopo) {
|
535
408
|
// const {
|
536
409
|
// displayName: ciName,
|
537
410
|
// attributeMap: modelAttributeMap,
|
@@ -544,10 +417,10 @@ function ResourceOverview(props) {
|
|
544
417
|
|
545
418
|
case 6:
|
546
419
|
case "end":
|
547
|
-
return
|
420
|
+
return _context3.stop();
|
548
421
|
}
|
549
422
|
}
|
550
|
-
},
|
423
|
+
}, _callee3);
|
551
424
|
}));
|
552
425
|
return _alarmRiskOperation.apply(this, arguments);
|
553
426
|
}
|
@@ -557,40 +430,40 @@ function ResourceOverview(props) {
|
|
557
430
|
ciType: ciType,
|
558
431
|
type: type,
|
559
432
|
// name: '123'
|
560
|
-
name: props.name
|
433
|
+
name: props.name ? props.name : props.resourceData.attributes.name
|
561
434
|
}; // 基本信息设置改变
|
562
435
|
|
563
|
-
function baseInfoColChange(
|
436
|
+
function baseInfoColChange(_x4) {
|
564
437
|
return _baseInfoColChange.apply(this, arguments);
|
565
438
|
} // 获取属性信息
|
566
439
|
|
567
440
|
|
568
441
|
function _baseInfoColChange() {
|
569
|
-
_baseInfoColChange = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function
|
442
|
+
_baseInfoColChange = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(col) {
|
570
443
|
var _col;
|
571
444
|
|
572
445
|
var infoData, attributeMap, _iterator, _step, item, value, contentTitle, link, address, owned_computer_room, owned_cabinet, roomLink, node, _data, _ref2, _ref2$, _item, _attributeMap, object, _object, displayName, attr;
|
573
446
|
|
574
|
-
return _regenerator["default"].wrap(function
|
447
|
+
return _regenerator["default"].wrap(function _callee4$(_context4) {
|
575
448
|
while (1) {
|
576
|
-
switch (
|
449
|
+
switch (_context4.prev = _context4.next) {
|
577
450
|
case 0:
|
578
451
|
if ((_col = col) !== null && _col !== void 0 && _col.length) {
|
579
|
-
|
452
|
+
_context4.next = 3;
|
580
453
|
break;
|
581
454
|
}
|
582
455
|
|
583
456
|
setBaseInfo([]);
|
584
|
-
return
|
457
|
+
return _context4.abrupt("return");
|
585
458
|
|
586
459
|
case 3:
|
587
460
|
settBaseInfoInitLoading(true);
|
588
461
|
infoData = [];
|
589
|
-
|
462
|
+
_context4.next = 7;
|
590
463
|
return getAttribute(id);
|
591
464
|
|
592
465
|
case 7:
|
593
|
-
attributeMap =
|
466
|
+
attributeMap = _context4.sent;
|
594
467
|
// console.log('getAttribute', attributeMap);
|
595
468
|
col = col.filter(function (item) {
|
596
469
|
return !item.hidden;
|
@@ -599,15 +472,15 @@ function ResourceOverview(props) {
|
|
599
472
|
|
600
473
|
case 10:
|
601
474
|
if ((_step = _iterator()).done) {
|
602
|
-
|
475
|
+
_context4.next = 47;
|
603
476
|
break;
|
604
477
|
}
|
605
478
|
|
606
479
|
item = _step.value;
|
607
480
|
value = (0, _attributeFormatter.formatMetric)(attributeMap[item.dataIndex], ciTypeMeta.attributeMap[item.dataIndex]);
|
608
481
|
contentTitle = value;
|
609
|
-
|
610
|
-
|
482
|
+
_context4.t0 = item.dataIndex;
|
483
|
+
_context4.next = _context4.t0 === 'display_name' ? 17 : _context4.t0 === 'ciName' ? 21 : _context4.t0 === 'res_address' ? 24 : _context4.t0 === 'imageName' ? 31 : 35;
|
611
484
|
break;
|
612
485
|
|
613
486
|
case 17:
|
@@ -621,19 +494,19 @@ function ResourceOverview(props) {
|
|
621
494
|
to: formatUrl(link)
|
622
495
|
}, attributeMap.display_name || '-'));
|
623
496
|
contentTitle = attributeMap.display_name || '-';
|
624
|
-
return
|
497
|
+
return _context4.abrupt("break", 36);
|
625
498
|
|
626
499
|
case 21:
|
627
500
|
value = ciTypeMeta.displayName;
|
628
501
|
contentTitle = value;
|
629
|
-
return
|
502
|
+
return _context4.abrupt("break", 36);
|
630
503
|
|
631
504
|
case 24:
|
632
|
-
|
505
|
+
_context4.next = 26;
|
633
506
|
return getAddressFormat(attributeMap);
|
634
507
|
|
635
508
|
case 26:
|
636
|
-
address =
|
509
|
+
address = _context4.sent;
|
637
510
|
owned_computer_room = attributeMap.owned_computer_room, owned_cabinet = attributeMap.owned_cabinet; // 跳转3D机房定位设备
|
638
511
|
|
639
512
|
if (owned_computer_room && owned_cabinet) {
|
@@ -652,16 +525,16 @@ function ResourceOverview(props) {
|
|
652
525
|
}
|
653
526
|
|
654
527
|
contentTitle = address;
|
655
|
-
return
|
528
|
+
return _context4.abrupt("break", 36);
|
656
529
|
|
657
530
|
case 31:
|
658
531
|
node = topo.getDataModel().getDataByTag(id);
|
659
532
|
value = (node === null || node === void 0 ? void 0 : node.a('customName')) || (node === null || node === void 0 ? void 0 : node.a('name')) || '-';
|
660
533
|
contentTitle = value;
|
661
|
-
return
|
534
|
+
return _context4.abrupt("break", 36);
|
662
535
|
|
663
536
|
case 35:
|
664
|
-
return
|
537
|
+
return _context4.abrupt("break", 36);
|
665
538
|
|
666
539
|
case 36:
|
667
540
|
// 拿翻译字段属性数据
|
@@ -700,7 +573,7 @@ function ResourceOverview(props) {
|
|
700
573
|
}));
|
701
574
|
|
702
575
|
case 45:
|
703
|
-
|
576
|
+
_context4.next = 10;
|
704
577
|
break;
|
705
578
|
|
706
579
|
case 47:
|
@@ -709,58 +582,58 @@ function ResourceOverview(props) {
|
|
709
582
|
|
710
583
|
case 49:
|
711
584
|
case "end":
|
712
|
-
return
|
585
|
+
return _context4.stop();
|
713
586
|
}
|
714
587
|
}
|
715
|
-
},
|
588
|
+
}, _callee4);
|
716
589
|
}));
|
717
590
|
return _baseInfoColChange.apply(this, arguments);
|
718
591
|
}
|
719
592
|
|
720
|
-
function getAttribute(
|
593
|
+
function getAttribute(_x5) {
|
721
594
|
return _getAttribute.apply(this, arguments);
|
722
595
|
} // 指标设置改变
|
723
596
|
|
724
597
|
|
725
598
|
function _getAttribute() {
|
726
|
-
_getAttribute = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function
|
727
|
-
var _yield$
|
599
|
+
_getAttribute = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(id) {
|
600
|
+
var _yield$resourceOvervi, baseInfos, res, _ref3, attributes;
|
728
601
|
|
729
|
-
return _regenerator["default"].wrap(function
|
602
|
+
return _regenerator["default"].wrap(function _callee5$(_context5) {
|
730
603
|
while (1) {
|
731
|
-
switch (
|
604
|
+
switch (_context5.prev = _context5.next) {
|
732
605
|
case 0:
|
733
606
|
if (id) {
|
734
|
-
|
607
|
+
_context5.next = 2;
|
735
608
|
break;
|
736
609
|
}
|
737
610
|
|
738
|
-
return
|
611
|
+
return _context5.abrupt("return");
|
739
612
|
|
740
613
|
case 2:
|
741
614
|
if (!(resourceOverviewProps !== null && resourceOverviewProps !== void 0 && resourceOverviewProps.getData)) {
|
742
|
-
|
615
|
+
_context5.next = 9;
|
743
616
|
break;
|
744
617
|
}
|
745
618
|
|
746
|
-
|
619
|
+
_context5.next = 5;
|
747
620
|
return resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : resourceOverviewProps.getData({
|
748
621
|
id: id
|
749
622
|
});
|
750
623
|
|
751
624
|
case 5:
|
752
|
-
_yield$
|
753
|
-
baseInfos = _yield$
|
625
|
+
_yield$resourceOvervi = _context5.sent;
|
626
|
+
baseInfos = _yield$resourceOvervi.baseInfos;
|
754
627
|
|
755
628
|
if (!baseInfos) {
|
756
|
-
|
629
|
+
_context5.next = 9;
|
757
630
|
break;
|
758
631
|
}
|
759
632
|
|
760
|
-
return
|
633
|
+
return _context5.abrupt("return", baseInfos);
|
761
634
|
|
762
635
|
case 9:
|
763
|
-
|
636
|
+
_context5.next = 11;
|
764
637
|
return _overview["default"].commonQueryCiData({
|
765
638
|
condition: "id('" + id + "')",
|
766
639
|
refAttribute: true,
|
@@ -773,33 +646,33 @@ function ResourceOverview(props) {
|
|
773
646
|
});
|
774
647
|
|
775
648
|
case 11:
|
776
|
-
res =
|
649
|
+
res = _context5.sent;
|
777
650
|
_ref3 = (res === null || res === void 0 ? void 0 : res.data[0]) || {}, attributes = _ref3.attributes;
|
778
|
-
return
|
651
|
+
return _context5.abrupt("return", attributes || {});
|
779
652
|
|
780
653
|
case 14:
|
781
654
|
case "end":
|
782
|
-
return
|
655
|
+
return _context5.stop();
|
783
656
|
}
|
784
657
|
}
|
785
|
-
},
|
658
|
+
}, _callee5);
|
786
659
|
}));
|
787
660
|
return _getAttribute.apply(this, arguments);
|
788
661
|
}
|
789
662
|
|
790
|
-
function metricColChange(
|
663
|
+
function metricColChange(_x6) {
|
791
664
|
return _metricColChange.apply(this, arguments);
|
792
665
|
}
|
793
666
|
|
794
667
|
function _metricColChange() {
|
795
|
-
_metricColChange = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function
|
668
|
+
_metricColChange = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6(col) {
|
796
669
|
var _col2, _col3;
|
797
670
|
|
798
671
|
var codes, endTime, params, _ref4, times, metricList;
|
799
672
|
|
800
|
-
return _regenerator["default"].wrap(function
|
673
|
+
return _regenerator["default"].wrap(function _callee6$(_context6) {
|
801
674
|
while (1) {
|
802
|
-
switch (
|
675
|
+
switch (_context6.prev = _context6.next) {
|
803
676
|
case 0:
|
804
677
|
// console.log('metricColChange col', col);
|
805
678
|
col = (_col2 = col) === null || _col2 === void 0 ? void 0 : _col2.filter(function (item) {
|
@@ -807,13 +680,13 @@ function ResourceOverview(props) {
|
|
807
680
|
});
|
808
681
|
|
809
682
|
if ((_col3 = col) !== null && _col3 !== void 0 && _col3.length) {
|
810
|
-
|
683
|
+
_context6.next = 4;
|
811
684
|
break;
|
812
685
|
}
|
813
686
|
|
814
687
|
setMetric([]); // Message.error('指标未设置')
|
815
688
|
|
816
|
-
return
|
689
|
+
return _context6.abrupt("return");
|
817
690
|
|
818
691
|
case 4:
|
819
692
|
codes = col.map(function (item) {
|
@@ -838,11 +711,11 @@ function ResourceOverview(props) {
|
|
838
711
|
}
|
839
712
|
|
840
713
|
setMetricInitLoading(true);
|
841
|
-
|
714
|
+
_context6.next = 11;
|
842
715
|
return _overview["default"].getMetricList(params);
|
843
716
|
|
844
717
|
case 11:
|
845
|
-
metricList =
|
718
|
+
metricList = _context6.sent;
|
846
719
|
|
847
720
|
_rlog.rlog.debug('metricColChange', metricList, monitorMetricModels);
|
848
721
|
|
@@ -872,10 +745,10 @@ function ResourceOverview(props) {
|
|
872
745
|
|
873
746
|
case 16:
|
874
747
|
case "end":
|
875
|
-
return
|
748
|
+
return _context6.stop();
|
876
749
|
}
|
877
750
|
}
|
878
|
-
},
|
751
|
+
}, _callee6);
|
879
752
|
}));
|
880
753
|
return _metricColChange.apply(this, arguments);
|
881
754
|
}
|
@@ -989,12 +862,13 @@ function ResourceOverview(props) {
|
|
989
862
|
ciAttrAndMetricData: ciAttrAndMetricData
|
990
863
|
},
|
991
864
|
data: metric,
|
992
|
-
loading: metricInitLoading
|
865
|
+
loading: metricInitLoading,
|
866
|
+
formatMetricLatestValue: resourceOverviewProps.formatMetricLatestValue
|
993
867
|
})), /*#__PURE__*/_react["default"].createElement(_EventsCard["default"], {
|
994
868
|
alarmRiskList: alarmRiskList,
|
995
869
|
closeDetailDrawer: onClose,
|
996
870
|
onHandleAlarm: function onHandleAlarm() {
|
997
|
-
|
871
|
+
refreshAlarmData(id);
|
998
872
|
}
|
999
873
|
}));
|
1000
874
|
}
|