@riil-frontend/component-topology 13.0.0-dev.9 → 13.0.2

package/es/core/models/utils/linkUtils.js

@@ -46,40 +46,35 @@ export function isAggLink(link) {
 
   return (link === null || link === void 0 ? void 0 : (_link$attributes2 = link.attributes) === null || _link$attributes2 === void 0 ? void 0 : _link$attributes2.destination_type) === "network.agg_interface" && (link === null || link === void 0 ? void 0 : (_link$attributes3 = link.attributes) === null || _link$attributes3 === void 0 ? void 0 : _link$attributes3.source_type) === "network.agg_interface";
 }
-export function mergeLinksData(links, linkCis, nodes, interfaceCiMap, interfaceDoc) {
+export function mergeLinksData(links, linkCis, nodes, ciMap, interfaceDoc) {
   var linkCiMap = keyBy(links, "id");
   return links.map(function (link) {
-    var _interfaceCiMap$attri, _interfaceCiMap$attri2;
+    var _ciMap$attributes$net, _ciMap$attributes$net2, _ciMap$attributes$sou, _ciMap$attributes$des;
 
     var linkCi = linkCiMap[link.id];
 
-    var attributes = _extends({}, linkCi === null || linkCi === void 0 ? void 0 : linkCi.attributes);
+    var attributes = _extends({}, linkCi === null || linkCi === void 0 ? void 0 : linkCi.attributes); // 翻译
 
-    var sourceNode = nodes.find(function (node) {
-      return node.id === attributes["network_link.source_device_id"];
-    });
-    var targetNode = nodes.find(function (node) {
-      return node.id === attributes["network_link.destination_device_id"];
-    }); // 翻译
 
     return _extends({}, link, {
+      breakState: false,
       attributes: _extends({}, attributes, {
         // 源/目的设备
         "network_link.source_device_id_object": {
-          displayName: sourceNode === null || sourceNode === void 0 ? void 0 : sourceNode.name
+          displayName: (_ciMap$attributes$net = ciMap[attributes["network_link.source_device_id"]]) === null || _ciMap$attributes$net === void 0 ? void 0 : _ciMap$attributes$net.attributes["display_name"]
         },
         "network_link.destination_device_id_object": {
-          displayName: targetNode === null || targetNode === void 0 ? void 0 : targetNode.name
+          displayName: (_ciMap$attributes$net2 = ciMap[attributes["network_link.destination_device_id"]]) === null || _ciMap$attributes$net2 === void 0 ? void 0 : _ciMap$attributes$net2.attributes["display_name"]
         },
         // 源/目的接口类型
         source_type_object: interfaceDoc[attributes.source_type],
         destination_type_object: interfaceDoc[attributes.destination_type],
         // 源/目的接口
         source_id_object: {
-          displayName: (_interfaceCiMap$attri = interfaceCiMap[attributes.source_id]) === null || _interfaceCiMap$attri === void 0 ? void 0 : _interfaceCiMap$attri.attributes["display_name"]
+          displayName: (_ciMap$attributes$sou = ciMap[attributes.source_id]) === null || _ciMap$attributes$sou === void 0 ? void 0 : _ciMap$attributes$sou.attributes["display_name"]
         },
         destination_id_object: {
-          displayName: (_interfaceCiMap$attri2 = interfaceCiMap[attributes.destination_id]) === null || _interfaceCiMap$attri2 === void 0 ? void 0 : _interfaceCiMap$attri2.attributes["display_name"]
+          displayName: (_ciMap$attributes$des = ciMap[attributes.destination_id]) === null || _ciMap$attributes$des === void 0 ? void 0 : _ciMap$attributes$des.attributes["display_name"]
         }
       })
     });
@@ -91,7 +86,7 @@ export function getLinksDetail(_x, _x2) {
 
 function _getLinksDetail() {
   _getLinksDetail = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(links, nodes) {
-    var linkCis, interfaceIds, interfaceTypes, interfaceCiMap, interfaceDoc;
+    var linkCis, ciMap, ciIds, interfaceTypes, loadCiMap, interfaceDoc;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -104,11 +99,20 @@ function _getLinksDetail() {
 
         case 2:
           linkCis = links;
-          interfaceIds = [].concat(linkCis.map(function (item) {
+          ciMap = keyBy(nodes, "id");
+          ciIds = _.uniq([].concat(linkCis.map(function (item) {
+            return item.attributes['network_link.destination_device_id'];
+          }), linkCis.map(function (item) {
+            return item.attributes['network_link.source_device_id'];
+          }), linkCis.map(function (item) {
             return item.attributes.source_id;
           }), linkCis.map(function (item) {
             return item.attributes.destination_id;
-          }));
+          }))).filter(function (item) {
+            return !!item;
+          }).filter(function (item) {
+            return !ciMap[item];
+          });
           interfaceTypes = _.compact(_.uniq([].concat(linkCis.map(function (item) {
             return item.attributes.source_type;
           }), linkCis.map(function (item) {
@@ -116,19 +120,21 @@ function _getLinksDetail() {
           })))).filter(function (item) {
             return item !== "ip";
           });
-          _context.next = 7;
-          return CiCache.load(interfaceIds);
+          _context.next = 8;
+          return CiCache.load(ciIds);
 
-        case 7:
-          interfaceCiMap = _context.sent;
-          _context.next = 10;
+        case 8:
+          loadCiMap = _context.sent;
+          _context.next = 11;
           return CiTypeCache.load(interfaceTypes);
 
-        case 10:
+        case 11:
           interfaceDoc = _context.sent;
-          return _context.abrupt("return", mergeLinksData(links, linkCis, nodes, interfaceCiMap, interfaceDoc));
+          Object.assign(ciMap, loadCiMap); // console.log('getLinksDetail-mergeLinksData', { relations, interfaceIds, interfaceCis, })
+
+          return _context.abrupt("return", mergeLinksData(links, linkCis, nodes, ciMap, interfaceDoc));
 
-        case 12:
+        case 14:
         case "end":
           return _context.stop();
       }

package/es/core/store/models/topoMod.js

@@ -395,7 +395,8 @@ export default function (topoApp) {
                     globalConfig: extraConfig,
                     type: (_result$config = result.config) === null || _result$config === void 0 ? void 0 : _result$config.showType,
                     topoData: topoData,
-                    resAndMetrics: resAndMetrics
+                    resAndMetrics: resAndMetrics,
+                    loading: false
                   });
 
                 case 47:
@@ -425,11 +426,7 @@ export default function (topoApp) {
                   rlog.info('topoMod.initTopoData 初始化拓扑图数据完成. 耗时: ', endTime.diff(startTime, 'seconds', true));
                   topoApp.options.onLoad();
 
-                  _this3.update({
-                    loading: false
-                  });
-
-                case 62:
+                case 61:
                 case "end":
                   return _context4.stop();
               }

package/es/core/utils/graphLinkUtil.js

@@ -11,6 +11,7 @@ export function fixLink(topo) {
   edges.forEach(function (edge) {
     var source = edge.getSource();
     var target = edge.getTarget();
+    console.log('fixLink', edge, source, target);
     var linkData = linkDatas.find(function (data) {
       return data.id === edge.getTag();
     }); // TODO 判断两端互相切换

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

@@ -883,7 +883,8 @@ export default function ResourceOverview(props) {
       return item.code;
     }),
     getOverviewConfig: resourceOverviewProps.getOverviewConfig,
-    saveOverviewConfig: resourceOverviewProps.saveOverviewConfig
+    saveOverviewConfig: resourceOverviewProps.saveOverviewConfig,
+    jumpto: topo.viewProps.jumpto
   }) : /*#__PURE__*/React.createElement(BlockBox, {
     headerTitle: "\u5173\u952E\u6307\u6807",
     headerExtra: /*#__PURE__*/React.createElement(Configurator, {

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

@@ -7,7 +7,8 @@ import styles from "./LinkTopo.module.scss";
 export default function LinkTopo(props) {
   var data = props.data,
       linkMetricCodes = props.linkMetricCodes,
-      openFlow = props.openFlow;
+      openFlow = props.openFlow,
+      jumpto = props.jumpto;
   var metricData = useMetricPolling({
     linkCi: data,
     linkMetricCodes: linkMetricCodes
@@ -33,7 +34,7 @@ export default function LinkTopo(props) {
     data: data // 链路ci数据
     ,
     isNarrow: true,
-    jumpto: getHistory().push
+    jumpto: jumpto || getHistory().push
   }, metricData, {
     openFlow: openFlow
   })));

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

@@ -13,7 +13,8 @@ export default function LinkTopoCard(props) {
       defaultCols = props.defaultCols,
       metricCol = props.metricCol,
       metricColChange = props.metricColChange,
-      metricCodes = props.metricCodes; // eslint-disable-next-line camelcase
+      metricCodes = props.metricCodes,
+      jumpto = props.jumpto; // eslint-disable-next-line camelcase
 
   var supportTemplates = (data === null || data === void 0 ? void 0 : (_data$attributes = data.attributes) === null || _data$attributes === void 0 ? void 0 : _data$attributes.support_templates) || ''; // 该资源监控模板
 
@@ -104,6 +105,7 @@ export default function LinkTopoCard(props) {
     linkMetricCodes: openFlow && openFlow.name == '查看流量构成' ? metricCodes : metricCodes.filter(function (i) {
       return i != 'netDelayRatio' && i != 'retansRatio';
     }),
-    openFlow: openFlow
+    openFlow: openFlow,
+    jumpto: jumpto
   }));
 }

package/es/networkTopo/utils/relateTopoDataUtil.js

@@ -1,13 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 // 关联拓扑数据
-import { topoLinks } from "./__tests__/relateTopoData";
+
 /**
  * 升级历史数据：子拓扑节点序列化数据
  * 构造子拓扑节点
  * 构造子拓扑链路
  * @param {*} ctx 
  */
-
 export function processBothTopoData(topoData) {
   var nodes = topoData.nodes,
       links = topoData.links;
@@ -55,7 +54,7 @@ export function buildTopoNode(topoId) {
     //   name: ,
     bindType: "topo",
     // 绑定资源类型。关联资源 值为空，关联IP ip
-    bindIp: topoId,
+    bindTopo: topoId,
     // TODO 所属区域，从序列化拿
     // 'groupId': null,
     // 'groupTag': null,
@@ -69,7 +68,6 @@ export function buildTopoNode(topoId) {
 }
 
 function buildTopoLinks(links) {
-  // links.push(...topoLinks)
   return links.map(function (link) {
     return _extends({}, link, {
       "source": link.sourceType ? link.sourceType + ':' + link.source : link.source,

package/lib/core/components/AlarmListPanel/components/AlarmListItem.js

@@ -115,6 +115,11 @@ function SubListItem(props) {
   var subNode = topo.getData().nodes.find(function (node) {
     return node.ciId === alarmInfo.mainCiId;
   });
+
+  var _useState = (0, _react.useState)(),
+      balloonVisible = _useState[0],
+      setBalloonVisible = _useState[1];
+
   var plarm = alarmInfo.cmpCode ? "\u3010" + (subNode === null || subNode === void 0 ? void 0 : subNode.sourceName) + "\u3011" : "【本级平台】";
   return /*#__PURE__*/_react["default"].createElement(_list["default"].Item, {
     className: _indexModule["default"].AlarmListItem,
@@ -136,6 +141,8 @@ function SubListItem(props) {
     }, "\u67E5\u770B\u8BE6\u60C5"),
     closable: true,
     triggerType: "click",
+    visible: balloonVisible,
+    onVisibleChange: setBalloonVisible,
     align: "bl",
     popupClassName: _indexModule["default"]["enjoydata-alarm-table-balloon"],
     popupStyle: {
@@ -144,7 +151,9 @@ function SubListItem(props) {
     }
   }, creatAlarmTips((0, _extends2["default"])({}, alarmInfo, {
     sourceName: plarm
-  }))) : /*#__PURE__*/_react["default"].createElement("div", {
+  }), function () {
+    setBalloonVisible(false);
+  })) : /*#__PURE__*/_react["default"].createElement("div", {
     className: _indexModule["default"].listLink
   }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
     onClick: onClick,

package/lib/core/components/AlarmListPanel/index.js

@@ -39,6 +39,7 @@ function AlarmListPanel(props, ref) {
   var alarmListProps = (0, _useAlarmList["default"])({
     alarmData: alarmData
   });
+  var alarmLink = topo.isCMPTopo ? '/default/cmp/gradAlarm' : '/default/alarmCenter/alarmList';
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _indexModule["default"].AlarmListPanel,
     id: "AlarmListPanel"
@@ -56,7 +57,7 @@ function AlarmListPanel(props, ref) {
       onClick: onClose
     }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
       className: _indexModule["default"].listTitleLink,
-      to: "/default/alarmCenter/alarmList"
+      to: alarmLink
     }, "\u67E5\u770B\u6240\u6709\u544A\u8B66"))),
     extra:
     /*#__PURE__*/

package/lib/core/components/TopoView/topoView.js

@@ -178,7 +178,10 @@ var Topology = function Topology(props) {
     });
 
     if (onLoad) {
-      onLoad();
+      onLoad({
+        topo: topo,
+        topoData: topoData
+      });
     }
   }, [topoData]);
   var handleGraphLoaded = (0, _react.useCallback)(function () {
@@ -218,7 +221,10 @@ var Topology = function Topology(props) {
     }
 
     if (onLoad) {
-      onLoad();
+      onLoad({
+        topo: topo,
+        topoData: topoData
+      });
     }
   }, [topoData]);
 

package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js

@@ -48,11 +48,12 @@ var LINE_TYPE_OPTIONS = [{
   value: 'doublearc',
   label: '双弧线',
   icon: 'topo_linear_icon_arcline'
-}, {
-  value: 'points',
-  label: '自由线形',
-  icon: 'topo_linear_icon_pointsline'
-}];
+} // {
+//   value: 'points',
+//   label: '自由线形',
+//   icon: 'topo_linear_icon_pointsline',
+// },
+];
 
 var LineType = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var value = props.value,

package/lib/core/hooks/useGraphAlarmDisplay.js

@@ -15,11 +15,13 @@ var _showGraphManageStatusUtil = require("../utils/showGraphManageStatusUtil");
 
 var _useCmpLinkAlarm2 = _interopRequireDefault(require("./useCmpLinkAlarm"));
 
+var _useLinkAlarmDisplay2 = _interopRequireDefault(require("./useLinkAlarmDisplay"));
+
 /**
  * 获取ci的最高告警级别
- * @param {Array} alarmList 
- * @param {*} risks 
- * @returns 
+ * @param {Array} alarmList
+ * @param {*} risks
+ * @returns
  */
 function getCiAlarmLevelMap(alarmList) {
   var ciIdLevelMap = {};
@@ -51,9 +53,9 @@ function getGraphCiElementAlarmLevels(resources, alarmList) {
 }
 /**
  * 获得关联拓扑节点告警级别
- * @param {*} topo 
- * @param {*} relateTopoAlarm 
- * @returns 
+ * @param {*} topo
+ * @param {*} relateTopoAlarm
+ * @returns
  */
 
 
@@ -61,7 +63,7 @@ function getRelateTopoNodeAlarmLevels(topo, relateTopoAlarm) {
   return Object.keys(relateTopoAlarm).map(function (topoId) {
     var level = relateTopoAlarm[topoId];
     var relateTopoNode = topo.getDataModel().getDatas().toArray().find(function (node) {
-      return "" + node.a('bindTopo') === "" + topoId;
+      return "" + node.a("bindTopo") === "" + topoId;
     });
 
     if (!level || !relateTopoNode) {
@@ -81,18 +83,18 @@ function getRelateTopoNodeAlarmLevels(topo, relateTopoAlarm) {
 function getGraphElementAlarmLevels(resources) {}
 /**
  * 告警显示到ht拓扑
- * 
- * @param {*} options 
+ *
+ * @param {*} options
  */
 
 
 function useGraphAlarmDisplay(options) {
   var topo = options.topo,
       alarmSwitch = options.alarmSwitch;
-  var topoState = topo.store.useModelState('topoMod');
+  var topoState = topo.store.useModelState("topoMod");
   var graphLoaded = topoState.graphLoaded,
       viewState = topoState.viewState;
-  var isEditMode = viewState === 'edit';
+  var isEditMode = viewState === "edit";
 
   var _topo$alarm$useState = topo.alarm.useState(),
       alarmList = _topo$alarm$useState.alarmList,
@@ -110,12 +112,28 @@ function useGraphAlarmDisplay(options) {
       cmpLinkRunStatus = _useCmpLinkAlarm.cmpLinkRunStatus,
       addCmpLinkOfflineStatusForDisplayLineColor = _useCmpLinkAlarm.addCmpLinkOfflineStatusForDisplayLineColor;
 
-  var resources = (0, _react.useMemo)(function () {
+  var cmpRes = (0, _react.useMemo)(function () {
     return addCmpLinkOfflineStatusForDisplayLineColor(oldResources, cmpLinkRunStatus);
-  }, [oldResources, cmpLinkRunStatus]); // ci告警级别
+  }, [oldResources, cmpLinkRunStatus]); // 拓扑链路特殊处理
+
+  var _useLinkAlarmDisplay = (0, _useLinkAlarmDisplay2["default"])({
+    topo: topo,
+    resources: cmpRes,
+    graphLoaded: graphLoaded,
+    alarmList: alarmList
+  }),
+      linkRunStatus = _useLinkAlarmDisplay.linkRunStatus,
+      getlinkAlarmLevels = _useLinkAlarmDisplay.getlinkAlarmLevels; // const resources = useMemo(() => addLinkOfflineStatusForDisplayLineColor(cmpRes, linkRunStatus), [cmpRes, linkRunStatus])
+
+
+  var linkAlarmLevels = getlinkAlarmLevels(alarmList, cmpRes); // 排除掉处于断开状态的链路
+
+  var resources = cmpRes.filter(function (item) {
+    return !item.breakState;
+  }); // ci告警级别
 
   var cisEventLevel = (0, _react.useMemo)(function () {
-    var levels = [].concat(alarmList || [], cmpLinkAlarmLevels, risks.map(function (item) {
+    var levels = [].concat(alarmList || [], cmpLinkAlarmLevels, linkAlarmLevels, risks.map(function (item) {
       var _item$resourceId;
 
       return {
@@ -135,6 +153,16 @@ function useGraphAlarmDisplay(options) {
       alarmSwitch: alarmSwitch,
       cisEventLevel: cisEventLevel
     });
+    setOffLinkColor();
+
+    function setOffLinkColor() {
+      oldResources.forEach(function (item) {
+        if (item.breakState) {
+          var element = topo.getDataModel().getDataByTag(item.id);
+          element === null || element === void 0 ? void 0 : element.s("edge.color", "#C9CED2");
+        }
+      });
+    }
 
     function showAlarm() {
       var _topo$historyManager, _topo$historyManager2;
@@ -161,19 +189,19 @@ function useGraphAlarmDisplay(options) {
         var alarmLevel = (_elementsAlarmLevels$ = elementsAlarmLevels.find(function (item) {
           return item.id === element.getTag() || item.elementId === element.getId();
         })) === null || _elementsAlarmLevels$ === void 0 ? void 0 : _elementsAlarmLevels$.level;
-        element.a('alarmLevel', alarmLevel);
+        element.a("alarmLevel", alarmLevel);
       });
 
-      _rlog["default"].debug('推送告警 => ht', {
+      _rlog["default"].debug("推送告警 => ht", {
         alarms: elementsAlarmLevels,
         relateTopoAlarmMap: relateTopoAlarm,
         relateTopoAlarms: relateTopoAlarms
       }); // 更新到ht拓扑
 
 
-      (_topo$historyManager = topo.historyManager) === null || _topo$historyManager === void 0 ? void 0 : _topo$historyManager.setDisabled(true, '推送告警');
+      (_topo$historyManager = topo.historyManager) === null || _topo$historyManager === void 0 ? void 0 : _topo$historyManager.setDisabled(true, "推送告警");
       topo.view.loadAlarm(elementsAlarmLevels);
-      (_topo$historyManager2 = topo.historyManager) === null || _topo$historyManager2 === void 0 ? void 0 : _topo$historyManager2.setDisabled(false, '推送告警');
+      (_topo$historyManager2 = topo.historyManager) === null || _topo$historyManager2 === void 0 ? void 0 : _topo$historyManager2.setDisabled(false, "推送告警");
     }
 
     return function () {

package/lib/core/hooks/useLinkAlarmDisplay.js

@@ -0,0 +1,175 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = useLinkAlarmDisplay;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = require("react");
+
+var _ahooks = require("ahooks");
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _DictCache = _interopRequireDefault(require("../models/cache/DictCache"));
+
+function getLinkDev(datas) {
+  console.log("datas------------------", datas);
+  var linkDevDoc = {};
+  var linkIds = datas.filter(function (item) {
+    return item.ciType === "network_link";
+  }).map(function (item) {
+    linkDevDoc[item.id] = [item.source, item.target];
+    return item.id;
+  });
+  return {
+    linkIds: linkIds,
+    linkDevDoc: linkDevDoc
+  };
+}
+
+function getlinkAlarmLevels(alarmList, resources) {
+  var _getLinkDev = getLinkDev(resources),
+      linkDevDoc = _getLinkDev.linkDevDoc;
+
+  console.log("linkAlarmLevels-----------1", linkDevDoc, alarmList);
+
+  if (!alarmList) {
+    return [];
+  }
+
+  var alarms = alarmList.filter(function (alarm) {
+    return alarm.obj.alertTypeCode === "availAlert";
+  }).map(function (item) {
+    return item.id;
+  });
+  return Object.keys(linkDevDoc).filter(function (item) {
+    return _lodash["default"].intersection(linkDevDoc[item], alarms).length > 0;
+  }).map(function (item) {
+    return {
+      id: item,
+      level: 1
+    };
+  });
+  ;
+}
+/**
+ * 处理链路显示
+ * @param {*} props
+ * @returns
+ */
+
+
+function useLinkAlarmDisplay(props) {
+  var topo = props.topo,
+      resources = props.resources,
+      graphLoaded = props.graphLoaded,
+      alarmList = props.alarmList;
+
+  var _useState = (0, _react.useState)(getLinkDev(resources).linkIds),
+      linkIds = _useState[0],
+      setLinkIds = _useState[1];
+
+  var _useState2 = (0, _react.useState)([]),
+      linkRunStatus = _useState2[0],
+      setLinkRunStatus = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(getLinkDev(resources).linkDevDoc),
+      linkDev = _useState3[0],
+      setLinkDev = _useState3[1];
+
+  console.log("alarmList----------sssss", alarmList);
+  (0, _react.useEffect)(function () {
+    var ids = getLinkDev(resources).linkIds;
+
+    if (linkIds.join(",") !== ids.join(",")) {
+      setLinkIds(ids);
+    }
+  }, [resources]);
+
+  function getLinkRunStatus(_x) {
+    return _getLinkRunStatus.apply(this, arguments);
+  } // 轮询hooks
+
+
+  function _getLinkRunStatus() {
+    _getLinkRunStatus = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(ids) {
+      var _yield$Promise$all, ciMetricsResult;
+
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (ids.length) {
+              _context.next = 2;
+              break;
+            }
+
+            return _context.abrupt("return", []);
+
+          case 2:
+            _context.t0 = Promise;
+            _context.t1 = // 查询指标值
+            topo.serverApi.ciInfo.batchQueryCiInfo({
+              ciId: [],
+              codes: ["run_status", "remote_ping_status"],
+              relationId: ids.map(function (id) {
+                return {
+                  ciId: id,
+                  operation: "delete"
+                };
+              })
+            });
+            _context.next = 6;
+            return _DictCache["default"].init();
+
+          case 6:
+            _context.t2 = _context.sent;
+            _context.t3 = [_context.t1, _context.t2];
+            _context.next = 10;
+            return _context.t0.all.call(_context.t0, _context.t3);
+
+          case 10:
+            _yield$Promise$all = _context.sent;
+            ciMetricsResult = _yield$Promise$all[0];
+            console.log("getLinkRunStatus", ciMetricsResult);
+            return _context.abrupt("return", ciMetricsResult);
+
+          case 14:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return _getLinkRunStatus.apply(this, arguments);
+  }
+
+  var _useRequest = (0, _ahooks.useRequest)(getLinkRunStatus, {
+    pollingInterval: 60 * 1000,
+    pollingWhenHidden: false,
+    // debounceInterval: 200,
+    manual: true,
+    onSuccess: function onSuccess(result) {
+      setLinkRunStatus(result.map(function (item) {
+        return {
+          id: item.id,
+          runStatus: item.metrics.run_status
+        };
+      }));
+    }
+  }),
+      run = _useRequest.run;
+
+  (0, _react.useEffect)(function () {
+    if (graphLoaded) {
+      run(linkIds);
+    }
+  }, [graphLoaded, linkIds]);
+  return {
+    linkRunStatus: linkRunStatus,
+    getlinkAlarmLevels: getlinkAlarmLevels
+  };
+}

package/lib/core/hooks/useManageStatus.js

@@ -12,6 +12,7 @@ var _react = require("react");
 var _useTopoEventListener = _interopRequireDefault(require("./useTopoEventListener"));
 
 ht.Default.setImage('resource.subIcon.unMoniter', '/img/topo/alarmStatusIcon/未监控.svg');
+ht.Default.setImage('resource.link.linkbreak', '/img/topo/link-break.svg');
 /**
  * 监听监控状态推送
  * 节点、连线监控状态置灰