@riil-frontend/component-topology 10.0.57 → 10.0.59

package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js

@@ -8,7 +8,7 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Sy
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import moment from 'moment';
@@ -49,7 +49,7 @@ function formatUrl(url) {
 
 
 export default function ResourceOverview(props) {
-  var _viewerProps$resource, _data$attributes;
+  var _viewerProps$resource, _data$attributes, _ref, _getAddressFormat, _alarmRiskOperation, _baseInfoColChange, _getAttribute, _metricColChange;
 
   var topo = props.topo,
       id = props.id,
@@ -159,39 +159,33 @@ export default function ResourceOverview(props) {
     isAppTopo && resourceOverviewProps.onClose && resourceOverviewProps.onClose();
   }
 
-  var jump = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(roomLink, id) {
+  var jump = function jump(_x, _x2) {
+    return (_ref = _ref || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(roomLink, id) {
       var power;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              onClose();
-              _context.next = 3;
-              return commonQueryCiData(id);
-
-            case 3:
-              power = _context.sent;
-
-              // console.log(power)
-              if (power.data.length) {
-                window.open("" + window.location.origin + roomLink);
-              } else {
-                _Message.error('无访问权限，请联系管理员');
-              }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            onClose();
+            _context.next = 3;
+            return commonQueryCiData(id);
+
+          case 3:
+            power = _context.sent;
+
+            // console.log(power)
+            if (power.data.length) {
+              window.open("" + window.location.origin + roomLink);
+            } else {
+              _Message.error('无访问权限，请联系管理员');
+            }
 
-            case 5:
-            case "end":
-              return _context.stop();
-          }
+          case 5:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
-    }));
-
-    return function jump(_x, _x2) {
-      return _ref.apply(this, arguments);
-    };
-  }(); // 基本信息可选项
+    }))).apply(this, arguments);
+  }; // 基本信息可选项
 
 
   var baseInfoCol = useMemo(function () {
@@ -245,90 +239,78 @@ export default function ResourceOverview(props) {
     })) || [];
   }, [id, monitorMetricModels, initFlag]);
   useEffect(function () {
+    var _getDevice;
+
     // 获取上架设备类型，判断资源是否是上架设备
     function getDevice() {
-      return _getDevice.apply(this, arguments);
-    }
-
-    function _getDevice() {
-      _getDevice = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      return (_getDevice = _getDevice || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
         var list;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return service.getDeviceTypeList();
-
-              case 2:
-                list = _context2.sent;
-                setIsDevice(list.some(function (item) {
-                  return item.code === ciType;
-                })); // console.log('getDevice', ciType, list);
-
-              case 4:
-              case "end":
-                return _context2.stop();
-            }
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return service.getDeviceTypeList();
+
+            case 2:
+              list = _context2.sent;
+              setIsDevice(list.some(function (item) {
+                return item.code === ciType;
+              })); // console.log('getDevice', ciType, list);
+
+            case 4:
+            case "end":
+              return _context2.stop();
           }
         }, _callee2);
-      }));
-      return _getDevice.apply(this, arguments);
+      }))).apply(this, arguments);
     }
 
     getDevice();
   }, [ciType]); // 获取地址信息：机房 机柜 起始U-结束U
 
   function getAddressFormat(_x3) {
-    return _getAddressFormat.apply(this, arguments);
-  } // 告警table列配置
-
-
-  function _getAddressFormat() {
-    _getAddressFormat = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref2) {
+    return (_getAddressFormat = _getAddressFormat || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref2) {
       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;
 
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              owned_computer_room = _ref2.owned_computer_room, owned_cabinet = _ref2.owned_cabinet, start_u_location = _ref2.start_u_location, end_u_location = _ref2.end_u_location;
-              address = '';
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            owned_computer_room = _ref2.owned_computer_room, owned_cabinet = _ref2.owned_cabinet, start_u_location = _ref2.start_u_location, end_u_location = _ref2.end_u_location;
+            address = '';
 
-              if (!(owned_computer_room && owned_cabinet)) {
-                _context3.next = 7;
-                break;
-              }
+            if (!(owned_computer_room && owned_cabinet)) {
+              _context3.next = 7;
+              break;
+            }
 
-              _context3.next = 5;
-              return queryCisByIds([owned_computer_room, owned_cabinet]);
+            _context3.next = 5;
+            return queryCisByIds([owned_computer_room, owned_cabinet]);
 
-            case 5:
-              res = _context3.sent;
-              address = (((_res$find = res.find(function (item) {
-                return item.id === owned_computer_room;
-              })) === 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) {
-                return item.id === owned_cabinet;
-              })) === 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) || '');
+          case 5:
+            res = _context3.sent;
+            address = (((_res$find = res.find(function (item) {
+              return item.id === owned_computer_room;
+            })) === 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) {
+              return item.id === owned_cabinet;
+            })) === 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) || '');
 
-            case 7:
-              u = '';
+          case 7:
+            u = '';
 
-              if (start_u_location || end_u_location) {
-                u = (start_u_location || '') + "-" + (end_u_location || '');
-              }
+            if (start_u_location || end_u_location) {
+              u = (start_u_location || '') + "-" + (end_u_location || '');
+            }
 
-              return _context3.abrupt("return", address || u ? "" + (address || '') + (u ? " " + u : '') : '');
+            return _context3.abrupt("return", address || u ? "" + (address || '') + (u ? " " + u : '') : '');
 
-            case 10:
-            case "end":
-              return _context3.stop();
-          }
+          case 10:
+          case "end":
+            return _context3.stop();
         }
       }, _callee3);
-    }));
-    return _getAddressFormat.apply(this, arguments);
-  }
+    }))).apply(this, arguments);
+  } // 告警table列配置
+
 
   var columns = [{
     title: '描述',
@@ -384,48 +366,41 @@ export default function ResourceOverview(props) {
   }]; // 告警/风险 操作 (受理)
 
   function alarmRiskOperation(_x4, _x5) {
-    return _alarmRiskOperation.apply(this, arguments);
-  }
-
-  function _alarmRiskOperation() {
-    _alarmRiskOperation = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(type, params) {
+    return (_alarmRiskOperation = _alarmRiskOperation || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(type, params) {
       var res;
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              if (!(type === 'alarm')) {
-                _context4.next = 6;
-                break;
-              }
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            if (!(type === 'alarm')) {
+              _context4.next = 6;
+              break;
+            }
 
-              _context4.next = 3;
-              return service.handleAlarm(params);
+            _context4.next = 3;
+            return service.handleAlarm(params);
 
-            case 3:
-              res = _context4.sent;
+          case 3:
+            res = _context4.sent;
 
-              _Message.success('受理成功');
+            _Message.success('受理成功');
 
-              refreshAlarmData(id); // if (isAppTopo) {
-              //   const {
-              //     displayName: ciName,
-              //     attributeMap: modelAttributeMap,
-              //     domain,
-              //   } = topo.ciTyeCache.getCiType(ciType);
-              //   initAppTopo(monitorMetricModels, modelAttributeMap, ciName, domain);
-              // } else {
-              //   getAlarmRiskData(id);
-              // }
+            refreshAlarmData(id); // if (isAppTopo) {
+            //   const {
+            //     displayName: ciName,
+            //     attributeMap: modelAttributeMap,
+            //     domain,
+            //   } = topo.ciTyeCache.getCiType(ciType);
+            //   initAppTopo(monitorMetricModels, modelAttributeMap, ciName, domain);
+            // } else {
+            //   getAlarmRiskData(id);
+            // }
 
-            case 6:
-            case "end":
-              return _context4.stop();
-          }
+          case 6:
+          case "end":
+            return _context4.stop();
         }
       }, _callee4);
-    }));
-    return _alarmRiskOperation.apply(this, arguments);
+    }))).apply(this, arguments);
   }
 
   var elementData = {
@@ -437,343 +412,322 @@ export default function ResourceOverview(props) {
   }; // 基本信息设置改变
 
   function baseInfoColChange(_x6) {
-    return _baseInfoColChange.apply(this, arguments);
-  } // 获取属性信息
+    return (_baseInfoColChange = _baseInfoColChange || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(col) {
+      var _col;
 
+      var infoData, attributeMap, _loop, _iterator, _step;
 
-  function _baseInfoColChange() {
-    _baseInfoColChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(col) {
-      var _col;
+      return _regeneratorRuntime.wrap(function _callee5$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            if ((_col = col) !== null && _col !== void 0 && _col.length) {
+              _context6.next = 3;
+              break;
+            }
 
-      var infoData, attributeMap, _iterator, _step, item, value, contentTitle, _data, _ref3, _ref3$, _item, _attributeMap, object, _object, displayName, attr;
+            setBaseInfo([]);
+            return _context6.abrupt("return");
 
-      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-        while (1) {
-          switch (_context6.prev = _context6.next) {
-            case 0:
-              if ((_col = col) !== null && _col !== void 0 && _col.length) {
-                _context6.next = 3;
-                break;
-              }
+          case 3:
+            settBaseInfoInitLoading(true);
+            infoData = [];
+            _context6.next = 7;
+            return getAttribute(id);
 
-              setBaseInfo([]);
-              return _context6.abrupt("return");
+          case 7:
+            attributeMap = _context6.sent;
+            // console.log('getAttribute', attributeMap);
+            col = col.filter(function (item) {
+              return !item.hidden;
+            });
+            _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
+              var item, value, contentTitle, link, address, owned_computer_room, owned_cabinet, roomLink, node, data, _ref3, _ref3$, _item, _attributeMap, object, _object2, displayName, attr;
+
+              return _regeneratorRuntime.wrap(function _loop$(_context5) {
+                while (1) switch (_context5.prev = _context5.next) {
+                  case 0:
+                    item = _step.value;
+                    value = formatMetric(attributeMap[item.dataIndex], ciTypeMeta.attributeMap[item.dataIndex]);
+                    contentTitle = value;
+                    _context5.t0 = item.dataIndex;
+                    _context5.next = _context5.t0 === 'display_name' ? 6 : _context5.t0 === 'ciName' ? 9 : _context5.t0 === 'res_address' ? 12 : _context5.t0 === 'imageName' ? 19 : 23;
+                    break;
+
+                  case 6:
+                    // 无监控模板不能跳转详情。跳转前需判定资源实例数据属性中是否包含support_templates属性。若不包含，则不能跳转
+                    if (attributeMap.support_templates) {
+                      link = "/default/pagecenter/resDetail/view/" + id + "?resId=" + id + "&domainCode=" + ciTypeMeta.domain + "&title=" + attributeMap.display_name + "&ciCode=" + ciType; // 资源跳转链接
+
+                      value = /*#__PURE__*/React.createElement("span", {
+                        onClick: onClose
+                      }, /*#__PURE__*/React.createElement(Link, {
+                        className: styles.link,
+                        disabled: true,
+                        title: attributeMap.display_name || '',
+                        to: formatUrl(link)
+                      }, attributeMap.display_name || '-'));
+                    } else {
+                      value = attributeMap.display_name || '-';
+                    }
 
-            case 3:
-              settBaseInfoInitLoading(true);
-              infoData = [];
-              _context6.next = 7;
-              return getAttribute(id);
+                    contentTitle = attributeMap.display_name || '-';
+                    return _context5.abrupt("break", 24);
 
-            case 7:
-              attributeMap = _context6.sent;
-              // console.log('getAttribute', attributeMap);
-              col = col.filter(function (item) {
-                return !item.hidden;
-              });
-              _iterator = _createForOfIteratorHelperLoose(col);
+                  case 9:
+                    value = ciTypeMeta.displayName;
+                    contentTitle = value;
+                    return _context5.abrupt("break", 24);
 
-            case 10:
-              if ((_step = _iterator()).done) {
-                _context6.next = 26;
-                break;
-              }
+                  case 12:
+                    _context5.next = 14;
+                    return getAddressFormat(attributeMap);
 
-              item = _step.value;
-              value = formatMetric(attributeMap[item.dataIndex], ciTypeMeta.attributeMap[item.dataIndex]);
-              contentTitle = value;
-              return _context6.delegateYield( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-                var link, address, owned_computer_room, owned_cabinet, roomLink, node;
-                return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-                  while (1) {
-                    switch (_context5.prev = _context5.next) {
-                      case 0:
-                        _context5.t0 = item.dataIndex;
-                        _context5.next = _context5.t0 === 'display_name' ? 3 : _context5.t0 === 'ciName' ? 6 : _context5.t0 === 'res_address' ? 9 : _context5.t0 === 'imageName' ? 16 : 20;
-                        break;
-
-                      case 3:
-                        // 无监控模板不能跳转详情。跳转前需判定资源实例数据属性中是否包含support_templates属性。若不包含，则不能跳转
-                        if (attributeMap.support_templates) {
-                          link = "/default/pagecenter/resDetail/view/" + id + "?resId=" + id + "&domainCode=" + ciTypeMeta.domain + "&title=" + attributeMap.display_name + "&ciCode=" + ciType; // 资源跳转链接
-
-                          value = /*#__PURE__*/React.createElement("span", {
-                            onClick: onClose
-                          }, /*#__PURE__*/React.createElement(Link, {
-                            className: styles.link,
-                            disabled: true,
-                            title: attributeMap.display_name || '',
-                            to: formatUrl(link)
-                          }, attributeMap.display_name || '-'));
-                        } else {
-                          value = attributeMap.display_name || '-';
-                        }
+                  case 14:
+                    address = _context5.sent;
+                    owned_computer_room = attributeMap.owned_computer_room, owned_cabinet = attributeMap.owned_cabinet; // 跳转3D机房定位设备
 
-                        contentTitle = attributeMap.display_name || '-';
-                        return _context5.abrupt("break", 21);
-
-                      case 6:
-                        value = ciTypeMeta.displayName;
-                        contentTitle = value;
-                        return _context5.abrupt("break", 21);
-
-                      case 9:
-                        _context5.next = 11;
-                        return getAddressFormat(attributeMap);
-
-                      case 11:
-                        address = _context5.sent;
-                        owned_computer_room = attributeMap.owned_computer_room, owned_cabinet = attributeMap.owned_cabinet; // 跳转3D机房定位设备
-
-                        if (owned_computer_room && owned_cabinet) {
-                          // /visual/room/index_runtime.html?type=preview&room_id=00000000383e3381&rack_id=11&device_id=122
-                          roomLink = "/visual/room/index_runtime.html?type=preview&room_id=" + owned_computer_room + "&rack_id=" + owned_cabinet + "&device_id=" + id;
-                          value = /*#__PURE__*/React.createElement("span", {
-                            onClick: function onClick() {
-                              jump(roomLink, owned_computer_room);
-                            }
-                          }, /*#__PURE__*/React.createElement("span", {
-                            className: styles.link,
-                            title: address
-                          }, address));
-                        } else {
-                          value = address;
+                    if (owned_computer_room && owned_cabinet) {
+                      // /visual/room/index_runtime.html?type=preview&room_id=00000000383e3381&rack_id=11&device_id=122
+                      roomLink = "/visual/room/index_runtime.html?type=preview&room_id=" + owned_computer_room + "&rack_id=" + owned_cabinet + "&device_id=" + id;
+                      value = /*#__PURE__*/React.createElement("span", {
+                        onClick: function onClick() {
+                          jump(roomLink, owned_computer_room);
                         }
+                      }, /*#__PURE__*/React.createElement("span", {
+                        className: styles.link,
+                        title: address
+                      }, address));
+                    } else {
+                      value = address;
+                    }
 
-                        contentTitle = address;
-                        return _context5.abrupt("break", 21);
+                    contentTitle = address;
+                    return _context5.abrupt("break", 24);
 
-                      case 16:
-                        node = topo.getDataModel().getDataByTag(id);
-                        value = (node === null || node === void 0 ? void 0 : node.a('customName')) || (node === null || node === void 0 ? void 0 : node.a('name')) || '-';
-                        contentTitle = value;
-                        return _context5.abrupt("break", 21);
+                  case 19:
+                    node = topo.getDataModel().getDataByTag(id);
+                    value = (node === null || node === void 0 ? void 0 : node.a('customName')) || (node === null || node === void 0 ? void 0 : node.a('name')) || '-';
+                    contentTitle = value;
+                    return _context5.abrupt("break", 24);
 
-                      case 20:
-                        return _context5.abrupt("break", 21);
+                  case 23:
+                    return _context5.abrupt("break", 24);
 
-                      case 21:
-                      case "end":
-                        return _context5.stop();
+                  case 24:
+                    // 拿翻译字段属性数据
+                    if (attributeMap[item.dataIndex] && attributeMap[item.dataIndex + ".name"]) {
+                      value = attributeMap[item.dataIndex + ".name"];
+                      contentTitle = value;
                     }
-                  }
-                }, _callee5);
-              })(), "t0", 15);
-
-            case 15:
-              // 拿翻译字段属性数据
-              if (attributeMap[item.dataIndex] && attributeMap[item.dataIndex + ".name"]) {
-                value = attributeMap[item.dataIndex + ".name"];
-                contentTitle = value;
-              }
 
-              _data = topo.attributeMetricDisplay.getData() || [];
-              _ref3 = [].concat(_data.filter(function (m) {
-                return m.id === id;
-              })), _ref3$ = _ref3[0], _item = _ref3$ === void 0 ? {} : _ref3$;
-              _attributeMap = _item.attributeMap || {};
-              object = _attributeMap[item.dataIndex + "_object"] || {};
-
-              if (!attributeMap[item.dataIndex + ".name"] && JSON.stringify(object) !== '{}') {
-                _object = _extends({}, object), displayName = _object.displayName;
-                value = displayName || _attributeMap["" + item.dataIndex];
-                contentTitle = value;
-              }
+                    data = topo.attributeMetricDisplay.getData() || [];
+                    _ref3 = [].concat(data.filter(function (m) {
+                      return m.id === id;
+                    })), _ref3$ = _ref3[0], _item = _ref3$ === void 0 ? {} : _ref3$;
+                    _attributeMap = _item.attributeMap || {};
+                    object = _attributeMap[item.dataIndex + "_object"] || {};
+
+                    if (!attributeMap[item.dataIndex + ".name"] && JSON.stringify(object) !== '{}') {
+                      _object2 = _extends({}, object), displayName = _object2.displayName;
+                      value = displayName || _attributeMap["" + item.dataIndex];
+                      contentTitle = value;
+                    }
 
-              if (item.dataIndex === 'ipv6_address') {
-                value = _attributeMap["" + item.dataIndex];
-                contentTitle = value;
-              }
+                    if (item.dataIndex === 'ipv6_address') {
+                      value = _attributeMap["" + item.dataIndex];
+                      contentTitle = value;
+                    }
 
-              if (isAppTopo && (item.dataIndex === 'source_type' || item.dataIndex === 'destination_type')) {
-                attr = topo.ciTyeCache.getCiType(attributeMap["" + item.dataIndex]) || {};
-                value = attr.displayName || attributeMap["" + item.dataIndex];
-                contentTitle = value;
-              }
+                    if (isAppTopo && (item.dataIndex === 'source_type' || item.dataIndex === 'destination_type')) {
+                      attr = topo.ciTyeCache.getCiType(attributeMap["" + item.dataIndex]) || {};
+                      value = attr.displayName || attributeMap["" + item.dataIndex];
+                      contentTitle = value;
+                    }
 
-              infoData.push(_extends({}, item, {
-                value: value,
-                contentTitle: contentTitle
-              }));
+                    infoData.push(_extends({}, item, {
+                      value: value,
+                      contentTitle: contentTitle
+                    }));
 
-            case 24:
-              _context6.next = 10;
+                  case 33:
+                  case "end":
+                    return _context5.stop();
+                }
+              }, _loop);
+            });
+            _iterator = _createForOfIteratorHelperLoose(col);
+
+          case 11:
+            if ((_step = _iterator()).done) {
+              _context6.next = 15;
               break;
+            }
 
-            case 26:
-              settBaseInfoInitLoading(false);
-              setBaseInfo(infoData);
+            return _context6.delegateYield(_loop(), "t0", 13);
 
-            case 28:
-            case "end":
-              return _context6.stop();
-          }
-        }
-      }, _callee6);
-    }));
-    return _baseInfoColChange.apply(this, arguments);
-  }
+          case 13:
+            _context6.next = 11;
+            break;
 
-  function getAttribute(_x7) {
-    return _getAttribute.apply(this, arguments);
-  } // 指标设置改变
+          case 15:
+            settBaseInfoInitLoading(false);
+            setBaseInfo(infoData);
 
+          case 17:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee5);
+    }))).apply(this, arguments);
+  } // 获取属性信息
 
-  function _getAttribute() {
-    _getAttribute = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(id) {
-      var _yield$resourceOvervi, baseInfos, res, _ref4, attributes;
 
-      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-        while (1) {
-          switch (_context7.prev = _context7.next) {
-            case 0:
-              if (id) {
-                _context7.next = 2;
-                break;
-              }
+  function getAttribute(_x7) {
+    return (_getAttribute = _getAttribute || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(id) {
+      var _yield$resourceOvervi2, baseInfos, res, _ref4, attributes;
+
+      return _regeneratorRuntime.wrap(function _callee6$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            if (id) {
+              _context7.next = 2;
+              break;
+            }
 
-              return _context7.abrupt("return");
+            return _context7.abrupt("return");
 
-            case 2:
-              if (!(resourceOverviewProps !== null && resourceOverviewProps !== void 0 && resourceOverviewProps.getData)) {
-                _context7.next = 9;
-                break;
-              }
+          case 2:
+            if (!(resourceOverviewProps !== null && resourceOverviewProps !== void 0 && resourceOverviewProps.getData)) {
+              _context7.next = 9;
+              break;
+            }
 
-              _context7.next = 5;
-              return resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : resourceOverviewProps.getData({
-                id: id
-              });
+            _context7.next = 5;
+            return resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : resourceOverviewProps.getData({
+              id: id
+            });
 
-            case 5:
-              _yield$resourceOvervi = _context7.sent;
-              baseInfos = _yield$resourceOvervi.baseInfos;
+          case 5:
+            _yield$resourceOvervi2 = _context7.sent;
+            baseInfos = _yield$resourceOvervi2.baseInfos;
 
-              if (!baseInfos) {
-                _context7.next = 9;
-                break;
-              }
+            if (!baseInfos) {
+              _context7.next = 9;
+              break;
+            }
 
-              return _context7.abrupt("return", baseInfos);
-
-            case 9:
-              _context7.next = 11;
-              return service.commonQueryCiData({
-                condition: "id('" + id + "')",
-                refAttribute: true,
-                orders: [{
-                  name: 'CREATED_TIME',
-                  type: 'asc'
-                }],
-                pageIndex: 1,
-                pageSize: 10
-              });
+            return _context7.abrupt("return", baseInfos);
+
+          case 9:
+            _context7.next = 11;
+            return service.commonQueryCiData({
+              condition: "id('" + id + "')",
+              refAttribute: true,
+              orders: [{
+                name: 'CREATED_TIME',
+                type: 'asc'
+              }],
+              pageIndex: 1,
+              pageSize: 10
+            });
 
-            case 11:
-              res = _context7.sent;
-              _ref4 = (res === null || res === void 0 ? void 0 : res.data[0]) || {}, attributes = _ref4.attributes;
-              return _context7.abrupt("return", attributes || {});
+          case 11:
+            res = _context7.sent;
+            _ref4 = (res === null || res === void 0 ? void 0 : res.data[0]) || {}, attributes = _ref4.attributes;
+            return _context7.abrupt("return", attributes || {});
 
-            case 14:
-            case "end":
-              return _context7.stop();
-          }
+          case 14:
+          case "end":
+            return _context7.stop();
         }
-      }, _callee7);
-    }));
-    return _getAttribute.apply(this, arguments);
-  }
+      }, _callee6);
+    }))).apply(this, arguments);
+  } // 指标设置改变
 
-  function metricColChange(_x8) {
-    return _metricColChange.apply(this, arguments);
-  }
 
-  function _metricColChange() {
-    _metricColChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(col) {
+  function metricColChange(_x8) {
+    return (_metricColChange = _metricColChange || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(col) {
       var _col2, _col3;
 
-      var codes, endTime, params, _ref5, times, metricList, metricLists;
+      var codes, endTime, params, _ref6, times, metricList, metricLists;
 
-      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
-        while (1) {
-          switch (_context8.prev = _context8.next) {
-            case 0:
-              // console.log('metricColChange col', col);
-              col = (_col2 = col) === null || _col2 === void 0 ? void 0 : _col2.filter(function (item) {
-                return !item.hidden;
-              });
+      return _regeneratorRuntime.wrap(function _callee7$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
+          case 0:
+            // console.log('metricColChange col', col);
+            col = (_col2 = col) === null || _col2 === void 0 ? void 0 : _col2.filter(function (item) {
+              return !item.hidden;
+            });
 
-              if ((_col3 = col) !== null && _col3 !== void 0 && _col3.length) {
-                _context8.next = 4;
-                break;
-              }
+            if ((_col3 = col) !== null && _col3 !== void 0 && _col3.length) {
+              _context8.next = 4;
+              break;
+            }
 
-              setMetric([]); // Message.error('指标未设置')
+            setMetric([]); // Message.error('指标未设置')
 
-              return _context8.abrupt("return");
+            return _context8.abrupt("return");
 
-            case 4:
-              codes = col.map(function (item) {
-                return item.dataIndex;
-              });
-              endTime = Math.floor(new Date().getTime() / 1000);
-              params = {
-                ciIds: [id],
-                subIds: [id],
+          case 4:
+            codes = col.map(function (item) {
+              return item.dataIndex;
+            });
+            endTime = Math.floor(new Date().getTime() / 1000);
+            params = {
+              ciIds: [id],
+              subIds: [id],
+              startTime: endTime - 60 * 60,
+              endTime: endTime,
+              codes: codes
+            };
+
+            if (isAppTopo) {
+              _ref6 = resourceOverviewProps.metricProps || {}, times = _ref6.times;
+
+              if (times !== null && times !== void 0 && times.length) {
+                params.startTime = times[0];
+                params.endTime = times[1];
+              }
+            }
+
+            setMetricInitLoading(true);
+            _context8.next = 11;
+            return service.getMetricList(params);
+
+          case 11:
+            metricList = _context8.sent;
+            metricLists = metricList.concat(getNewMetricList());
+            rlog.debug('metricColChange', metricLists, monitorMetricModels);
+            setMetric(col.map(function (item, key) {
+              return {
+                code: item.dataIndex,
+                chartIndex: key,
                 startTime: endTime - 60 * 60,
                 endTime: endTime,
-                codes: codes
+                metricItem: monitorMetricModels.find(function (m_item) {
+                  return m_item.code === item.dataIndex;
+                }),
+                list: metricLists.filter(function (m_item) {
+                  return m_item.metricCode === item.dataIndex;
+                })
               };
+            }));
+            setMetricInitLoading(false);
+
+            if (!isAppTopo) {
+              // 一分钟更新一次指标信息 metricTimer
+              window.topo_overview_metric_timer && clearInterval(window.topo_overview_metric_timer);
+              window.topo_overview_metric_timer = setInterval(function () {
+                metricColChange(col);
+              }, 60000);
+            }
 
-              if (isAppTopo) {
-                _ref5 = resourceOverviewProps.metricProps || {}, times = _ref5.times;
-
-                if (times !== null && times !== void 0 && times.length) {
-                  params.startTime = times[0];
-                  params.endTime = times[1];
-                }
-              }
-
-              setMetricInitLoading(true);
-              _context8.next = 11;
-              return service.getMetricList(params);
-
-            case 11:
-              metricList = _context8.sent;
-              metricLists = metricList.concat(getNewMetricList());
-              rlog.debug('metricColChange', metricLists, monitorMetricModels);
-              setMetric(col.map(function (item, key) {
-                return {
-                  code: item.dataIndex,
-                  chartIndex: key,
-                  startTime: endTime - 60 * 60,
-                  endTime: endTime,
-                  metricItem: monitorMetricModels.find(function (m_item) {
-                    return m_item.code === item.dataIndex;
-                  }),
-                  list: metricLists.filter(function (m_item) {
-                    return m_item.metricCode === item.dataIndex;
-                  })
-                };
-              }));
-              setMetricInitLoading(false);
-
-              if (!isAppTopo) {
-                // 一分钟更新一次指标信息 metricTimer
-                window.topo_overview_metric_timer && clearInterval(window.topo_overview_metric_timer);
-                window.topo_overview_metric_timer = setInterval(function () {
-                  metricColChange(col);
-                }, 60000);
-              }
-
-            case 17:
-            case "end":
-              return _context8.stop();
-          }
+          case 17:
+          case "end":
+            return _context8.stop();
         }
-      }, _callee8);
-    }));
-    return _metricColChange.apply(this, arguments);
+      }, _callee7);
+    }))).apply(this, arguments);
   }
 
   var getNewMetricList = function getNewMetricList() {