fix: 修改预览页面的报错问题

This commit is contained in:
奔跑的面条 2022-11-05 21:31:42 +08:00
parent c35dd6fad9
commit 32762aa8a7
3 changed files with 10 additions and 8 deletions

View File

@ -55,8 +55,8 @@ getDataBySession()
// //
function back() { function back() {
opener.name = Date.now() window.opener.name = Date.now()
window.open(opener.location.href, opener.name) window.open(window.opener.location.href, window.opener.name)
} }
// json // json
@ -71,7 +71,7 @@ async function importJSON() {
} }
// [JSONJSONCtrl+S ] // [JSONJSONCtrl+S ]
opener.addEventListener(SavePageEnum.CHART, (e: any) => { window.opener.addEventListener(SavePageEnum.CHART, (e: any) => {
setSessionStorage(StorageEnum.GO_CHART_STORAGE_LIST, [e.detail]) setSessionStorage(StorageEnum.GO_CHART_STORAGE_LIST, [e.detail])
content.value = JSON.stringify(e.detail, undefined, 2) content.value = JSON.stringify(e.detail, undefined, 2)
}) })
@ -87,14 +87,14 @@ addEventListener('blur', updateSync)
// //
function updateSync() { function updateSync() {
if (!opener) { if (!window.opener) {
return window['$message'].error('源窗口已关闭,视图同步失败') return window['$message'].error('源窗口已关闭,视图同步失败')
} }
try { try {
const detail = JSON.parse(content.value) const detail = JSON.parse(content.value)
delete detail.id delete detail.id
// id // id
opener.dispatchEvent(new CustomEvent(SavePageEnum.JSON, { detail })) window.opener.dispatchEvent(new CustomEvent(SavePageEnum.JSON, { detail }))
} catch (e) { } catch (e) {
window['$message'].error('内容格式有误') window['$message'].error('内容格式有误')
console.log(e) console.log(e)

View File

@ -1,5 +1,5 @@
<template> <template>
<Preview :key="key"></Preview> <preview :key="key"></preview>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -16,10 +16,10 @@ let localStorageInfo: ChartEditStorageType = getSessionStorageInfo() as ChartEdi
// -> sessionStorage -> reload Mounted // -> sessionStorage -> reload Mounted
;[SavePageEnum.JSON, SavePageEnum.CHART].forEach((saveEvent: string) => { ;[SavePageEnum.JSON, SavePageEnum.CHART].forEach((saveEvent: string) => {
opener.addEventListener(saveEvent, (e: any) => { if (!window.opener) return
window.opener.addEventListener(saveEvent, (e: any) => {
setSessionStorage(StorageEnum.GO_CHART_STORAGE_LIST, [{ ...e.detail, id: localStorageInfo.id }]) setSessionStorage(StorageEnum.GO_CHART_STORAGE_LIST, [{ ...e.detail, id: localStorageInfo.id }])
key.value = Date.now() key.value = Date.now()
}) })
}) })
</script> </script>

2
types/global.d.ts vendored
View File

@ -7,6 +7,8 @@ interface Window {
$vue: any $vue: any
// 键盘按键记录 // 键盘按键记录
$KeyboardActive?: { [T: string]: boolean } $KeyboardActive?: { [T: string]: boolean }
// 编辑 JSON 的存储对象
opener: any
} }
declare type Recordable<T = any> = Record<string, T> declare type Recordable<T = any> = Record<string, T>