中兴实强 1.智能驾驶舱大屏数据展示修改

gaoluyang

2026-06-30 03790f338ed62174def6b67776280e3dace05b7e

 src/views/reportAnalysis/productionAnalysis/components/center-center.vue

@@ -10,6 +10,9 @@
        />
        <span class="equipment-title">投入产出分析</span>
      </div>
      <div class="filters-row">
        <DateTypeSwitch v-model="dateType" @change="handleDateTypeChange" />
      </div>
      <Echarts
        ref="chart"
        :chartStyle="chartStyle"
@@ -30,7 +33,10 @@
import { ref, onMounted, inject, watch } from 'vue'
import * as echarts from 'echarts'
import Echarts from '@/components/Echarts/echarts.vue'
import DateTypeSwitch from './DateTypeSwitch.vue'
import { inputOutputAnalysis } from '@/api/viewIndex.js'

const dateType = ref(3) // 1=周 2=月 3=季度

const chartStyle = { width: '100%', height: '100%' }
const grid = {
@@ -132,7 +138,7 @@
}

const fetchData = () => {
  inputOutputAnalysis()
  inputOutputAnalysis({ type: dateType.value })
    .then((res) => {
      if (res.code === 200 && Array.isArray(res.data)) {
        const list = res.data
@@ -144,6 +150,10 @@
    .catch((err) => {
      console.error('获取投入产出分析失败:', err)
    })
}

const handleDateTypeChange = () => {
  fetchData()
}

const dataDashboardRefreshTick = inject('dataDashboardRefreshTick', null)
@@ -167,6 +177,14 @@
  gap: 16px;
}

.filters-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.equipment-header {
  font-weight: 500;
  font-size: 21px;