@riil-frontend/component-topology 3.1.9 → 3.1.12

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.
Files changed (28) hide show
  1. package/CHANGELOG.md +6 -1
  2. package/build/index.js +40 -40
  3. package/demo/1/345/237/272/346/234/254//345/210/207/346/215/242/345/233/276/346/240/207.md +11 -0
  4. package/demo-mock/basic/topo/v1/api/attributes/once +95 -0
  5. package/demo-mock/basic/topo/v1/api/attributes/once.json +96 -1
  6. package/es/components/BatchAttrMetric/index.js +1 -0
  7. package/es/core/common/icons/icon.js +20 -6
  8. package/es/core/components/DisplaySettingDrawer/ResourceDisplay/CommonCheckboxGroup.module.scss +3 -3
  9. package/es/core/components/ResourceViewAttributeSetting/Setting.js +1 -0
  10. package/es/core/models/TopoApp.js +1 -1
  11. package/es/core/viewer/components/plugins/ResourceDetail/ResourceDetail.js +1 -0
  12. package/es/core/viewer/components/plugins/ResourceDetail/ResourceDetailPlugin.js +6 -0
  13. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +660 -0
  14. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/index.js +2 -637
  15. package/es/models/customIcon.js +16 -11
  16. package/es/utils/topoData.js +66 -40
  17. package/lib/components/BatchAttrMetric/index.js +1 -0
  18. package/lib/core/common/icons/icon.js +25 -6
  19. package/lib/core/components/DisplaySettingDrawer/ResourceDisplay/CommonCheckboxGroup.module.scss +3 -3
  20. package/lib/core/components/ResourceViewAttributeSetting/Setting.js +1 -0
  21. package/lib/core/models/TopoApp.js +1 -1
  22. package/lib/core/viewer/components/plugins/ResourceDetail/ResourceDetail.js +2 -0
  23. package/lib/core/viewer/components/plugins/ResourceDetail/ResourceDetailPlugin.js +6 -0
  24. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +691 -0
  25. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/index.js +4 -663
  26. package/lib/models/customIcon.js +16 -11
  27. package/lib/utils/topoData.js +68 -40
  28. package/package.json +2 -2
@@ -3,668 +3,9 @@
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
 
5
5
  exports.__esModule = true;
6
- exports["default"] = ResourceOverview;
6
+ exports["default"] = void 0;
7
7
 
8
- var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
8
+ var _ResourceOverview = _interopRequireDefault(require("./ResourceOverview"));
9
9
 
10
- var _message = _interopRequireDefault(require("@alifd/next/lib/message"));
11
-
12
- var _table = _interopRequireDefault(require("@alifd/next/lib/table"));
13
-
14
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
15
-
16
- var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
17
-
18
- var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
19
-
20
- var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
21
-
22
- var _react = _interopRequireWildcard(require("react"));
23
-
24
- var _reactRouterDom = require("react-router-dom");
25
-
26
- var _moment = _interopRequireDefault(require("moment"));
27
-
28
- var _topo = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/services/topo"));
29
-
30
- var _topoData = require("../../../../../../../utils/topoData");
31
-
32
- var _overview = _interopRequireDefault(require("../../../../../../services/overview"));
33
-
34
- var _alarm = _interopRequireDefault(require("../../../../../../services/alarm"));
35
-
36
- var _services = require("../../../../../../services");
37
-
38
- var _indexModule = _interopRequireDefault(require("./index.module.scss"));
39
-
40
- var _SingleResourceStrategyLink = _interopRequireDefault(require("./SingleResourceStrategyLink"));
41
-
42
- var _BlockBox = _interopRequireDefault(require("./BlockBox"));
43
-
44
- var _useCiAttrAndMetricData = _interopRequireDefault(require("./useCiAttrAndMetricData"));
45
-
46
- var _ResourceOverviewMetric = _interopRequireDefault(require("./ResourceOverviewMetric"));
47
-
48
- var _BaseInfo = _interopRequireDefault(require("./BaseInfo"));
49
-
50
- var _BaseInfoBlock = _interopRequireDefault(require("./BaseInfoBlock"));
51
-
52
- 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); }
53
-
54
- 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; }
55
-
56
- // url 处理,UICBB 的地址需截取前缀
57
- function formatUrl(url) {
58
- var _window, _window$location;
59
-
60
- var prefix = '/default/pagecenter';
61
-
62
- if (((_window = window) === null || _window === void 0 ? void 0 : (_window$location = _window.location) === null || _window$location === void 0 ? void 0 : _window$location.pathname.indexOf(prefix)) === 0 && (url === null || url === void 0 ? void 0 : url.indexOf(prefix)) === 0) {
63
- return url.split(prefix)[1];
64
- } else {
65
- return url;
66
- }
67
- }
68
- /**
69
- * 资源概览
70
- */
71
-
72
-
73
- function ResourceOverview(props) {
74
- var _viewerProps$resource, _baseInfo$resource;
75
-
76
- var topo = props.topo,
77
- id = props.id,
78
- type = props.type,
79
- ciType = props.ciType,
80
- userId = props.userId,
81
- viewerProps = props.viewerProps;
82
- var resourceOverviewProps = (viewerProps === null || viewerProps === void 0 ? void 0 : (_viewerProps$resource = viewerProps.resourceDetailProps) === null || _viewerProps$resource === void 0 ? void 0 : _viewerProps$resource.resourceOverviewProps) || {};
83
- var ciAttrAndMetricData = (0, _useCiAttrAndMetricData["default"])({
84
- topo: topo,
85
- id: id
86
- });
87
-
88
- var _useState = (0, _react.useState)({
89
- // 资源
90
- resource: {
91
- display_name: '',
92
- // 资源名称/显示名称
93
- link: '' // 资源跳转链接
94
-
95
- },
96
- ipv4_address: '',
97
- // IP地址
98
- asset_number: '',
99
- // 资产编号
100
- ciName: '',
101
- // 资源类型
102
- res_address: '',
103
- // 资源位置
104
- // principal: '', // 负责人
105
- // 链路
106
- rated_bandwidth: '',
107
- // 链路带宽
108
- source_ipv4: '',
109
- // 源IP地址
110
- destination_ipv4: '',
111
- // 目的IP地址
112
- source_Interface: '',
113
- // 源端口
114
- destination_Interface: '' // 目的端口
115
-
116
- }),
117
- baseInfo = _useState[0],
118
- setBaseInfo = _useState[1];
119
-
120
- var _useState2 = (0, _react.useState)([]),
121
- indicator = _useState2[0],
122
- setIndicator = _useState2[1];
123
-
124
- var _useState3 = (0, _react.useState)([]),
125
- alarmRiskList = _useState3[0],
126
- setAlarmRiskList = _useState3[1];
127
-
128
- var _useState4 = (0, _react.useState)(false),
129
- isAppTopo = _useState4[0],
130
- setIsAppTopo = _useState4[1];
131
-
132
- var ciTypeMeta = (0, _react.useMemo)(function () {
133
- var typeMeta;
134
-
135
- if (ciType === 'network_link') {
136
- // 网络链路要按链路类型查询属性、指标
137
- var link = topo.dataModel.getDataById(id);
138
- var linkConnectType = link.attributes['network_link.connect_type'];
139
- typeMeta = topo.ciTyeCache.getNetworkLinkCiType(linkConnectType);
140
- } else {
141
- typeMeta = topo.ciTyeCache.getCiType(ciType);
142
- }
143
-
144
- return typeMeta;
145
- }, [id]);
146
- (0, _react.useEffect)(function () {
147
- if (ciAttrAndMetricData) {
148
- init();
149
- }
150
- }, [ciAttrAndMetricData, ciTypeMeta, id]);
151
-
152
- function init() {
153
- return _init.apply(this, arguments);
154
- }
155
-
156
- function _init() {
157
- _init = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
158
- var _topo$options$resourc, _modelAttributeMap$ow, _modelAttributeMap$, _modelAttributeMap$2, _modelAttributeMap$3, _modelAttributeMap$di, _modelAttributeMap$ip, _modelAttributeMap$as, _modelAttributeMap$5, _modelAttributeMap$6, _modelAttributeMap$so, _attributeMap$source_, _modelAttributeMap$de, _attributeMap$destina;
159
-
160
- var modelMetrics, ciName, modelAttributeMap, domain, topModelMetrics, isAppTopoFlag, attributeMap, metrics, res_address, _attributeMap$, rated_bandwidth, _modelAttributeMap$4;
161
-
162
- return _regenerator["default"].wrap(function _callee$(_context) {
163
- while (1) {
164
- switch (_context.prev = _context.next) {
165
- case 0:
166
- console.log('初始化/更新概览 props', props); // 指标模型
167
-
168
- modelMetrics = ciTypeMeta.metrics, ciName = ciTypeMeta.displayName, modelAttributeMap = ciTypeMeta.attributeMap, domain = ciTypeMeta.domain;
169
- topModelMetrics = modelMetrics.slice(0, 6); // 应用拓扑处理
170
-
171
- isAppTopoFlag = !!((_topo$options$resourc = topo.options.resourceOverviewDrawer) !== null && _topo$options$resourc !== void 0 && _topo$options$resourc.getData);
172
- console.log('应用拓扑判断', topo, isAppTopoFlag);
173
- setIsAppTopo(isAppTopoFlag);
174
-
175
- if (!isAppTopoFlag) {
176
- _context.next = 9;
177
- break;
178
- }
179
-
180
- initAppTopo(topModelMetrics, modelAttributeMap, ciName, domain);
181
- return _context.abrupt("return");
182
-
183
- case 9:
184
- // 拓扑(默认) ---------------------------
185
- // 基本信息
186
- attributeMap = ciAttrAndMetricData.attributeMap, metrics = ciAttrAndMetricData.metrics;
187
- console.log('基本信息', attributeMap, modelAttributeMap); // userVisible
188
- // 位置
189
-
190
- res_address = false;
191
-
192
- if (!((_modelAttributeMap$ow = modelAttributeMap.owned_computer_room) !== null && _modelAttributeMap$ow !== void 0 && _modelAttributeMap$ow.userVisible)) {
193
- _context.next = 18;
194
- break;
195
- }
196
-
197
- _context.next = 15;
198
- return getAddressFormat(attributeMap);
199
-
200
- case 15:
201
- res_address = _context.sent;
202
- _context.next = 19;
203
- break;
204
-
205
- case 18:
206
- if ((_modelAttributeMap$ = modelAttributeMap[ciType + ".computer_room"]) !== null && _modelAttributeMap$ !== void 0 && _modelAttributeMap$.userVisible || (_modelAttributeMap$2 = modelAttributeMap[ciType + ".area"]) !== null && _modelAttributeMap$2 !== void 0 && _modelAttributeMap$2.userVisible) {
207
- res_address = attributeMap[ciType + ".computer_room "] || attributeMap[ciType + ".area"] ? " " + (((_attributeMap$ = attributeMap[ciType + ".area_object"]) === null || _attributeMap$ === void 0 ? void 0 : _attributeMap$.displayName) || '') + " " + (attributeMap[ciType + ".computer_room"] || '') : false;
208
- }
209
-
210
- case 19:
211
- // 链路带宽(取实际带宽)
212
- rated_bandwidth = false;
213
-
214
- if ((_modelAttributeMap$3 = modelAttributeMap[ciType + ".actual_bandwidth"]) !== null && _modelAttributeMap$3 !== void 0 && _modelAttributeMap$3.userVisible) {
215
- rated_bandwidth = attributeMap[ciType + ".actual_bandwidth"] ? attributeMap[ciType + ".actual_bandwidth"] + " " + ((_modelAttributeMap$4 = modelAttributeMap[ciType + ".actual_bandwidth"]) === null || _modelAttributeMap$4 === void 0 ? void 0 : _modelAttributeMap$4.unit) : '';
216
- }
217
-
218
- setBaseInfo({
219
- // 资源
220
- // display_name: modelAttributeMap['display_name'] ? attributeMap.display_name : false,
221
- resource: (_modelAttributeMap$di = modelAttributeMap.display_name) !== null && _modelAttributeMap$di !== void 0 && _modelAttributeMap$di.userVisible ? {
222
- display_name: attributeMap.display_name,
223
- // 资源名称/显示名称
224
- link: "/default/pagecenter/resDetail/view/" + id + "?resId=" + id + "&domainCode=" + domain + "&title=" + attributeMap.display_name + "&ciCode=" + ciType // 资源跳转链接
225
-
226
- } : false,
227
- ipv4_address: (_modelAttributeMap$ip = modelAttributeMap.ipv4_address) !== null && _modelAttributeMap$ip !== void 0 && _modelAttributeMap$ip.userVisible ? attributeMap.ipv4_address : false,
228
- asset_number: (_modelAttributeMap$as = modelAttributeMap.asset_number) !== null && _modelAttributeMap$as !== void 0 && _modelAttributeMap$as.userVisible ? attributeMap.asset_number : false,
229
- ciName: ciName,
230
- res_address: res_address,
231
- // principal: modelAttributeMap[`${ciType}.principal`] ? attributeMap[`${ciType}.principal`] : false,
232
- // 链路
233
- rated_bandwidth: rated_bandwidth,
234
- source_ipv4: (_modelAttributeMap$5 = modelAttributeMap[ciType + ".source_ipv4"]) !== null && _modelAttributeMap$5 !== void 0 && _modelAttributeMap$5.userVisible ? attributeMap[ciType + ".source_ipv4"] : false,
235
- destination_ipv4: (_modelAttributeMap$6 = modelAttributeMap[ciType + ".destination_ipv4"]) !== null && _modelAttributeMap$6 !== void 0 && _modelAttributeMap$6.userVisible ? attributeMap[ciType + ".destination_ipv4"] : false,
236
- source_Interface: (_modelAttributeMap$so = modelAttributeMap.source_id) !== null && _modelAttributeMap$so !== void 0 && _modelAttributeMap$so.userVisible ? (_attributeMap$source_ = attributeMap.source_id_object) === null || _attributeMap$source_ === void 0 ? void 0 : _attributeMap$source_.displayName : false,
237
- destination_Interface: (_modelAttributeMap$de = modelAttributeMap.destination_id) !== null && _modelAttributeMap$de !== void 0 && _modelAttributeMap$de.userVisible ? (_attributeMap$destina = attributeMap.destination_id_object) === null || _attributeMap$destina === void 0 ? void 0 : _attributeMap$destina.displayName : false
238
- }); // 资源/链路-关键指标 数据 metrics,模型 topo.ciTyeCache.getCiType(ciType)
239
-
240
- setIndicator(topModelMetrics.map(function (item) {
241
- var _findItem;
242
-
243
- return (0, _extends2["default"])({}, item, {
244
- value: ((_findItem = (0, _topoData.findItem)(metrics, 'code', item.code)) === null || _findItem === void 0 ? void 0 : _findItem.value) || ''
245
- });
246
- })); // 资源-告警/风险
247
-
248
- getAlarmRiskData(id);
249
-
250
- case 24:
251
- case "end":
252
- return _context.stop();
253
- }
254
- }
255
- }, _callee);
256
- }));
257
- return _init.apply(this, arguments);
258
- }
259
-
260
- function initAppTopo(_x, _x2, _x3, _x4) {
261
- return _initAppTopo.apply(this, arguments);
262
- } // 获取属性信息(应用拓扑)
263
-
264
-
265
- function _initAppTopo() {
266
- _initAppTopo = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(topModelMetrics, modelAttributeMap, ciName, domain) {
267
- var _topo$options$resourc2, _modelAttributeMap$ow2, _modelAttributeMap$7, _modelAttributeMap$8, _modelAttributeMap$di2, _modelAttributeMap$ip2, _modelAttributeMap$as2, _alarmList;
268
-
269
- var _yield$topo$options$r, metrics, alarmList, attributeMap, res_address, _attributeMap$2;
270
-
271
- return _regenerator["default"].wrap(function _callee2$(_context2) {
272
- while (1) {
273
- switch (_context2.prev = _context2.next) {
274
- case 0:
275
- topo.resourceOverviewDrawer = {
276
- refreshData: function refreshData() {
277
- init();
278
- }
279
- };
280
- _context2.next = 3;
281
- return (_topo$options$resourc2 = topo.options.resourceOverviewDrawer) === null || _topo$options$resourc2 === void 0 ? void 0 : _topo$options$resourc2.getData({
282
- id: id,
283
- metrics: topModelMetrics
284
- });
285
-
286
- case 3:
287
- _yield$topo$options$r = _context2.sent;
288
- metrics = _yield$topo$options$r.metrics;
289
- alarmList = _yield$topo$options$r.alarms;
290
- console.log('应用拓扑 参数获取', metrics, alarmList);
291
- _context2.next = 9;
292
- return getAttribute(id);
293
-
294
- case 9:
295
- attributeMap = _context2.sent;
296
- // 位置
297
- res_address = false;
298
-
299
- if (!((_modelAttributeMap$ow2 = modelAttributeMap.owned_computer_room) !== null && _modelAttributeMap$ow2 !== void 0 && _modelAttributeMap$ow2.userVisible)) {
300
- _context2.next = 17;
301
- break;
302
- }
303
-
304
- _context2.next = 14;
305
- return getAddressFormat(attributeMap);
306
-
307
- case 14:
308
- res_address = _context2.sent;
309
- _context2.next = 18;
310
- break;
311
-
312
- case 17:
313
- if ((_modelAttributeMap$7 = modelAttributeMap[ciType + ".computer_room"]) !== null && _modelAttributeMap$7 !== void 0 && _modelAttributeMap$7.userVisible || (_modelAttributeMap$8 = modelAttributeMap[ciType + ".area"]) !== null && _modelAttributeMap$8 !== void 0 && _modelAttributeMap$8.userVisible) {
314
- res_address = attributeMap[ciType + ".computer_room "] || attributeMap[ciType + ".area"] ? " " + (((_attributeMap$2 = attributeMap[ciType + ".area_object"]) === null || _attributeMap$2 === void 0 ? void 0 : _attributeMap$2.displayName) || '') + " " + (attributeMap[ciType + ".computer_room"] || '') : false;
315
- }
316
-
317
- case 18:
318
- setBaseInfo({
319
- // 资源
320
- // display_name: modelAttributeMap['display_name'] ? attributeMap.display_name : false,
321
- resource: (_modelAttributeMap$di2 = modelAttributeMap.display_name) !== null && _modelAttributeMap$di2 !== void 0 && _modelAttributeMap$di2.userVisible ? {
322
- display_name: attributeMap.display_name,
323
- // 资源名称/显示名称
324
- link: "/default/pagecenter/resDetail/view/" + id + "?resId=" + id + "&domainCode=" + domain + "&title=" + attributeMap.display_name + "&ciCode=" + ciType // 资源跳转链接
325
-
326
- } : false,
327
- ipv4_address: (_modelAttributeMap$ip2 = modelAttributeMap.ipv4_address) !== null && _modelAttributeMap$ip2 !== void 0 && _modelAttributeMap$ip2.userVisible ? attributeMap.ipv4_address : false,
328
- asset_number: (_modelAttributeMap$as2 = modelAttributeMap.asset_number) !== null && _modelAttributeMap$as2 !== void 0 && _modelAttributeMap$as2.userVisible ? attributeMap.asset_number : false,
329
- ciName: ciName,
330
- res_address: res_address // principal: modelAttributeMap[`${ciType}.principal`] ? attributeMap[`${ciType}.principal`] : false,
331
-
332
- });
333
- setIndicator(topModelMetrics.map(function (item) {
334
- return (0, _extends2["default"])({}, item, {
335
- value: metrics[item.code] || ''
336
- });
337
- }));
338
- alarmList = ((_alarmList = alarmList) === null || _alarmList === void 0 ? void 0 : _alarmList.map(function (item) {
339
- return {
340
- type: 'alarm',
341
- icon: 'gaojing-3',
342
- className: "alarm-color-icon-lv" + item.alertLevel,
343
- title: "[" + item.alertObject + "] " + item.alertTitle,
344
- link: "/default/pagecenter/alertDetail/view/" + item.alertId + "?alertId=" + item.alertId + "&resId=" + item.ciId + "&title=" + item.alertObject + "&ruleId=" + item.ruleId,
345
- time: item.createTime,
346
- status: item.status,
347
- params: [{
348
- alertId: item.alertId,
349
- status: 'dealing',
350
- userId: userId,
351
- isBaseAlert: false
352
- }]
353
- };
354
- })) || [];
355
- setAlarmRiskList(alarmList);
356
-
357
- case 22:
358
- case "end":
359
- return _context2.stop();
360
- }
361
- }
362
- }, _callee2);
363
- }));
364
- return _initAppTopo.apply(this, arguments);
365
- }
366
-
367
- function getAttribute(_x5) {
368
- return _getAttribute.apply(this, arguments);
369
- } // 获取地址信息:机房 机柜 起始U-结束U
370
-
371
-
372
- function _getAttribute() {
373
- _getAttribute = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(id) {
374
- var res, _ref2, attributes, attributeMap;
375
-
376
- return _regenerator["default"].wrap(function _callee3$(_context3) {
377
- while (1) {
378
- switch (_context3.prev = _context3.next) {
379
- case 0:
380
- _context3.next = 2;
381
- return _topo["default"].ciInfo.batchQueryCiInfo({
382
- ciId: [{
383
- ciId: id,
384
- operation: 'delete'
385
- }],
386
- codes: [],
387
- relationId: []
388
- });
389
-
390
- case 2:
391
- res = _context3.sent;
392
- _ref2 = res[0] || {}, attributes = _ref2.attributes;
393
- attributeMap = {};
394
- attributes.forEach(function (item) {
395
- attributeMap[item.code] = item.value;
396
- });
397
- return _context3.abrupt("return", attributeMap);
398
-
399
- case 7:
400
- case "end":
401
- return _context3.stop();
402
- }
403
- }
404
- }, _callee3);
405
- }));
406
- return _getAttribute.apply(this, arguments);
407
- }
408
-
409
- function getAddressFormat(_x6) {
410
- return _getAddressFormat.apply(this, arguments);
411
- } // 获取告警/风险信息
412
-
413
-
414
- function _getAddressFormat() {
415
- _getAddressFormat = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(_ref) {
416
- var owned_computer_room, owned_cabinet, start_u_location, end_u_location, address, _res$find, _res$find$attributes, _res$find2, _res$find2$attributes, res, u;
417
-
418
- return _regenerator["default"].wrap(function _callee4$(_context4) {
419
- while (1) {
420
- switch (_context4.prev = _context4.next) {
421
- case 0:
422
- owned_computer_room = _ref.owned_computer_room, owned_cabinet = _ref.owned_cabinet, start_u_location = _ref.start_u_location, end_u_location = _ref.end_u_location;
423
- console.log('获取地址信息:', {
424
- owned_computer_room: owned_computer_room,
425
- owned_cabinet: owned_cabinet,
426
- start_u_location: start_u_location,
427
- end_u_location: end_u_location
428
- });
429
- address = '';
430
-
431
- if (!(owned_computer_room && owned_cabinet)) {
432
- _context4.next = 8;
433
- break;
434
- }
435
-
436
- _context4.next = 6;
437
- return (0, _services.queryCisByIds)([owned_computer_room, owned_cabinet]);
438
-
439
- case 6:
440
- res = _context4.sent;
441
- address = (((_res$find = res.find(function (item) {
442
- return item.id === owned_computer_room;
443
- })) === null || _res$find === void 0 ? void 0 : (_res$find$attributes = _res$find.attributes) === null || _res$find$attributes === void 0 ? void 0 : _res$find$attributes.display_name) || '') + " " + (((_res$find2 = res.find(function (item) {
444
- return item.id === owned_cabinet;
445
- })) === null || _res$find2 === void 0 ? void 0 : (_res$find2$attributes = _res$find2.attributes) === null || _res$find2$attributes === void 0 ? void 0 : _res$find2$attributes.display_name) || '');
446
-
447
- case 8:
448
- u = '';
449
-
450
- if (start_u_location || end_u_location) {
451
- u = (start_u_location || '') + "-" + (end_u_location || '');
452
- }
453
-
454
- return _context4.abrupt("return", address || u ? "" + (address || '') + (u ? " " + u : '') : '');
455
-
456
- case 11:
457
- case "end":
458
- return _context4.stop();
459
- }
460
- }
461
- }, _callee4);
462
- }));
463
- return _getAddressFormat.apply(this, arguments);
464
- }
465
-
466
- function getAlarmRiskData(_x7) {
467
- return _getAlarmRiskData.apply(this, arguments);
468
- } // 告警table列配置
469
-
470
-
471
- function _getAlarmRiskData() {
472
- _getAlarmRiskData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(id) {
473
- var _yield$alarmService$g, alarmList, _yield$service$getRis, riskList;
474
-
475
- return _regenerator["default"].wrap(function _callee5$(_context5) {
476
- while (1) {
477
- switch (_context5.prev = _context5.next) {
478
- case 0:
479
- _context5.next = 2;
480
- return _alarm["default"].getAlarmByIds([id], {
481
- alertStatusList: ['toDeal', 'dealing'],
482
- // toDeal: 待处理, dealing:处理中
483
- pageNum: 1,
484
- pageSize: 999,
485
- sortField: 'alertLevel',
486
- sortOrder: 'desc'
487
- });
488
-
489
- case 2:
490
- _yield$alarmService$g = _context5.sent;
491
- alarmList = _yield$alarmService$g.datas;
492
- alarmList = alarmList.map(function (item) {
493
- return {
494
- type: 'alarm',
495
- icon: 'gaojing-3',
496
- className: "alarm-color-icon-lv" + item.alertLevel,
497
- title: "[" + item.alertObject + "] " + item.alertTitle,
498
- link: "/default/pagecenter/alertDetail/view/" + item.alertId + "?alertId=" + item.alertId + "&resId=" + item.ciId + "&title=" + item.alertObject + "&ruleId=" + item.ruleId,
499
- time: item.createTime,
500
- status: item.status,
501
- params: [{
502
- alertId: item.alertId,
503
- status: 'dealing',
504
- userId: userId,
505
- isBaseAlert: false
506
- }]
507
- };
508
- });
509
- _context5.next = 7;
510
- return _overview["default"].getRiskByIds({
511
- ciIdList: [id],
512
- statusList: ['toDeal', 'dealing'],
513
- current: 1,
514
- pageSize: 999
515
- });
516
-
517
- case 7:
518
- _yield$service$getRis = _context5.sent;
519
- riskList = _yield$service$getRis.content;
520
- riskList = riskList.map(function (item) {
521
- return {
522
- type: 'risk',
523
- icon: 'Overall_risk_full',
524
- className: 'risk-icon',
525
- title: item.itemName,
526
- link: "/default/inspectionTaskList/inspectionReport?title=" + item.ciName + "&reportId=" + item.executeId + "&reportTime=" + item.executeTime + "&reportType=" + item.viewType + "&reportName=" + item.ciName,
527
- time: item.firstFoundTime
528
- };
529
- });
530
- console.log('告警和风险', alarmList, riskList);
531
- setAlarmRiskList([].concat(alarmList, riskList));
532
-
533
- case 12:
534
- case "end":
535
- return _context5.stop();
536
- }
537
- }
538
- }, _callee5);
539
- }));
540
- return _getAlarmRiskData.apply(this, arguments);
541
- }
542
-
543
- var columns = [{
544
- title: '描述',
545
- dataIndex: 'title',
546
- key: 'title',
547
- cell: function cell(value, index, record) {
548
- return /*#__PURE__*/_react["default"].createElement("div", {
549
- className: _indexModule["default"]['alarm-title'],
550
- title: value
551
- }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
552
- type: record.icon,
553
- size: "xs",
554
- className: _indexModule["default"]['alarm-color-icon'] + " " + record.className
555
- }), /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
556
- className: _indexModule["default"].link,
557
- to: formatUrl(record.link)
558
- }, value));
559
- }
560
- }, {
561
- title: '时间',
562
- dataIndex: 'time',
563
- key: 'time',
564
- width: 144,
565
- cell: function cell(value, index, record) {
566
- return /*#__PURE__*/_react["default"].createElement("div", {
567
- title: (0, _moment["default"])(value).format('YYYY-MM-DD HH:mm:ss')
568
- }, (0, _moment["default"])(value).format('YYYY-MM-DD HH:mm:ss'));
569
- }
570
- }, {
571
- title: '操作',
572
- dataIndex: 'status',
573
- key: 'status',
574
- width: 64,
575
- cell: function cell(status, index, record) {
576
- if (record.type === 'alarm') {
577
- return status === 'toDeal' ? /*#__PURE__*/_react["default"].createElement(_button["default"], {
578
- text: true,
579
- type: "primary",
580
- onClick: function onClick() {
581
- return alarmRiskOperation(record.type, record.params);
582
- }
583
- }, "\u53D7\u7406") : /*#__PURE__*/_react["default"].createElement(_button["default"], {
584
- disabled: true,
585
- text: true,
586
- type: "primary"
587
- }, "\u5DF2\u53D7\u7406");
588
- } else {
589
- // return <Button text type="primary" onClick={() => alarmRiskOperation(record.type, record)}>受理</Button>
590
- return '';
591
- }
592
- }
593
- }]; // 告警/风险 操作 (受理)
594
-
595
- function alarmRiskOperation(_x8, _x9) {
596
- return _alarmRiskOperation.apply(this, arguments);
597
- }
598
-
599
- function _alarmRiskOperation() {
600
- _alarmRiskOperation = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6(type, params) {
601
- var res, _topo$ciTyeCache$getC, modelMetrics, ciName, modelAttributeMap, domain, topModelMetrics;
602
-
603
- return _regenerator["default"].wrap(function _callee6$(_context6) {
604
- while (1) {
605
- switch (_context6.prev = _context6.next) {
606
- case 0:
607
- if (!(type === 'alarm')) {
608
- _context6.next = 6;
609
- break;
610
- }
611
-
612
- _context6.next = 3;
613
- return _overview["default"].handleAlarm(params);
614
-
615
- case 3:
616
- res = _context6.sent;
617
-
618
- _message["default"].success('受理成功');
619
-
620
- if (isAppTopo) {
621
- _topo$ciTyeCache$getC = topo.ciTyeCache.getCiType(ciType), modelMetrics = _topo$ciTyeCache$getC.metrics, ciName = _topo$ciTyeCache$getC.displayName, modelAttributeMap = _topo$ciTyeCache$getC.attributeMap, domain = _topo$ciTyeCache$getC.domain;
622
- topModelMetrics = modelMetrics.slice(0, 6);
623
- initAppTopo(topModelMetrics, modelAttributeMap, ciName, domain);
624
- } else {
625
- getAlarmRiskData(id);
626
- }
627
-
628
- case 6:
629
- case "end":
630
- return _context6.stop();
631
- }
632
- }
633
- }, _callee6);
634
- }));
635
- return _alarmRiskOperation.apply(this, arguments);
636
- }
637
-
638
- var elementData = {
639
- id: id,
640
- ciType: ciType,
641
- type: type,
642
- name: baseInfo === null || baseInfo === void 0 ? void 0 : (_baseInfo$resource = baseInfo.resource) === null || _baseInfo$resource === void 0 ? void 0 : _baseInfo$resource.display_name
643
- };
644
- return /*#__PURE__*/_react["default"].createElement("div", {
645
- className: _indexModule["default"]['resource-overview']
646
- }, /*#__PURE__*/_react["default"].createElement(_BaseInfoBlock["default"], (0, _extends2["default"])({
647
- data: elementData,
648
- ciTypeMeta: ciTypeMeta,
649
- baseInfo: baseInfo
650
- }, resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : resourceOverviewProps.baseInfoProps)), /*#__PURE__*/_react["default"].createElement(_BlockBox["default"], {
651
- headerTitle: "\u5173\u952E\u6307\u6807"
652
- }, /*#__PURE__*/_react["default"].createElement(_ResourceOverviewMetric["default"], {
653
- topo: topo,
654
- type: type,
655
- data: indicator
656
- })), /*#__PURE__*/_react["default"].createElement(_BlockBox["default"], {
657
- headerTitle: "\u6700\u8FD1\u7684\u544A\u8B66\u548C\u98CE\u9669"
658
- }, /*#__PURE__*/_react["default"].createElement("div", {
659
- className: _indexModule["default"].alarm
660
- }, /*#__PURE__*/_react["default"].createElement(_table["default"], {
661
- hasBorder: false,
662
- fixedHeader: true,
663
- columns: columns,
664
- maxBodyHeight: "auto",
665
- dataSource: alarmRiskList,
666
- emptyContent: /*#__PURE__*/_react["default"].createElement("div", {
667
- className: _indexModule["default"]['no-data']
668
- }, "\u6682\u65E0\u6570\u636E")
669
- }))));
670
- }
10
+ var _default = _ResourceOverview["default"];
11
+ exports["default"] = _default;