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

gaoluyang

2026-05-21 a2c33664f683aee11fdc62391c8d1e21cc74f5b2

 src/views/reportAnalysis/productionAnalysis/index.vue

@@ -44,7 +44,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'
@@ -60,19 +60,25 @@

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

// 用户store
const userStore = useUserStore()

/** 与其它驾驶舱共用注入名，子组件每分钟刷新接口数据 */
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
@@ -141,9 +147,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)
@@ -172,7 +186,7 @@
overflow: hidden;
}

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