Browse Source

在AlarmDetail组件中添加对刷新事件的监听,确保在事件触发时自动调用fetchData函数以更新数据。

valentichu 8 months ago
parent
commit
8257de0419
2 changed files with 11 additions and 0 deletions
  1. 0 0
      lib/index.js
  2. 11 0
      src/pages/Alarm/components/components/AlarmDetail/index.jsx

File diff suppressed because it is too large
+ 0 - 0
lib/index.js


+ 11 - 0
src/pages/Alarm/components/components/AlarmDetail/index.jsx

@@ -379,6 +379,17 @@ const Index = (props) => {
   useEffect(() => {
     fetchData();
   }, [range, props.data?.data?.rule_id]);
+
+  // 监听刷新事件
+  useEffect(() => {
+    // 添加事件监听器
+    window.addEventListener("refreshAlarm", fetchData);
+
+    // 清理函数:移除事件监听器
+    return () => {
+      window.removeEventListener("refreshAlarm", fetchData);
+    };
+  }, []);
   return (
     <>
       <div className={styles.desc}>

Some files were not shown because too many files changed in this diff