From 6eee52b87f8b3aa170e6a847d07a70b549604d63 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Tue, 10 Sep 2024 13:47:45 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F?=
 =?UTF-8?q?=E3=80=81=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E6=B5=8F=E8=A7=88=E5=99=A8=E6=95=B4=E4=BD=93=E5=88=B7=E6=96=B0?=
 =?UTF-8?q?#11378?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dashboard-style/OverallSetting.vue        | 50 +++++++++++++++++++
 core/core-frontend/src/utils/canvasUtils.ts   |  4 ++
 .../editor/util/dataVisualization.ts          |  3 ++
 .../data-visualization/PreviewCanvas.vue      | 12 +++++
 4 files changed, 69 insertions(+)

diff --git a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue
index e61892bb4a..bae9050821 100644
--- a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue
+++ b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue
@@ -72,6 +72,56 @@
         </template>
       </el-input>
     </el-form-item>
+    <el-form-item class="form-item" :class="'form-item-' + themes" style="margin-bottom: 8px">
+      <el-checkbox
+        :effect="themes"
+        size="small"
+        v-model="canvasStyleData.refreshViewBrowserEnable"
+        @change="themeChange"
+      >
+        整体刷新
+      </el-checkbox>
+      <el-tooltip class="item" :effect="toolTip" placement="bottom">
+        <template #content>
+          <div>仅公共链接生效</div>
+        </template>
+        <el-icon
+          class="hint-icon"
+          style="margin-left: 4px"
+          :class="{ 'hint-icon--dark': themes === 'dark' }"
+        >
+          <Icon name="icon_info_outlined" />
+        </el-icon>
+      </el-tooltip>
+    </el-form-item>
+    <el-form-item class="form-item" :class="'form-item-' + themes" style="padding-left: 20px">
+      <el-input
+        v-model="canvasStyleData.refreshBrowserTime"
+        :effect="themes"
+        class="time-input-number"
+        :class="[dvInfo.type === 'dashboard' && 'padding20', themes === 'dark' && 'dv-dark']"
+        type="number"
+        :min="1"
+        :max="3600"
+        size="middle"
+        :disabled="!canvasStyleData.refreshViewBrowserEnable"
+        @change="onRefreshChange"
+      >
+        <template #append>
+          <el-select
+            v-model="canvasStyleData.refreshBrowserUnit"
+            size="middle"
+            :effect="themes"
+            :disabled="!canvasStyleData.refreshViewBrowserEnable"
+            style="width: 90px"
+            @change="themeChange"
+          >
+            <el-option :label="t('visualization.minute')" :value="'minute'" />
+            <el-option :label="t('visualization.second')" :value="'second'" />
+          </el-select>
+        </template>
+      </el-input>
+    </el-form-item>
     <el-form-item class="form-item" :class="'form-item-' + themes">
       <el-checkbox
         :effect="themes"
diff --git a/core/core-frontend/src/utils/canvasUtils.ts b/core/core-frontend/src/utils/canvasUtils.ts
index 05fafccf06..6a1a24ffa8 100644
--- a/core/core-frontend/src/utils/canvasUtils.ts
+++ b/core/core-frontend/src/utils/canvasUtils.ts
@@ -216,6 +216,10 @@ export function historyAdaptor(
   canvasStyleResult.component['seniorStyleSetting'] =
     canvasStyleResult.component['seniorStyleSetting'] || deepCopy(SENIOR_STYLE_SETTING_LIGHT)
   canvasStyleResult['screenAdaptor'] = canvasStyleResult['screenAdaptor'] || 'widthFirst'
+  canvasStyleResult['refreshBrowserEnable'] =
+    canvasStyleResult['refreshBrowserEnable'] !== undefined
+  canvasStyleResult['refreshBrowserUnit'] = canvasStyleResult['refreshBrowserUnit'] || 'minute'
+  canvasStyleResult['refreshBrowserTime'] = canvasStyleResult['refreshBrowserTime'] || 5
   // 同步宽高比例(大屏使用)
   canvasStyleResult['scaleWidth'] = canvasStyleResult['scale']
   canvasStyleResult['scaleHeight'] = canvasStyleResult['scale']
diff --git a/core/core-frontend/src/views/chart/components/editor/util/dataVisualization.ts b/core/core-frontend/src/views/chart/components/editor/util/dataVisualization.ts
index eb52936c10..9dc7ce6f94 100644
--- a/core/core-frontend/src/views/chart/components/editor/util/dataVisualization.ts
+++ b/core/core-frontend/src/views/chart/components/editor/util/dataVisualization.ts
@@ -80,6 +80,9 @@ export const DEFAULT_DASHBOARD_STYLE_DARK = {
 export const DEFAULT_CANVAS_STYLE_DATA_BASE = {
   width: 1920,
   height: 1080,
+  refreshBrowserEnable: false, // 开启浏览器刷新（默认关闭）
+  refreshBrowserUnit: 'minute', // 仪表板刷新时间带外 默认 分钟
+  refreshBrowserTime: 5, // 仪表板刷新时间 默认5分钟
   refreshViewEnable: false, // 开启图表刷新（默认关闭）
   refreshViewLoading: true, // 仪表板图表loading提示
   refreshUnit: 'minute', // 仪表板刷新时间带外 默认 分钟
diff --git a/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue b/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
index 8f80e52398..f9fe200f0e 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
@@ -94,6 +94,17 @@ const loadCanvasDataAsync = async (dvId, dvType) => {
       ElMessage.error(t('visualization.outer_param_decode_error'))
     }
   }
+
+  const initBrowserTimer = () => {
+    if (state.canvasStylePreview.refreshBrowserEnable) {
+      const gap = state.canvasStylePreview.refreshBrowserUnit === 'minute' ? 60 : 1
+      const browserRefreshTime = state.canvasStylePreview.refreshBrowserTime * gap * 1000
+      setTimeout(() => {
+        window.location.reload()
+      }, browserRefreshTime)
+    }
+  }
+
   initCanvasData(
     dvId,
     dvType,
@@ -120,6 +131,7 @@ const loadCanvasDataAsync = async (dvId, dvType) => {
         document.title = dvInfo.name
         setTitle(dvInfo.name)
       }
+      initBrowserTimer()
     }
   )
 }