From a96df3cc135510b6f0acadbd6e8adb5f5e4c2199 Mon Sep 17 00:00:00 2001
From: MTrun <1262327911@qq.com>
Date: Thu, 10 Mar 2022 18:57:18 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E7=9A=84=E5=AD=98=E5=82=A8=E6=96=B9=E5=BC=8F=E4=B8=BA=20sessio?=
 =?UTF-8?q?nStorage?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/chart/HeaderRightBtn/index.vue | 18 +++++++++---------
 src/views/preview/index.vue              |  5 ++---
 src/views/preview/utils/index.ts         |  8 ++++----
 3 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/views/chart/HeaderRightBtn/index.vue b/src/views/chart/HeaderRightBtn/index.vue
index 18edcb5d..903c8d2e 100644
--- a/src/views/chart/HeaderRightBtn/index.vue
+++ b/src/views/chart/HeaderRightBtn/index.vue
@@ -11,7 +11,7 @@
 
 <script setup lang="ts">
 import { shallowReactive } from 'vue'
-import { renderIcon, fetchPathByName, routerTurnByPath, setLocalStorage, getLocalStorage } from '@/utils'
+import { renderIcon, fetchPathByName, routerTurnByPath,setSessionStorage, getLocalStorage } from '@/utils'
 import { PreviewEnum } from '@/enums/pageEnum'
 import { StorageEnum } from '@/enums/storageEnum'
 import { icon } from '@/plugins'
@@ -32,22 +32,22 @@ const previewHandle = () => {
   // id 标识
   const previewId = typeof id === 'string' ? id : id[0]
   const storageInfo = chartEditStore.getStorageInfo
-  const localStorageInfo = getLocalStorage(StorageEnum.GO_CHART_STORAGE_LIST) || []
+  const sessionStorageInfo = getLocalStorage(StorageEnum.GO_CHART_STORAGE_LIST) || []
 
-  if (localStorageInfo?.length) {
-    const repeateIndex = localStorageInfo.findIndex((e: { id: string }) => e.id === previewId)
+  if (sessionStorageInfo?.length) {
+    const repeateIndex = sessionStorageInfo.findIndex((e: { id: string }) => e.id === previewId)
     // 重复替换
     if (repeateIndex !== -1) {
-      localStorageInfo.splice(repeateIndex, 1, { id: previewId, ...storageInfo })
-      setLocalStorage(StorageEnum.GO_CHART_STORAGE_LIST, localStorageInfo)
+      sessionStorageInfo.splice(repeateIndex, 1, { id: previewId, ...storageInfo })
+      setSessionStorage(StorageEnum.GO_CHART_STORAGE_LIST, sessionStorageInfo)
     } else {
-      localStorageInfo.push({
+      sessionStorageInfo.push({
         id: previewId, ...storageInfo
       })
-      setLocalStorage(StorageEnum.GO_CHART_STORAGE_LIST, localStorageInfo)
+      setSessionStorage(StorageEnum.GO_CHART_STORAGE_LIST, sessionStorageInfo)
     }
   } else {
-    setLocalStorage(StorageEnum.GO_CHART_STORAGE_LIST, [{ id: previewId, ...storageInfo }])
+    setSessionStorage(StorageEnum.GO_CHART_STORAGE_LIST, [{ id: previewId, ...storageInfo }])
   }
   // 跳转
   routerTurnByPath(path, [previewId], undefined, true)
diff --git a/src/views/preview/index.vue b/src/views/preview/index.vue
index 375c3bde..ce8bd988 100644
--- a/src/views/preview/index.vue
+++ b/src/views/preview/index.vue
@@ -16,14 +16,13 @@ import { onUnmounted, ref, nextTick, computed } from 'vue'
 import { usePreviewScale } from '@/hooks/index'
 import { RenderList } from './components/RenderList/index'
 import { ChartEditStorageType } from './index.d'
-import { getLocalStorageInfo } from './utils/index'
-import { useEditCanvasConfigStyle } from './utils'
+import { useEditCanvasConfigStyle, getSessionStorageInfo } from './utils'
 import { CreateComponentType } from '@/packages/index.d'
 import { fetchChartComponent } from '@/packages/index'
 
 const previewRef = ref()
 
-const localStorageInfo: ChartEditStorageType = getLocalStorageInfo() as ChartEditStorageType
+const localStorageInfo: ChartEditStorageType = getSessionStorageInfo() as ChartEditStorageType
 
 const width = ref(localStorageInfo?.editCanvasConfig.width)
 const height = ref(localStorageInfo?.editCanvasConfig.height)
diff --git a/src/views/preview/utils/index.ts b/src/views/preview/utils/index.ts
index b2534191..5226ae3c 100644
--- a/src/views/preview/utils/index.ts
+++ b/src/views/preview/utils/index.ts
@@ -1,5 +1,5 @@
 export * from './style'
-import { getLocalStorage } from '@/utils'
+import { getSessionStorage } from '@/utils'
 import { StorageEnum } from '@/enums/storageEnum'
 import { ChartEditStorage } from '@/store/modules/chartEditStore/chartEditStore.d'
 
@@ -8,12 +8,12 @@ export interface ChartEditStorageType extends ChartEditStorage {
 }
 
 // 根据路由 id 获取存储数据的信息
-export const getLocalStorageInfo = () => {
+export const getSessionStorageInfo = () => {
   const urlHash = document.location.hash
   const toPathArray = urlHash.split('/')
   const id = toPathArray && toPathArray[toPathArray.length - 1]
 
-  const storageList: ChartEditStorageType[] = getLocalStorage(
+  const storageList: ChartEditStorageType[] = getSessionStorage(
     StorageEnum.GO_CHART_STORAGE_LIST
   )
 
@@ -24,4 +24,4 @@ export const getLocalStorageInfo = () => {
       return storageList[i]
     }
   }
-}
+}
\ No newline at end of file