From 2f43ddd59b8059063532b6078db82ee0e6ac988f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
 <1262327911@qq.com>
Date: Tue, 30 May 2023 09:34:54 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=8E=BB=E9=99=A4=E5=AE=9A=E6=97=B6?=
 =?UTF-8?q?=E5=AD=98=E5=82=A8=E6=95=B0=E6=8D=AE=E7=9A=84=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/utils.ts                    | 20 ++++++++++++++++++++
 src/views/chart/ContentEdit/index.vue | 14 ++++++++++++--
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/src/utils/utils.ts b/src/utils/utils.ts
index 4a1b19e4..16ba9431 100644
--- a/src/utils/utils.ts
+++ b/src/utils/utils.ts
@@ -330,3 +330,23 @@ export const JSONParse = (data: string) => {
 export const setTitle = (title?: string) => {
   title && (document.title = title)
 }
+
+/**
+ * 处理网页关闭事件
+ */
+export const addWindowUnload = () => {
+  // 关闭网页出现离开提示
+  window.onbeforeunload = function (e) {
+    e = e || window.event
+    // 兼容IE8和Firefox 4之前的版本
+    if (e) {
+      e.returnValue = '您确定要离开当前页面吗？请确认是否保存数据！'
+    }
+    // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
+    return '您确定要离开当前页面吗？请确认是否保存数据！'
+  }
+  // 返回销毁事件函数
+  return () => {
+    window.onbeforeunload = null
+  }
+}
\ No newline at end of file
diff --git a/src/views/chart/ContentEdit/index.vue b/src/views/chart/ContentEdit/index.vue
index a003398f..60de3a08 100644
--- a/src/views/chart/ContentEdit/index.vue
+++ b/src/views/chart/ContentEdit/index.vue
@@ -87,7 +87,14 @@ import { onMounted, computed, provide } from 'vue'
 import { chartColors } from '@/settings/chartThemes/index'
 import { MenuEnum } from '@/enums/editPageEnum'
 import { CreateComponentType, CreateComponentGroupType } from '@/packages/index.d'
-import { animationsClass, getFilterStyle, getTransformStyle, getBlendModeStyle, colorCustomMerge } from '@/utils'
+import {
+  animationsClass,
+  getFilterStyle,
+  getTransformStyle,
+  getBlendModeStyle,
+  colorCustomMerge,
+  addWindowUnload
+} from '@/utils'
 import { useContextMenu } from '@/views/chart/hooks/useContextMenu.hook'
 import { MenuOptionsItemType } from '@/views/chart/hooks/useContextMenu.hook.d'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
@@ -110,6 +117,9 @@ const chartEditStore = useChartEditStore()
 const { handleContextMenu } = useContextMenu()
 const { dataSyncFetch, intervalDataSyncUpdate } = useSync()
 
+// 加入网页关闭提示
+addWindowUnload()
+
 // 编辑时注入scale变量，消除警告
 provide(SCALE_KEY, null)
 
@@ -186,7 +196,7 @@ onMounted(() => {
   // 获取数据
   dataSyncFetch()
   // 定时更新数据
-  intervalDataSyncUpdate()
+  // intervalDataSyncUpdate()
 })
 </script>