1.海川开心-BI大屏展示修改

gaoluyang

2025-12-12 681970ff2cc3f937d96943bdcfba3789fc3b0a25

 src/views/reportAnalysis/dataDashboard/index.vue

@@ -54,7 +54,7 @@

        <!-- 质量统计 -->
            <div class="panel-header">
               <span class="panel-title">质量统计</span>
               <span class="panel-title">近4月质量统计</span>
            </div>
            <div class="main-panel">
               <div class="panel-item-customers">
@@ -174,7 +174,7 @@
        </div>
            
            <div class="financial-header">
               <span class="financial-title">财务分析</span>
               <span class="financial-title">近4月财务分析</span>
            </div>
            <div class="main-panel">
               <div class="panel-item-customers">
@@ -205,11 +205,11 @@
            <div class="panel-item-customers">
               <div style="display: flex;justify-content: space-between;margin-bottom: 20px;">
                  <div class="section-title">应收应付统计</div>
                  <el-radio-group v-model="radio1" size="large" @change="statisticsReceivable" class="custom-radio-group">
                     <el-radio-button label="按周" :value="1" />
                     <el-radio-button label="按月" :value="2" />
                     <el-radio-button label="按季度" :value="3" />
                  </el-radio-group>
<!--                  <el-radio-group v-model="radio1" size="large" @change="statisticsReceivable" class="custom-radio-group">-->
<!--                     <el-radio-button label="按周" :value="1" />-->
<!--                     <el-radio-button label="按月" :value="2" />-->
<!--                     <el-radio-button label="按季度" :value="3" />-->
<!--                  </el-radio-group>-->
               </div>
               <Echarts ref="chart"
                            :color="barColors2"
@@ -226,7 +226,7 @@

        <!-- 回款与开票分析 -->
         <div class="panel-header">
               <span class="panel-title">回款与开票分析</span>
               <span class="panel-title">近一月回款与开票分析</span>
            </div>
        <div class="panel-item-customers" style="padding-top: 60px;">
               <Echarts ref="chart" :chartStyle="chartStyle" :grid="grid" :legend="lineLegend" :series="lineSeries"
@@ -412,7 +412,7 @@
const barLegend = {
   show: true,
   textStyle: { color: '#B8C8E0' },
   data: ['原材料不合格数', '过程不合格数', '出厂不合格数']
   data: ['原材料合格数', '过程合格数', '出不合格数']
}
const barLegend1 = {
   show: true,
@@ -487,7 +487,7 @@
])
const barSeries1 = ref([
   {
      name: '原材料不合格数',
      name: '原材料合格数',
      type: 'bar',
      barGap: 0,
      emphasis: {
@@ -509,7 +509,7 @@
      data: []
   },
   {
      name: '过程不合格数',
      name: '过程合格数',
      type: 'bar',
      emphasis: {
         focus: 'series'
@@ -530,7 +530,7 @@
      data: []
   },
   {
      name: '出厂不合格数',
      name: '出厂合格数',
      type: 'bar',
      emphasis: {
         focus: 'series'
@@ -672,10 +672,10 @@
   getLedgerPage(params).then((res) => {
      equipmentNum.value = res.data.total
   });
   getRepairPage(params).then((res) => {
   getRepairPage({...params, status:0}).then((res) => {
      equipmentRepair.value = res.data.total
   });
   getUpkeepPage(params).then((res) => {
   getUpkeepPage({...params, status:0}).then((res) => {
      equipmentMaintain.value = res.data.total
   });
   measuringInstrumentListPage(params).then((res) => {
@@ -920,7 +920,7 @@
  // 使用nextTick确保DOM完全渲染后再初始化图表
  nextTick(() => {
    // 初始化autofit自适应
    autofit.init({ dh: 1080, dw: 1920, el: '.data-dashboard', resize: true }, false)
    autofit.init({ dh: 800, dw: 1280, el: '.data-dashboard', resize: true }, false)
    
    // 添加自动滚动动画效果 - 客户信息列表
    const contractList = refContractList.value