| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script setup> |
|---|
| | | import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue' |
|---|
| | | import { ref, onMounted, onBeforeUnmount, nextTick, provide } from 'vue' |
|---|
| | | import autofit from 'autofit.js' |
|---|
| | | import LeftBottom from './components/left-bottom.vue' |
|---|
| | | import CenterCenter from './components/center-center.vue' |
|---|
| | |
|---|
| | | |
|---|
| | | // 用户store |
|---|
| | | const userStore = useUserStore() |
|---|
| | | |
|---|
| | | /** 与 dataDashboard 共用注入名，子组件（含复用的 right-top/right-bottom）每分钟刷新 */ |
|---|
| | | const DASHBOARD_REFRESH_MS = 60 * 1000 |
|---|
| | | const dataDashboardRefreshTick = ref(0) |
|---|
| | | provide('dataDashboardRefreshTick', dataDashboardRefreshTick) |
|---|
| | | let dashboardPollTimer = null |
|---|
| | | |
|---|
| | | // 计算缩放比例 |
|---|
| | | const calculateScale = () => { |
|---|
| | |
|---|
| | | window.addEventListener('fullscreenchange', handleFullscreenChange) |
|---|
| | | window.addEventListener('webkitfullscreenchange', handleFullscreenChange) |
|---|
| | | window.addEventListener('MSFullscreenChange', handleFullscreenChange) |
|---|
| | | |
|---|
| | | dashboardPollTimer = setInterval(() => { |
|---|
| | | dataDashboardRefreshTick.value++ |
|---|
| | | }, DASHBOARD_REFRESH_MS) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | onBeforeUnmount(() => { |
|---|
| | | if (dashboardPollTimer) { |
|---|
| | | clearInterval(dashboardPollTimer) |
|---|
| | | dashboardPollTimer = null |
|---|
| | | } |
|---|
| | | window.removeEventListener('resize', handleResize) |
|---|
| | | window.removeEventListener('fullscreenchange', handleFullscreenChange) |
|---|
| | | window.removeEventListener('webkitfullscreenchange', handleFullscreenChange) |
|---|
