feat

pyt

2025-03-26 a60476b5a0f2b1016c08d299e84093f44dad8939

feat

 src/components/datascreen/HeaderPanel.vue

@@ -33,6 +33,7 @@
    this.updateTime();
    this.timer = setInterval(this.updateTime, 1000);
    this.getWeather();
   
  },
  beforeDestroy() {
    if (this.timer) {
@@ -100,6 +101,7 @@
  .datetime {
    display: flex;
    margin-top: 61px;

    .calendar-icon {
      width: 22px;
      height: 21px;

 src/components/datascreen/LeftPanel.vue

@@ -90,14 +90,14 @@
        grid: {
          top: '20%',
          left: '3%',
          right: '4%',
          right: '6%',
          bottom: '3%',
          containLabel: true
        },
        xAxis: {
          type: 'category',
          boundaryGap: false,
          data: ['1月', '2月', '3月', '4月', '5月', '6月'],
          data: [],
          axisLine: {
            show: true,
            lineStyle: {
@@ -109,7 +109,8 @@
          },
          axisLabel: {
            color: '#495F88',
            fontSize: 12
            fontSize: 12,
            // rotate: 30, // 标签倾斜角度
          }
        },
        yAxis: {
@@ -185,7 +186,7 @@
              }]
              }
            },
            data: [150, 180, 230, 280, 260, 100]
            data: []
          },
          {
            name: '补偿金额异常',
@@ -235,11 +236,10 @@
              }]
              }
            },
            data: [200, 250, 380, 450, 380, 300]
            data: []
          }
        ]
      }

    };
  },
  watch: {
@@ -249,6 +249,7 @@
          this.rankingList = newVal.streetResponses
          this.$nextTick(() => {
            this.animateProgressBars();
            this.updateChartData(this.data.importErrorResponses);
          });
        }
      },
@@ -267,6 +268,11 @@
        item.percentage = (item.householdNum / count) * 100;
        return item
      });
    },
    updateChartData(apiData) {
      this.lineOption.xAxis.data = apiData.map(item => item.month);
      this.lineOption.series[0].data = apiData.map(item => item.areaErrorCount);
      this.lineOption.series[1].data = apiData.map(item => item.moneyErrorCount);
    }
  }
};