2022-10-20 14:46:19 +08:00
|
|
|
|
<template>
|
2022-11-05 21:31:42 +08:00
|
|
|
|
<preview :key="key"></preview>
|
2022-10-20 14:46:19 +08:00
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
|
import { getSessionStorageInfo } from './utils'
|
|
|
|
|
|
import type { ChartEditStorageType } from './index.d'
|
|
|
|
|
|
import { SavePageEnum } from '@/enums/editPageEnum'
|
|
|
|
|
|
import { setSessionStorage } from '@/utils'
|
|
|
|
|
|
import { StorageEnum } from '@/enums/storageEnum'
|
|
|
|
|
|
import { ref } from 'vue'
|
|
|
|
|
|
import Preview from './index.vue'
|
|
|
|
|
|
|
|
|
|
|
|
let key = ref(Date.now())
|
|
|
|
|
|
let localStorageInfo: ChartEditStorageType = getSessionStorageInfo() as ChartEditStorageType
|
|
|
|
|
|
|
|
|
|
|
|
// 数据变更 -> 同步sessionStorage -> reload页面 （重新执行Mounted）
|
|
|
|
|
|
;[SavePageEnum.JSON, SavePageEnum.CHART].forEach((saveEvent: string) => {
|
2022-11-05 21:31:42 +08:00
|
|
|
|
if (!window.opener) return
|
|
|
|
|
|
window.opener.addEventListener(saveEvent, (e: any) => {
|
2022-10-20 14:46:19 +08:00
|
|
|
|
setSessionStorage(StorageEnum.GO_CHART_STORAGE_LIST, [{ ...e.detail, id: localStorageInfo.id }])
|
|
|
|
|
|
key.value = Date.now()
|
|
|
|
|
|
})
|
|
|
|
|
|
})
|
|
|
|
|
|
</script>
|
