spreadjs

src/App.js

@@ -29,6 +29,7 @@ import { AssetBrowseReference, AssetDraftReference, AssetMountReference } from '
 
 const AssetDraft = loadable(()=> import('./view/Manage/AssetDraft'));
 const AssetAction = loadable(()=> import('./view/Manage/AssetManage/Component/AssetAction'));
+const SpreadjsView = loadable(()=> import('./view/Manage/AssetManage/Component/spreadjs-view'));
 
 
 export const AppContext = React.createContext();
@@ -213,6 +214,7 @@ export class App extends React.Component {
             <Route path={'/center-home/data-model-action'} component={EditModel} exact />
             <Route path={'/center-home/asset-detail'} component={AssetDetailPage} exact />
             <Route path={'/center-home/session/asset-detail'} component={AssetDetailPage} exact />
+            <Route path={'/data-govern/spreadjs-view'} component={SpreadjsView} exact />
           </Switch>
         </Router>
       </AppContext.Provider>

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

@@ -65,7 +65,11 @@ const WorkbookDrawer = (props) => {
         workbookId: id,
       },
       callback: data => {
-        window.open(data||'');
+        if (report?.code === 'SpreadJS') {
+          window.open(`/data-govern/spreadjs-view?downloadurl=${encodeURIComponent(data??'')}`)
+        } else {
+          window.open(data||'');
+        }
       }
     })
   }

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

@@ -52,7 +52,12 @@ const WorksheetModal = (props) => {
         },
         callback: data => {
           setLoading(false);
-          window.open(data);
+          if (report?.code === 'SpreadJS') {
+            window.open(`/data-govern/spreadjs-view?downloadurl=${encodeURIComponent(data??'')}`)
+          } else {
+            window.open(data);
+          }
+
           reset();
           showMessage("success","新增成功");
           onCancel && onCancel(true);

src/view/Manage/AssetManage/Component/spreadjs-view.jsx

+import React from 'react'
+import axios from 'axios';
+
+import { getQueryParam } from '../../../../util';
+
+const ts = Date.now()
+
+const FC = (props) => {
+  const ref = React.useRef()
+
+  const url = getQueryParam('downloadurl', props.location?.search);
+
+  React.useEffect(() => {
+      axios.request({
+        method: 'GET',
+        url,
+        responseType: 'blob'
+      }).then((resp) => {
+        var iframe = document.getElementById('myIframe');
+        setTimeout(() => {
+          iframe.contentWindow.postMessage({ data: resp.data, type: "preview.excel.file" }, "*");
+         }, 5000)
+       })
+  }, [])
+
+  return (
+    <iframe
+      id='myIframe'
+      src={"http://192.168.0.12:8003/spreadjs/?date=" + ts}
+      style={{ width: '100%', height: '100vh' }}
+    />
+  )
+}
+
+export default FC
\ No newline at end of file