renmingwang
2026-03-25 6d56bf4daf08c4c7c6d193d98ed0b547dc473451
ÏîÄ¿´úÂë/´óÆÁ/src/views/indexs/sc02-location-status.vue
@@ -25,7 +25,7 @@
    // æ¯10秒刷新一次数据
    this.refreshInterval = setInterval(() => {
      this.getData();
    }, 10000);
    }, 30000);
  },
  beforeDestroy() {
    if (this.chart) {
@@ -61,21 +61,33 @@
          }
        },
        legend: {
          orient: 'vertical',
          right: '10%',
          top: 'center',
          orient: 'horizontal',
          bottom: '10%',
          left: 'center',
          textStyle: {
            color: '#fff',
            fontSize: 14
            fontSize: 20
          },
          data: ['空闲', '有货', '有货锁定']
          data: ['空闲', '有货', '有货锁定'],
          width: '80%',
          itemWidth: 20,
          itemHeight: 14,
          itemGap: 30,
          formatter: function(name) {
            let value = 0;
            if (name === '空闲') value = this.locationData.free;
            if (name === '有货') value = this.locationData.occupied;
            if (name === '有货锁定') value = this.locationData.locked;
            return `${name}\n${value}`;
          }.bind(this),
          selectedMode: 'multiple'
        },
        series: [
          {
            name: 'SC02货位状态',
            type: 'pie',
            radius: ['50%', '70%'],
            center: ['40%', '50%'],
            radius: ['40%', '75%'],
            center: ['50%', '45%'],
            avoidLabelOverlap: true,
            itemStyle: {
              borderRadius: 4,
@@ -86,12 +98,12 @@
              show: true,
              formatter: '{b}: {c}',
              color: '#fff',
              fontSize: 14
              fontSize: 20
            },
            emphasis: {
              label: {
                show: true,
                fontSize: 16,
                fontSize: 20,
                fontWeight: 'bold'
              },
              itemStyle: {