@riil-frontend/component-topology 11.0.30 → 11.0.31

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';
@@ -163,25 +163,27 @@ export default function ResourceOverview(props) {
     var _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);
     }));
@@ -252,20 +254,22 @@ export default function ResourceOverview(props) {
       _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);
       }));
@@ -285,39 +289,41 @@ export default function ResourceOverview(props) {
       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);
     }));
@@ -385,35 +391,37 @@ export default function ResourceOverview(props) {
     _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);
     }));
@@ -433,172 +441,174 @@ export default function ResourceOverview(props) {
 
 
   function _baseInfoColChange() {
-    _baseInfoColChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(col) {
+    _baseInfoColChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(col) {
       var _col;
 
-      var infoData, attributeMap, _loop, _iterator, _step;
-
-      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;
-            }
-
-            setBaseInfo([]);
-            return _context6.abrupt("return");
+      var infoData, attributeMap, _iterator, _step, item, value, contentTitle, _data, _ref3, _ref3$, _item, _attributeMap, object, _object, displayName, attr;
 
-          case 3:
-            settBaseInfoInitLoading(true);
-            infoData = [];
-            _context6.next = 7;
-            return getAttribute(id);
-
-          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 || '-';
-                    }
+      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;
+              }
 
-                    contentTitle = attributeMap.display_name || '-';
-                    return _context5.abrupt("break", 24);
+              setBaseInfo([]);
+              return _context6.abrupt("return");
 
-                  case 9:
-                    value = ciTypeMeta.displayName;
-                    contentTitle = value;
-                    return _context5.abrupt("break", 24);
+            case 3:
+              settBaseInfoInitLoading(true);
+              infoData = [];
+              _context6.next = 7;
+              return getAttribute(id);
 
-                  case 12:
-                    _context5.next = 14;
-                    return getAddressFormat(attributeMap);
+            case 7:
+              attributeMap = _context6.sent;
+              // console.log('getAttribute', attributeMap);
+              col = col.filter(function (item) {
+                return !item.hidden;
+              });
+              _iterator = _createForOfIteratorHelperLoose(col);
 
-                  case 14:
-                    address = _context5.sent;
-                    owned_computer_room = attributeMap.owned_computer_room, owned_cabinet = attributeMap.owned_cabinet; // 跳转3D机房定位设备
+            case 10:
+              if ((_step = _iterator()).done) {
+                _context6.next = 26;
+                break;
+              }
 
-                    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);
+              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 || '-';
                         }
-                      }, /*#__PURE__*/React.createElement("span", {
-                        className: styles.link,
-                        title: address
-                      }, address));
-                    } else {
-                      value = address;
-                    }
 
-                    contentTitle = address;
-                    return _context5.abrupt("break", 24);
+                        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;
+                        }
 
-                  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);
+                        contentTitle = address;
+                        return _context5.abrupt("break", 21);
 
-                  case 23:
-                    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 24:
-                    // 拿翻译字段属性数据
-                    if (attributeMap[item.dataIndex] && attributeMap[item.dataIndex + ".name"]) {
-                      value = attributeMap[item.dataIndex + ".name"];
-                      contentTitle = value;
-                    }
+                      case 20:
+                        return _context5.abrupt("break", 21);
 
-                    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;
+                      case 21:
+                      case "end":
+                        return _context5.stop();
                     }
+                  }
+                }, _callee5);
+              })(), "t0", 15);
+
+            case 15:
+              // 拿翻译字段属性数据
+              if (attributeMap[item.dataIndex] && attributeMap[item.dataIndex + ".name"]) {
+                value = attributeMap[item.dataIndex + ".name"];
+                contentTitle = value;
+              }
 
-                    if (item.dataIndex === 'ipv6_address') {
-                      value = _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) !== '{}') {
+                _object = _extends({}, object), displayName = _object.displayName;
+                value = 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;
-                    }
+              if (item.dataIndex === 'ipv6_address') {
+                value = _attributeMap["" + item.dataIndex];
+                contentTitle = value;
+              }
 
-                    infoData.push(_extends({}, item, {
-                      value: value,
-                      contentTitle: contentTitle
-                    }));
+              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;
+              }
 
-                  case 33:
-                  case "end":
-                    return _context5.stop();
-                }
-              }, _loop);
-            });
-            _iterator = _createForOfIteratorHelperLoose(col);
+              infoData.push(_extends({}, item, {
+                value: value,
+                contentTitle: contentTitle
+              }));
 
-          case 11:
-            if ((_step = _iterator()).done) {
-              _context6.next = 15;
+            case 24:
+              _context6.next = 10;
               break;
-            }
-
-            return _context6.delegateYield(_loop(), "t0", 13);
-
-          case 13:
-            _context6.next = 11;
-            break;
 
-          case 15:
-            settBaseInfoInitLoading(false);
-            setBaseInfo(infoData);
+            case 26:
+              settBaseInfoInitLoading(false);
+              setBaseInfo(infoData);
 
-          case 17:
-          case "end":
-            return _context6.stop();
+            case 28:
+            case "end":
+              return _context6.stop();
+          }
         }
-      }, _callee5);
+      }, _callee6);
     }));
     return _baseInfoColChange.apply(this, arguments);
   }
@@ -609,64 +619,66 @@ export default function ResourceOverview(props) {
 
 
   function _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;
-            }
+    _getAttribute = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(id) {
+      var _yield$resourceOvervi, baseInfos, res, _ref4, attributes;
 
-            return _context7.abrupt("return");
+      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+        while (1) {
+          switch (_context7.prev = _context7.next) {
+            case 0:
+              if (id) {
+                _context7.next = 2;
+                break;
+              }
 
-          case 2:
-            if (!(resourceOverviewProps !== null && resourceOverviewProps !== void 0 && resourceOverviewProps.getData)) {
-              _context7.next = 9;
-              break;
-            }
+              return _context7.abrupt("return");
 
-            _context7.next = 5;
-            return resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : resourceOverviewProps.getData({
-              id: id
-            });
+            case 2:
+              if (!(resourceOverviewProps !== null && resourceOverviewProps !== void 0 && resourceOverviewProps.getData)) {
+                _context7.next = 9;
+                break;
+              }
 
-          case 5:
-            _yield$resourceOvervi2 = _context7.sent;
-            baseInfos = _yield$resourceOvervi2.baseInfos;
+              _context7.next = 5;
+              return resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : resourceOverviewProps.getData({
+                id: id
+              });
 
-            if (!baseInfos) {
-              _context7.next = 9;
-              break;
-            }
+            case 5:
+              _yield$resourceOvervi = _context7.sent;
+              baseInfos = _yield$resourceOvervi.baseInfos;
 
-            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
-            });
+              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
+              });
 
-          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();
+          }
         }
-      }, _callee6);
+      }, _callee7);
     }));
     return _getAttribute.apply(this, arguments);
   }
@@ -676,87 +688,89 @@ export default function ResourceOverview(props) {
   }
 
   function _metricColChange() {
-    _metricColChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(col) {
+    _metricColChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(col) {
       var _col2, _col3;
 
-      var codes, endTime, params, _ref6, times, metricList, metricLists;
-
-      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;
-            });
+      var codes, endTime, params, _ref5, times, metricList, metricLists;
 
-            if ((_col3 = col) !== null && _col3 !== void 0 && _col3.length) {
-              _context8.next = 4;
-              break;
-            }
+      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;
+              });
 
-            setMetric([]); // Message.error('指标未设置')
+              if ((_col3 = col) !== null && _col3 !== void 0 && _col3.length) {
+                _context8.next = 4;
+                break;
+              }
 
-            return _context8.abrupt("return");
+              setMetric([]); // Message.error('指标未设置')
 
-          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];
-              }
-            }
+              return _context8.abrupt("return");
 
-            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,
+            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,
-                metricItem: monitorMetricModels.find(function (m_item) {
-                  return m_item.code === item.dataIndex;
-                }),
-                list: metricLists.filter(function (m_item) {
-                  return m_item.metricCode === item.dataIndex;
-                })
+                codes: codes
               };
-            }));
-            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();
+              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();
+          }
         }
-      }, _callee7);
+      }, _callee8);
     }));
     return _metricColChange.apply(this, arguments);
   }