天津宝东 1.修改展示字段

gaoluyang

2026-05-21 a2c33664f683aee11fdc62391c8d1e21cc74f5b2

 src/views/reportAnalysis/PSIDataAnalysis/index.vue

@@ -43,7 +43,7 @@
</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'
@@ -59,19 +59,25 @@

// 缩放比例
const scaleRatio = ref(1)
// 设计尺寸（基准尺寸）- 根据实际设计稿调整
// 设计规格型号（基准规格型号）- 根据实际设计稿调整
const designWidth = 1920
const designHeight = 1080

// 用户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 = () => {
  const container = document.querySelector('.scale-container')
  if (!container) return

  // 获取容器的实际尺寸
  // 获取容器的实际规格型号
  const rect = container.getBoundingClientRect?.()
  const containerWidth = container.clientWidth || rect?.width || window.innerWidth
  const containerHeight = container.clientHeight || rect?.height || window.innerHeight
@@ -140,9 +146,17 @@
  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)
@@ -171,7 +185,7 @@
overflow: hidden;
}

/* 内部内容区域 - 固定设计尺寸 */
/* 内部内容区域 - 固定设计规格型号 */
.data-dashboard {
position: relative;
width: 1920px;