feat: 新增动态预览功能

src/views/preview/utils/storage.ts

@@ -1,26 +1,40 @@
-import { getSessionStorage } from '@/utils'
+import { getSessionStorage, fetchRouteParamsLocation, httpErrorHandle } from '@/utils'
+import { ResultEnum } from '@/enums/httpEnum'
 import { StorageEnum } from '@/enums/storageEnum'
 import { ChartEditStorage } from '@/store/modules/chartEditStore/chartEditStore.d'
+import { fetchProjectApi } from '@/api/path'
 
 export interface ChartEditStorageType extends ChartEditStorage {
   id: string
 }
 
 // 根据路由 id 获取存储数据的信息
-export const getSessionStorageInfo = () => {
-  const urlHash = document.location.hash
-  const toPathArray = urlHash.split('/')
-  const id = toPathArray && toPathArray[toPathArray.length - 1]
-
+export const getSessionStorageInfo = async () => {
+  const id = fetchRouteParamsLocation()
   const storageList: ChartEditStorageType[] = getSessionStorage(
     StorageEnum.GO_CHART_STORAGE_LIST
   )
-
-  if(!storageList) return
-
-  for (let i = 0; i < storageList.length; i++) {
-    if (id.toString() === storageList[i]['id']) {
-      return storageList[i]
+  
+  // 是否本地预览
+  if (!storageList) {
+    // 接口调用
+    const res: any = await fetchProjectApi({ projectId: id })
+    if (res.code === ResultEnum.SUCCESS) {
+      const { content, state } = res.data
+      if (state === -1) {
+        // 跳转未发布页
+        return { isRelease: false }
+      }
+      return { ...JSON.parse(content), id }
+    } else {
+      httpErrorHandle()
+    }
+  } else {
+    // 本地读取
+    for (let i = 0; i < storageList.length; i++) {
+      if (id.toString() === storageList[i]['id']) {
+        return storageList[i]
+      }
     }
   }
 }