@riil-frontend/component-topology 9.0.0-a.8 → 9.0.1

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

@@ -25,10 +25,10 @@ function useMetricPolling(_ref) {
       linkMetricCodes = _ref.linkMetricCodes;
   var linkId = linkCi.id;
   var arr = ['netDelayRatio', 'retansRatio'];
-  var oldCodes = [];
-  var newCodes = [];
+  var codes = [];
+  var retansRatioNetDelayRatioCodes = [];
   linkMetricCodes.map(function (item) {
-    arr.indexOf(item) > -1 ? newCodes.push(item) : oldCodes.push(item);
+    arr.indexOf(item) > -1 ? retansRatioNetDelayRatioCodes.push(item) : codes.push(item);
   });
 
   var _useState = (0, _react.useState)({
@@ -42,35 +42,15 @@ function useMetricPolling(_ref) {
       data = _useState[0],
       setData = _useState[1];
 
-  var queryLastestValues = (0, _ahooks.useRequest)(_services.queryLastestValue, {
+  var queryLastestValues = (0, _ahooks.useRequest)(_services.queryRetansRatioNetDelayRatio, {
     pollingInterval: 1000 * 15,
     pollingWhenHidden: false,
     debounceInterval: 200,
     manual: true,
     onSuccess: function onSuccess(result) {
-      var datas = {
-        linkOther: []
-      };
-
-      if (newCodes.includes('netDelayRatio')) {
-        datas.linkOther.push({
-          'code': 'netDelayRatio',
-          'name': '下行RTT时延',
-          'ts': result.time,
-          'value': result.upNetDelayRatio + ' ms' + '|' + result.downNetDelayRatio + ' ms'
-        });
-      }
-
-      if (newCodes.includes('retansRatio')) {
-        datas.linkOther.push({
-          'code': 'retansRatio',
-          'name': '重传率',
-          'ts': result.time,
-          'value': result.upRetransRatio + ' %' + '|' + result.downRetansRatio + ' %'
-        });
-      }
-
-      setData((0, _extends2["default"])({}, data, datas));
+      setData((0, _extends2["default"])({}, data, {
+        linkOther: result
+      }));
     }
   }); // 轮询hooks
 
@@ -96,27 +76,38 @@ function useMetricPolling(_ref) {
       _rlog["default"].info('链路拓扑指标轮询 queryInterfaceMetricsRequest 结果', result);
     }
   });
-  var linkMetricCodesStr = oldCodes.map(function (item) {
+  var linkMetricCodesStr = codes.map(function (item) {
     return item;
   }).sort().join(',');
   (0, _react.useEffect)(function () {
     if (linkId) {
       _rlog["default"].info('链路拓扑指标轮询 切换', {
         linkCi: linkCi,
-        oldCodes: oldCodes
+        codes: codes
       });
 
-      queryLinkMetricsRequest.run(linkCi, oldCodes);
-
-      if (newCodes.length > 0) {
-        queryLastestValues.run({
-          'id': linkCi.attributes.name
-        });
-      }
+      queryLinkMetricsRequest.run(linkCi, codes);
     }
 
     return function () {};
   }, [linkId, linkMetricCodesStr]);
+  var retansRatioNetDelayRatioCodesStr = retansRatioNetDelayRatioCodes.map(function (item) {
+    return item;
+  }).sort().join(',');
+  (0, _react.useEffect)(function () {
+    if (linkId) {
+      _rlog["default"].info('链路拓扑指标勾选rtt|重传率 轮询', {
+        linkCi: linkCi,
+        retansRatioNetDelayRatioCodes: retansRatioNetDelayRatioCodes
+      });
+
+      queryLastestValues.run({
+        'id': linkCi.attributes.name
+      }, retansRatioNetDelayRatioCodes);
+    }
+
+    return function () {};
+  }, [linkId, retansRatioNetDelayRatioCodesStr]);
   (0, _react.useEffect)(function () {
     if (linkId) {
       _rlog["default"].info('链路拓扑指标轮询 queryInterfaceMetricsRequest 开始', {

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

@@ -10,6 +10,7 @@ exports.queryLastestValue = queryLastestValue;
 exports.queryLatestMetrics = queryLatestMetrics;
 exports.queryLinkInterfacesLatestMetrics = queryLinkInterfacesLatestMetrics;
 exports.queryLinkLatestMetrics = queryLinkLatestMetrics;
+exports.queryRetansRatioNetDelayRatio = queryRetansRatioNetDelayRatio;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -276,7 +277,7 @@ function isOpenFlow(_x6) {
   return _isOpenFlow.apply(this, arguments);
 }
 /**
- * @name  isOpenFlow 查指标值
+ * @name  queryLastestValue 查指标值
  * @returns  
  */
 
@@ -319,4 +320,60 @@ function _queryLastestValue() {
     }, _callee7);
   }));
   return _queryLastestValue.apply(this, arguments);
+}
+
+function queryRetansRatioNetDelayRatio(_x8, _x9) {
+  return _queryRetansRatioNetDelayRatio.apply(this, arguments);
+}
+
+function _queryRetansRatioNetDelayRatio() {
+  _queryRetansRatioNetDelayRatio = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8(params, retansRatioNetDelayRatioCodes) {
+    var result, linkOther;
+    return _regenerator["default"].wrap(function _callee8$(_context8) {
+      while (1) {
+        switch (_context8.prev = _context8.next) {
+          case 0:
+            if (retansRatioNetDelayRatioCodes.length) {
+              _context8.next = 2;
+              break;
+            }
+
+            return _context8.abrupt("return", []);
+
+          case 2:
+            _context8.next = 4;
+            return queryLastestValue(params);
+
+          case 4:
+            result = _context8.sent;
+            linkOther = [];
+
+            if (retansRatioNetDelayRatioCodes.includes('netDelayRatio')) {
+              linkOther.push({
+                'code': 'netDelayRatio',
+                'name': 'RTT时延',
+                'ts': result.time,
+                'value': (result.upNetDelayRatio * 1).toFixed(2) + ' ms' + '|' + (result.downNetDelayRatio * 1).toFixed(2) + ' ms'
+              });
+            }
+
+            if (retansRatioNetDelayRatioCodes.includes('retansRatio')) {
+              linkOther.push({
+                'code': 'retansRatio',
+                'name': '重传率',
+                'ts': result.time,
+                'value': result.upRetransRatio + ' %' + '|' + result.downRetansRatio + ' %'
+              });
+            }
+
+            return _context8.abrupt("return", linkOther);
+
+          case 9:
+          case "end":
+            return _context8.stop();
+        }
+      }
+    }, _callee8);
+  }));
+  return _queryRetansRatioNetDelayRatio.apply(this, arguments);
 }

package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/index.module.scss

@@ -8,6 +8,12 @@
   margin-top: 16px;
   margin-right: -25px;
   overflow: hidden;
+  .isCrucialLink{
+    line-height: 24px;
+    
+    display: flex;
+    float: left;
+  }
   .item {
     width: 220px;
     max-width: 100%;

package/lib/networkTopo/getTopoData.js

@@ -92,6 +92,7 @@ function _addLinkData() {
 
           case 4:
             networkLinks = _context.sent;
+            console.log("如果是网络链路，补充详情信息", networkLinks);
             otherLinks = links.filter(function (link) {
               return link.ciType !== 'network_link';
             });
@@ -100,7 +101,7 @@ function _addLinkData() {
               linkGroups: []
             }));
 
-          case 7:
+          case 8:
           case "end":
             return _context.stop();
         }

package/lib/networkTopo/models/IpNodeTagsTipsBuilder.js

@@ -0,0 +1,123 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+
+var _htElementUtils = require("../../utils/htElementUtils");
+
+var _attributeFormatter = _interopRequireDefault(require("../../core/models/attributeFormatter"));
+
+/**
+ * 连线组标注、悬浮框数据构建
+ */
+// 参与计算的链路指标
+var metrics = [// 总流速
+{
+  code: "interface_totalbps",
+  calcType: "sum"
+}, // 带宽利用率
+{
+  code: "bandwidth_utilization",
+  calcType: "avg"
+}, // 发送带宽利用率
+{
+  code: "out_bandwidth_utilization",
+  calcType: "avg",
+  showWhenSameSource: true
+}, // 接收带宽利用率
+{
+  code: "in_bandwidth_utilization",
+  calcType: "avg",
+  showWhenSameSource: true
+}, {
+  code: "out_rate",
+  calcType: "sum",
+  showWhenSameSource: true
+}, {
+  code: "in_rate",
+  calcType: "sum",
+  showWhenSameSource: true
+}];
+var calcFnMap = {
+  sum: function sum(values) {
+    return values.reduce(function (total, val) {
+      return total + parseInt(val || 0, 10);
+    }, 0);
+  },
+  avg: function avg(values) {
+    return values.reduce(function (total, val) {
+      return total + parseFloat(val || 0, 10);
+    }, 0) / values.length;
+  }
+};
+
+var IpNodeTagsTipsBuilder = /*#__PURE__*/function () {
+  function IpNodeTagsTipsBuilder(amDisplay) {
+    this.amDisplay = void 0;
+    this.topo = void 0;
+    this.amDisplay = amDisplay;
+    this.topo = amDisplay.topo;
+  }
+
+  var _proto = IpNodeTagsTipsBuilder.prototype;
+
+  _proto.getExtElementTagsAndTips = function getExtElementTagsAndTips() {
+    return this.getIpNodeTagsAndTips();
+  };
+
+  _proto.getIpNodeTagsAndTips = function getIpNodeTagsAndTips() {
+    // const ciConfigs = this.amDisplay.getResourceTagTipConfig();
+    var tts = [];
+    var data = this.amDisplay.getData();
+    var ipNodes = data.filter(function (item) {
+      return item.bindType === "ip";
+    });
+    var topo = this.topo;
+    var dm = this.topo.getDataModel();
+    var config = topo.attributeMetricDisplay.getConfig();
+    console.log("getIpNodeTagsAndTips", config, ipNodes);
+
+    if (config.nodeTag && !config.nodeTag.isCustom) {
+      var tagDatas = config.nodeTag.data;
+      var hasIpv4 = tagDatas.filter(function (item) {
+        return item.code === "ipv4_address";
+      }).length > 0;
+      ipNodes.map(function (node) {
+        if (hasIpv4) {
+          tts.push({
+            type: node,
+            id: node.id,
+            tags: [{
+              type: "attribute",
+              code: "ipv4_address",
+              // 属性code
+              name: "IPv4地址",
+              // 属性名称
+              value: node.bindIp,
+              // 属性值
+              originValue: node.bindIp
+            }],
+            tips: []
+          });
+        } else {
+          tts.push({
+            type: node,
+            id: node.id,
+            tags: [],
+            tips: []
+          });
+        }
+      });
+    }
+
+    return tts;
+  };
+
+  return IpNodeTagsTipsBuilder;
+}();
+
+exports["default"] = IpNodeTagsTipsBuilder;

package/lib/networkTopo/models/LinkDynamicStyleExecutor.js

@@ -16,15 +16,15 @@ var _linkUtil = require("../utils/linkUtil");
 // network_link.actual_bandwidth
 function calcEdgeWidth(actualBandwidth) {
   if (!actualBandwidth) {
-    return 2;
+    return 3;
   } else if (actualBandwidth <= 100) {
-    return 2;
-  } else if (actualBandwidth <= 1000) {
     return 3;
-  } else if (actualBandwidth <= 10000) {
+  } else if (actualBandwidth <= 1000) {
     return 4;
-  } else if (actualBandwidth > 10000) {
+  } else if (actualBandwidth <= 10000) {
     return 5;
+  } else if (actualBandwidth > 10000) {
+    return 6;
   }
 }
 
@@ -180,11 +180,11 @@ var LinkDynamicStyleExecutor = /*#__PURE__*/function () {
     var autoChangeEdgeWidth = displayConfig.autoChangeEdgeWidth !== false;
 
     if (!autoChangeEdgeWidth) {
-      return 2;
+      return 3;
     }
 
     if (!links.length) {
-      return 2;
+      return 3;
     }
 
     var total = 0;
@@ -203,7 +203,7 @@ var LinkDynamicStyleExecutor = /*#__PURE__*/function () {
     var autoChangeEdgeWidth = displayConfig.autoChangeEdgeWidth !== false;
 
     if (!autoChangeEdgeWidth) {
-      return 2;
+      return 3;
     }
 
     return this.calcEdgeWidth(link.attributes['network_link.actual_bandwidth']);

package/lib/networkTopo/models/TopoCenter.js

@@ -27,7 +27,8 @@ var _store = _interopRequireDefault(require("../store"));
 
 var _ResourceInfoDisplay = require("../../constants/ResourceInfoDisplay");
 
-// import LinkTagsTipsBuilder from './LinkTagsTipsBuilder';
+var _IpNodeTagsTipsBuilder = _interopRequireDefault(require("./IpNodeTagsTipsBuilder"));
+
 var TopoCenter = /*#__PURE__*/function (_TopoApp) {
   (0, _inheritsLoose2["default"])(TopoCenter, _TopoApp);
 
@@ -46,8 +47,8 @@ var TopoCenter = /*#__PURE__*/function (_TopoApp) {
         },
         getDefaultLinkTipConfig: function getDefaultLinkTipConfig() {
           return _ResourceInfoDisplay.DEFAULT_TIP_COMMON_CONFIG;
-        } // ExtElementTagTipBuilder: LinkTagsTipsBuilder,
-
+        },
+        ExtElementTagTipBuilder: _IpNodeTagsTipsBuilder["default"]
       }
     })) || this;
     _this.resourceConfig = null;

package/lib/networkTopo/services/topo/basic.js

@@ -25,7 +25,9 @@ var _cmdb = require("../cmdb");
 
 var _model = require("../model");
 
-var _excluded = ["groups", "resources"];
+var _exitLinkUtil = require("../../utils/exitLinkUtil");
+
+var _excluded = ["groups", "resources", "exportLinkIdList"];
 var API_ROOT = _constants.TOPO_API_ROOT;
 /**
  * 拓扑图（看做一个容器）的“父容器”ID
@@ -72,10 +74,16 @@ function prepareResourceParams(conditions, query) {
     dynamicCondition.sort = query.sortBy + " " + query.sortOrder;
   }
 
-  var fixedConditionIdList = staticRes || undefined;
   return {
     dynamicCondition: dynamicCondition,
-    fixedConditionIdList: fixedConditionIdList
+    fixedConditionIdList: (staticRes || []).filter(function (ciId) {
+      return !ciId.startsWith('ip:');
+    }),
+    linkIps: (staticRes || []).filter(function (ciId) {
+      return ciId.startsWith('ip:');
+    }).map(function (ciId) {
+      return ciId.replace('ip:', '');
+    })
   };
 }
 
@@ -420,40 +428,33 @@ var _default = (0, _extends2["default"])({
   */
   getTopoData: function getTopoData(id) {
     return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee12() {
-      var _result$links, result;
+      var _result$nodes, _result$links;
 
+      var result;
       return _regenerator["default"].wrap(function _callee12$(_context12) {
         while (1) {
           switch (_context12.prev = _context12.next) {
             case 0:
-              _context12.prev = 0;
-              _context12.next = 3;
+              _context12.next = 2;
               return _componentTopologyUtils.request.get(API_ROOT + "/structure/both/" + id);
 
-            case 3:
+            case 2:
               result = _context12.sent;
-              return _context12.abrupt("return", (0, _extends2["default"])({}, result, {
+              return _context12.abrupt("return", (0, _exitLinkUtil.processExitLink)((0, _extends2["default"])({}, result, {
+                nodes: (_result$nodes = result.nodes) !== null && _result$nodes !== void 0 ? _result$nodes : [],
                 links: ((_result$links = result.links) !== null && _result$links !== void 0 ? _result$links : []).map(function (item) {
                   return (0, _extends2["default"])({}, item, {
                     ciType: 'network_link'
                   });
                 })
-              }));
-
-            case 7:
-              _context12.prev = 7;
-              _context12.t0 = _context12["catch"](0);
-
-              _rlog["default"].debug('getTopoData-error', _context12.t0);
+              })));
 
-              return _context12.abrupt("return", null);
-
-            case 11:
+            case 4:
             case "end":
               return _context12.stop();
           }
         }
-      }, _callee12, null, [[0, 7]]);
+      }, _callee12);
     }))();
   },
 
@@ -464,9 +465,9 @@ var _default = (0, _extends2["default"])({
   * @param {Array} groups
   * @returns
   */
-  getTopoDataByResource: function getTopoDataByResource(id, resources, groups, exportLinkIdList) {
+  getTopoDataByResource: function getTopoDataByResource(id, resources, groups) {
     return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee13() {
-      var _result$links2;
+      var _result$nodes2, _result$links2;
 
       var data, obj, result;
       return _regenerator["default"].wrap(function _callee13$(_context13) {
@@ -485,19 +486,18 @@ var _default = (0, _extends2["default"])({
 
               obj = prepareGroupParams(data);
               _context13.next = 5;
-              return _componentTopologyUtils.request.post(API_ROOT + "/structure/byCondition/" + id, (0, _extends2["default"])({}, obj, {
-                exportLinkIdList: exportLinkIdList
-              }));
+              return _componentTopologyUtils.request.post(API_ROOT + "/structure/byCondition/" + id, (0, _extends2["default"])({}, obj));
 
             case 5:
               result = _context13.sent;
-              return _context13.abrupt("return", (0, _extends2["default"])({}, result, {
+              return _context13.abrupt("return", (0, _exitLinkUtil.processByConditionResult)((0, _extends2["default"])({}, result, {
+                nodes: (_result$nodes2 = result.nodes) !== null && _result$nodes2 !== void 0 ? _result$nodes2 : [],
                 links: ((_result$links2 = result.links) !== null && _result$links2 !== void 0 ? _result$links2 : []).map(function (item) {
                   return (0, _extends2["default"])({}, item, {
                     ciType: 'network_link'
                   });
                 })
-              }));
+              }), obj.groups));
 
             case 7:
             case "end":
@@ -517,12 +517,12 @@ var _default = (0, _extends2["default"])({
   */
   bindResourceToTopo: function bindResourceToTopo(id, config) {
     return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee14() {
-      var groups, resources, otherConfig, newGroups, obj;
+      var groups, resources, exportLinkIdList, otherConfig, newGroups, obj;
       return _regenerator["default"].wrap(function _callee14$(_context14) {
         while (1) {
           switch (_context14.prev = _context14.next) {
             case 0:
-              groups = config.groups, resources = config.resources, otherConfig = (0, _objectWithoutPropertiesLoose2["default"])(config, _excluded);
+              groups = config.groups, resources = config.resources, exportLinkIdList = config.exportLinkIdList, otherConfig = (0, _objectWithoutPropertiesLoose2["default"])(config, _excluded);
               newGroups = isAvailableArray(groups) ? groups : [];
 
               if (resources) {

package/lib/networkTopo/services/topo/networkLink.js

@@ -17,9 +17,9 @@ var API_ROOT = _constants.TOPO_API_ROOT;
 var _default = {
   /**
    * 批量查询ci类型是否可创建链路
-   * 
-   * @param {*} typeCodes 
-   * @returns 
+   *
+   * @param {*} typeCodes
+   * @returns
    */
   getCiTypesConnectable: function getCiTypesConnectable(typeCodes) {
     return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
@@ -40,6 +40,48 @@ var _default = {
         }
       }, _callee);
     }))();
+  },
+
+  /**
+   * 通过ip查询关联链路
+   *
+   * @param {array} ciIds
+   */
+  queryLinksByIp: function queryLinksByIp(ids, ip) {
+    return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      var stag, condition, parm, result;
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              stag = "'" + ids.join("','") + "'";
+              condition = "type('network_link') && network_link.destination_ipv4 = '" + ip + "' && network_link.source_device_id in [" + stag + "]";
+              parm = {
+                condition: condition,
+                sort: "name asc",
+                currentPage: 1,
+                pageSize: 999
+              };
+              _context2.prev = 3;
+              _context2.next = 6;
+              return _componentTopologyUtils.request.post("/mdc/v1/api/cmdb/commonQueryCiData", parm);
+
+            case 6:
+              result = _context2.sent;
+              return _context2.abrupt("return", result);
+
+            case 10:
+              _context2.prev = 10;
+              _context2.t0 = _context2["catch"](3);
+              rlog.error("通过ip查询关联链路", _context2.t0);
+
+            case 13:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[3, 10]]);
+    }))();
   }
 };
 exports["default"] = _default;