资产同步数据

src/view/Manage/AssetManage/Component/AssetDirectory.jsx

 import React, { useEffect, useState } from 'react';
 import { Spin, Tooltip, Typography, Dropdown, Menu } from 'antd';
+import { useMount, useUnmount } from 'ahooks';
 
 import { dispatch } from '../../../../model';
 import { AssetManageReference, ResourceBrowseReference } from '../../../../util/constant';
@@ -25,6 +26,23 @@ const AssetDirectory = (props) => {
   const [ resourceState, setResourceState ] = useState(null);
 
   useEffect(() => {
+
+    const storageChange = (e) => {
+      if (e.key === 'assetResourceChange') {
+        getResourceState();
+      }
+    }
+
+    window?.addEventListener("storage", storageChange);
+  
+    return () => {
+      window?.removeEventListener("storage", storageChange);
+    }
+  
+    //eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [id])
+
+  useEffect(() => {
     if ((id||'')!=='') {
       getDirectory();
     }

src/view/Manage/AssetManage/Component/AssetTable.jsx

@@ -5,6 +5,7 @@ import SmoothScroll from 'smooth-scroll';
 import { Resizable } from 'react-resizable';
 import ResizeObserver from 'rc-resize-observer';
 import { useContextMenu, Menu as RcMenu, Item as RcItem } from "react-contexify";
+import LocalStorage from 'local-storage';
 
 import FilterElementModal from './FilterElementModal';
 import AssetMount from '../../AssetRecycle/Component/AssetMount';
@@ -284,6 +285,7 @@ const AssetTable = (props) => {
                   <Tooltip title={text||''}>
                     <Text ellipsis={true}>
                       <a onClick={()=>{
+                        LocalStorage.set('assetDirChange', !(LocalStorage.get('assetDirChange')||false));
                         let event = new Event('storage');
                         event.key = 'assetDirChange';
                         event.dirId = record.dirId||'';
@@ -551,6 +553,11 @@ const AssetTable = (props) => {
               }
             },
             callback: () => {
+              LocalStorage.set('assetResourceChange', !(LocalStorage.get('assetResourceChange')||false));
+              let event = new Event('storage');
+              event.key = 'assetResourceChange';
+              window?.dispatchEvent(event);
+              
               getDataAssets();
             }
           });
@@ -570,6 +577,11 @@ const AssetTable = (props) => {
               }
             },
             callback: () => {
+              LocalStorage.set('assetResourceChange', !(LocalStorage.get('assetResourceChange')||false));
+              let event = new Event('storage');
+              event.key = 'assetResourceChange';
+              window?.dispatchEvent(event);
+
               getDataAssets();
             }
           });