@riil-frontend/component-topology 8.0.8 → 9.0.0-a.1

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

@@ -53,6 +53,8 @@ var _LinkTopoCard = _interopRequireDefault(require("./components/LinkTopo/LinkTo
 
 var _EventsCard = _interopRequireDefault(require("./EventsCard"));
 
+var _services2 = require("./components/LinkTopo/services");
+
 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); }
 
 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; }
@@ -166,7 +168,8 @@ function ResourceOverview(props) {
     isMonite: data.manageStatus !== 0,
     ciTypeMeta: ciTypeMeta,
     topo: topo,
-    resourceOverviewProps: resourceOverviewProps
+    resourceOverviewProps: resourceOverviewProps,
+    resourceData: data
   }),
       monitorMetricModels = _useMetricModels.metricModels;
 
@@ -520,39 +523,32 @@ function ResourceOverview(props) {
                     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;
+                        _context5.next = _context5.t0 === 'display_name' ? 3 : _context5.t0 === 'ciName' ? 7 : _context5.t0 === 'res_address' ? 10 : _context5.t0 === 'imageName' ? 17 : 21;
                         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["default"].createElement("span", {
-                            onClick: onClose
-                          }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
-                            className: _indexModule["default"].link,
-                            disabled: true,
-                            title: attributeMap.display_name || '',
-                            to: formatUrl(link)
-                          }, attributeMap.display_name || '-'));
-                        } else {
-                          value = attributeMap.display_name || '-';
-                        }
-
+                        link = "/default/pagecenter/resDetail/view/" + id + "?resId=" + id + "&domainCode=" + ciTypeMeta.domain + "&title=" + attributeMap.display_name + "&ciCode=" + ciType; // 资源跳转链接
+
+                        value = /*#__PURE__*/_react["default"].createElement("span", {
+                          onClick: onClose
+                        }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+                          className: _indexModule["default"].link,
+                          title: attributeMap.display_name || '',
+                          to: formatUrl(link)
+                        }, attributeMap.display_name || '-'));
                         contentTitle = attributeMap.display_name || '-';
-                        return _context5.abrupt("break", 21);
+                        return _context5.abrupt("break", 22);
 
-                      case 6:
+                      case 7:
                         value = ciTypeMeta.displayName;
                         contentTitle = value;
-                        return _context5.abrupt("break", 21);
+                        return _context5.abrupt("break", 22);
 
-                      case 9:
-                        _context5.next = 11;
+                      case 10:
+                        _context5.next = 12;
                         return getAddressFormat(attributeMap);
 
-                      case 11:
+                      case 12:
                         address = _context5.sent;
                         owned_computer_room = attributeMap.owned_computer_room, owned_cabinet = attributeMap.owned_cabinet; // 跳转3D机房定位设备
 
@@ -572,18 +568,18 @@ function ResourceOverview(props) {
                         }
 
                         contentTitle = address;
-                        return _context5.abrupt("break", 21);
+                        return _context5.abrupt("break", 22);
 
-                      case 16:
+                      case 17:
                         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 20:
-                        return _context5.abrupt("break", 21);
+                        return _context5.abrupt("break", 22);
 
                       case 21:
+                        return _context5.abrupt("break", 22);
+
+                      case 22:
                       case "end":
                         return _context5.stop();
                     }
@@ -723,7 +719,7 @@ function ResourceOverview(props) {
     _metricColChange = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8(col) {
       var _col2, _col3;
 
-      var codes, endTime, params, _ref5, times, metricList;
+      var codes, endTime, params, _ref5, times, metricList, newMetricList, metricLists;
 
       return _regenerator["default"].wrap(function _callee8$(_context8) {
         while (1) {
@@ -771,8 +767,16 @@ function ResourceOverview(props) {
 
             case 11:
               metricList = _context8.sent;
+              _context8.next = 14;
+              return (0, _services2.queryLastestValue)({
+                'id': data.attributes.name
+              });
 
-              _rlog.rlog.debug('metricColChange', metricList, monitorMetricModels);
+            case 14:
+              newMetricList = _context8.sent;
+              metricLists = metricList.concat(getNewMetricList(newMetricList));
+
+              _rlog.rlog.debug('metricColChange', metricLists, monitorMetricModels);
 
               setMetric(col.map(function (item, key) {
                 return {
@@ -783,7 +787,7 @@ function ResourceOverview(props) {
                   metricItem: monitorMetricModels.find(function (m_item) {
                     return m_item.code === item.dataIndex;
                   }),
-                  list: metricList.filter(function (m_item) {
+                  list: metricLists.filter(function (m_item) {
                     return m_item.metricCode === item.dataIndex;
                   })
                 };
@@ -798,7 +802,7 @@ function ResourceOverview(props) {
                 }, 60000);
               }
 
-            case 16:
+            case 20:
             case "end":
               return _context8.stop();
           }
@@ -808,6 +812,42 @@ function ResourceOverview(props) {
     return _metricColChange.apply(this, arguments);
   }
 
+  var getNewMetricList = function getNewMetricList(data) {
+    return [{
+      errorMsg: null,
+      mainCiId: "downNetDelayRatio",
+      metricCode: "downNetDelayRatio",
+      metricValue: data.downNetDelayRatio,
+      subCiId: '',
+      subCiType: null,
+      mainCiType: null
+    }, {
+      errorMsg: null,
+      mainCiId: "downRetansRatio",
+      metricCode: "downRetansRatio",
+      metricValue: data.downRetansRatio,
+      subCiId: '',
+      subCiType: null,
+      mainCiType: null
+    }, {
+      errorMsg: null,
+      mainCiId: "upNetDelayRatio",
+      metricCode: "upNetDelayRatio",
+      metricValue: data.upNetDelayRatio,
+      subCiId: '',
+      subCiType: null,
+      mainCiType: null
+    }, {
+      errorMsg: null,
+      mainCiId: "upRetransRatio",
+      metricCode: "upRetransRatio",
+      metricValue: data.upRetransRatio,
+      subCiId: '',
+      subCiType: null,
+      mainCiType: null
+    }];
+  };
+
   var defaultCols = (0, _react.useMemo)(function () {
     var baseInfo = [];
     var keyIndicators = [];

package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopo.js

@@ -19,7 +19,8 @@ var _LinkTopoModule = _interopRequireDefault(require("./LinkTopo.module.scss"));
 
 function LinkTopo(props) {
   var data = props.data,
-      linkMetricCodes = props.linkMetricCodes;
+      linkMetricCodes = props.linkMetricCodes,
+      openFlow = props.openFlow;
   var metricData = (0, _useMetricPolling["default"])({
     linkCi: data,
     linkMetricCodes: linkMetricCodes
@@ -32,5 +33,7 @@ function LinkTopo(props) {
     ,
     isNarrow: true,
     jumpto: (0, _componentTopologyUtils.getHistory)().push
-  }, metricData)));
+  }, metricData, {
+    openFlow: openFlow
+  })));
 }

package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js

@@ -5,7 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = LinkTopoCard;
 
-var _react = _interopRequireDefault(require("react"));
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _BlockBox = _interopRequireDefault(require("../../BlockBox"));
 
@@ -13,6 +17,12 @@ var _Configurator = _interopRequireDefault(require("../Configurator"));
 
 var _LinkTopo = _interopRequireDefault(require("./LinkTopo"));
 
+var _services = require("./services");
+
+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); }
+
+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; }
+
 function LinkTopoCard(props) {
   var _data$attributes;
 
@@ -26,6 +36,75 @@ function LinkTopoCard(props) {
   var supportTemplates = (data === null || data === void 0 ? void 0 : (_data$attributes = data.attributes) === null || _data$attributes === void 0 ? void 0 : _data$attributes.support_templates) || ''; // 该资源监控模板
 
   var isCrucial = data === null || data === void 0 ? void 0 : data.attributes['network_link.is_crucial'];
+
+  var _useState = (0, _react.useState)(-1),
+      openFlow = _useState[0],
+      setOpenFlow = _useState[1];
+
+  var analysisUrl = "../../default/trafficControl/linkConfigure?id=" + data.attributes.name + "&num=0";
+  var linkDetailsUrl = "/default/pagecenter/linkDetail/view/" + data.id + "?resId=" + data.id + "&domainCode=network&title=" + data.attributes.name + "&ciCode=network_link&tabByComType=uicbb-res-crucial-link-flow";
+
+  var isOpenFlows = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var checkMenus, isOpen;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return (0, _services.checkMenu)();
+
+            case 2:
+              checkMenus = _context.sent;
+
+              if (!(checkMenus[0].passed == 'PASS')) {
+                _context.next = 10;
+                break;
+              }
+
+              _context.next = 6;
+              return (0, _services.isOpenFlow)({
+                'name': data.attributes.display_name
+              });
+
+            case 6:
+              isOpen = _context.sent;
+
+              //判断是不是有流量分析
+              if (isOpen) {
+                setOpenFlow({
+                  name: '跳转关键链路详情',
+                  url: linkDetailsUrl
+                });
+              } else {
+                setOpenFlow({
+                  name: '跳转流量分析配置',
+                  url: analysisUrl
+                });
+              }
+
+              _context.next = 11;
+              break;
+
+            case 10:
+              setOpenFlow(null);
+
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function isOpenFlows() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
+    isOpenFlows();
+  }, [data]);
   return /*#__PURE__*/_react["default"].createElement(_BlockBox["default"], {
     headerTitle: "\u8FD0\u884C\u60C5\u51B5",
     headerExtra: /*#__PURE__*/_react["default"].createElement(_Configurator["default"], {
@@ -40,6 +119,7 @@ function LinkTopoCard(props) {
     })
   }, /*#__PURE__*/_react["default"].createElement(_LinkTopo["default"], {
     data: data,
-    linkMetricCodes: metricCodes
+    linkMetricCodes: metricCodes,
+    openFlow: openFlow
   }));
 }

package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js

@@ -24,17 +24,73 @@ function useMetricPolling(_ref) {
   var linkCi = _ref.linkCi,
       linkMetricCodes = _ref.linkMetricCodes;
   var linkId = linkCi.id;
+  var arr = ['downNetDelayRatio', 'downRetansRatio', 'upNetDelayRatio', 'upRetransRatio'];
+  var oldCodes = [];
+  var newCodes = [];
+  linkMetricCodes.map(function (item) {
+    arr.indexOf(item) > -1 ? newCodes.push(item) : oldCodes.push(item);
+  });
 
   var _useState = (0, _react.useState)({
     sourceMetrics: null,
     destinationMetrics: null,
     // 链路指标列表
     linkMetrics: [],
-    linkMetricsTs: null
+    linkMetricsTs: null,
+    linkOther: []
   }),
       data = _useState[0],
-      setData = _useState[1]; // 轮询hooks
+      setData = _useState[1];
 
+  var queryLastestValues = (0, _ahooks.useRequest)(_services.queryLastestValue, {
+    pollingInterval: 1000 * 15,
+    pollingWhenHidden: false,
+    debounceInterval: 200,
+    manual: true,
+    onSuccess: function onSuccess(result) {
+      var datas = {
+        linkOther: []
+      };
+
+      if (newCodes.includes('downNetDelayRatio')) {
+        datas.linkOther.push({
+          'code': 'downNetDelayRatio',
+          'name': '下行RTT时延',
+          'ts': result.time,
+          'value': result.downNetDelayRatio + ' ms'
+        });
+      }
+
+      if (newCodes.includes('downRetansRatio')) {
+        datas.linkOther.push({
+          'code': 'downRetansRatio',
+          'name': '下行重传率',
+          'ts': result.time,
+          'value': result.downRetansRatio + ' %'
+        });
+      }
+
+      if (newCodes.includes('upNetDelayRatio')) {
+        datas.linkOther.push({
+          'code': 'upNetDelayRatio',
+          'name': '上行RTT时延',
+          'ts': result.time,
+          'value': result.upNetDelayRatio + ' ms'
+        });
+      }
+
+      if (newCodes.includes('upRetransRatio')) {
+        datas.linkOther.push({
+          'code': 'upRetransRatio',
+          'name': '上行重传率',
+          'ts': result.time,
+          'value': result.upRetransRatio + ' %'
+        });
+      }
+
+      setData((0, _extends2["default"])({}, data, datas));
+    }
+  }); // 轮询hooks
 
   var queryLinkMetricsRequest = (0, _ahooks.useRequest)(_services.queryLinkLatestMetrics, {
     pollingInterval: 60 * 1000,
@@ -58,17 +114,23 @@ function useMetricPolling(_ref) {
       _rlog["default"].info('链路拓扑指标轮询 queryInterfaceMetricsRequest 结果', result);
     }
   });
-  var linkMetricCodesStr = linkMetricCodes.map(function (item) {
+  var linkMetricCodesStr = oldCodes.map(function (item) {
     return item;
   }).sort().join(',');
   (0, _react.useEffect)(function () {
     if (linkId) {
       _rlog["default"].info('链路拓扑指标轮询 切换', {
         linkCi: linkCi,
-        linkMetricCodes: linkMetricCodes
+        oldCodes: oldCodes
       });
 
-      queryLinkMetricsRequest.run(linkCi, linkMetricCodes);
+      queryLinkMetricsRequest.run(linkCi, oldCodes);
+
+      if (newCodes.length > 0) {
+        queryLastestValues.run({
+          'id': linkCi.attributes.name
+        });
+      }
     }
 
     return function () {};

package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js

@@ -3,7 +3,10 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
+exports.checkMenu = checkMenu;
+exports.isOpenFlow = isOpenFlow;
 exports.queryAssetModel = queryAssetModel;
+exports.queryLastestValue = queryLastestValue;
 exports.queryLatestMetrics = queryLatestMetrics;
 exports.queryLinkInterfacesLatestMetrics = queryLinkInterfacesLatestMetrics;
 exports.queryLinkLatestMetrics = queryLinkLatestMetrics;
@@ -152,6 +155,11 @@ function _queryLinkLatestMetrics() {
 function queryLinkInterfacesLatestMetrics(_x5) {
   return _queryLinkInterfacesLatestMetrics.apply(this, arguments);
 }
+/**
+ * @name  checkMenu 判断当前流量监控权限
+ * @returns  
+ */
+
 
 function _queryLinkInterfacesLatestMetrics() {
   _queryLinkInterfacesLatestMetrics = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(linkCi) {
@@ -233,4 +241,82 @@ function _queryLinkInterfacesLatestMetrics() {
     }, _callee4);
   }));
   return _queryLinkInterfacesLatestMetrics.apply(this, arguments);
+}
+
+function checkMenu() {
+  return _checkMenu.apply(this, arguments);
+}
+/**
+ * @name  isOpenFlow 是否配置流量分析
+ * @returns  
+ */
+
+
+function _checkMenu() {
+  _checkMenu = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+    return _regenerator["default"].wrap(function _callee5$(_context5) {
+      while (1) {
+        switch (_context5.prev = _context5.next) {
+          case 0:
+            return _context5.abrupt("return", _componentTopologyUtils.request.post('/authorization/v1/api/authority/check/checkMenuAuthentication', [{
+              "url": "/default/trafficControl"
+            }]));
+
+          case 1:
+          case "end":
+            return _context5.stop();
+        }
+      }
+    }, _callee5);
+  }));
+  return _checkMenu.apply(this, arguments);
+}
+
+function isOpenFlow(_x6) {
+  return _isOpenFlow.apply(this, arguments);
+}
+/**
+ * @name  isOpenFlow 查指标值
+ * @returns  
+ */
+
+
+function _isOpenFlow() {
+  _isOpenFlow = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6(params) {
+    return _regenerator["default"].wrap(function _callee6$(_context6) {
+      while (1) {
+        switch (_context6.prev = _context6.next) {
+          case 0:
+            return _context6.abrupt("return", _componentTopologyUtils.request.post('/flow/v1/api/link/isOpenFlowMonitorByName', params));
+
+          case 1:
+          case "end":
+            return _context6.stop();
+        }
+      }
+    }, _callee6);
+  }));
+  return _isOpenFlow.apply(this, arguments);
+}
+
+function queryLastestValue(_x7) {
+  return _queryLastestValue.apply(this, arguments);
+}
+
+function _queryLastestValue() {
+  _queryLastestValue = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7(params) {
+    return _regenerator["default"].wrap(function _callee7$(_context7) {
+      while (1) {
+        switch (_context7.prev = _context7.next) {
+          case 0:
+            return _context7.abrupt("return", _componentTopologyUtils.request.post('/flow/v1/api/LinkAnalyse/queryLastestValue', params));
+
+          case 1:
+          case "end":
+            return _context7.stop();
+        }
+      }
+    }, _callee7);
+  }));
+  return _queryLastestValue.apply(this, arguments);
 }

package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useMetricModels.js

@@ -15,6 +15,8 @@ var _react = require("react");
 
 var _getCiDisplayMetricModels = require("../../../getCiDisplayMetricModels");
 
+var _services = require("../components/LinkTopo/services");
+
 /**
  * 概览指标定义
  * @param {*} props
@@ -26,6 +28,7 @@ var useMetricModels = function useMetricModels(props) {
       ciType = _props$data.ciType,
       isMonite = props.isMonite,
       ciTypeMeta = props.ciTypeMeta,
+      resourceData = props.resourceData,
       topo = props.topo,
       resourceOverviewProps = props.resourceOverviewProps;
 
@@ -44,7 +47,7 @@ var useMetricModels = function useMetricModels(props) {
 
   function _fetchData() {
     _fetchData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      var monitorMetrics, ciMonitorMetricModels, displayMetricModels, _metricCodes;
+      var monitorMetrics, ciMonitorMetricModels, checkMenus, isOpen, displayMetricModels, _metricCodes;
 
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) {
@@ -59,8 +62,68 @@ var useMetricModels = function useMetricModels(props) {
                 return !!monitorMetrics.find(function (item) {
                   return item === m.code;
                 });
-              }); // 未监控不显示指标，临时在这里处理
+              });
+              _context.next = 6;
+              return (0, _services.checkMenu)();
+
+            case 6:
+              checkMenus = _context.sent;
+
+              if (!(checkMenus[0].passed == 'PASS' && resourceData.attributes.display_name && resourceData.attributes['network_link.is_crucial'])) {
+                _context.next = 12;
+                break;
+              }
+
+              _context.next = 10;
+              return (0, _services.isOpenFlow)({
+                'name': resourceData.attributes.display_name
+              });
+
+            case 10:
+              isOpen = _context.sent;
+
+              //
+              if (isOpen) {
+                ciMonitorMetricModels.push({
+                  changeValue: null,
+                  code: "downNetDelayRatio",
+                  id: "downNetDelayRatio",
+                  isGoldMetric: true,
+                  key: null,
+                  name: "下行RTT时延",
+                  unit: "ms"
+                });
+                ciMonitorMetricModels.push({
+                  changeValue: null,
+                  code: "downRetansRatio",
+                  id: "downRetansRatio",
+                  isGoldMetric: true,
+                  key: null,
+                  name: "下行重传率",
+                  unit: "%"
+                });
+                ciMonitorMetricModels.push({
+                  changeValue: null,
+                  code: "upNetDelayRatio",
+                  id: "upNetDelayRatio",
+                  isGoldMetric: true,
+                  key: null,
+                  name: "上行RTT时延",
+                  unit: "ms"
+                });
+                ciMonitorMetricModels.push({
+                  changeValue: null,
+                  code: "upRetransRatio",
+                  id: "upRetransRatio",
+                  isGoldMetric: true,
+                  key: null,
+                  name: "上行重传率",
+                  unit: "%"
+                });
+              }
 
+            case 12:
+              // 未监控不显示指标，临时在这里处理
               if (!isMonite) {
                 ciMonitorMetricModels = [];
               }
@@ -92,7 +155,7 @@ var useMetricModels = function useMetricModels(props) {
 
               return _context.abrupt("return", displayMetricModels);
 
-            case 9:
+            case 17:
             case "end":
               return _context.stop();
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riil-frontend/component-topology",
-  "version": "8.0.8",
+  "version": "9.0.0-a.1",
   "description": "拓扑",
   "scripts": {
     "start": "build-scripts start",
@@ -116,6 +116,6 @@
     "access": "public"
   },
   "license": "MIT",
-  "homepage": "https://unpkg.com/@riil-frontend/component-topology@8.0.8/build/index.html",
+  "homepage": "https://unpkg.com/@riil-frontend/component-topology@9.0.0-a.1/build/index.html",
   "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
 }