功能增添优化

helongyang

7 小时以前 a9a3f943efb083de8ed88b293897886b3ef612a2

 ´úÂë¹ÜÀí/LargeScreen/CP-Screen/src/views/indexs/left-bottom.vue

@@ -8,9 +8,6 @@
    <div v-else style="color: white; text-align: center; padding-top: 50px">
      æ•°æ®åŠ è½½ä¸­...
    </div>
    <div v-if="error" style="color: red; text-align: center; padding-top: 50px">
      æ•°æ®åŠ è½½å¤±è´¥: {{ error }}
    </div>
  </div>
</template>

@@ -58,7 +55,7 @@
          itemWidth: 10,
          itemHeight: 10,
          icon: 'circle',
          data: ['成品入库', '成品出库', '空框回流', '成品回库']
          data: ['成品入库', '成品出库', '成品调拨', '成品退库']
        },
        grid: {
          left: '8%',
@@ -106,15 +103,55 @@
          },
        },
        series: [
          { name: '成品入库', type: 'line', data: [] },
          { name: '成品出库', type: 'line', data: [] },
          { name: '空框回流', type: 'line', data: [] },
          { name: '成品回库', type: 'line', data: [] }
          { 
            name: '成品入库', 
            type: 'line', 
            data: [],
            areaStyle: {
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                { offset: 0, color: 'rgba(0, 255, 255, 0.3)' },
                { offset: 1, color: 'rgba(0, 255, 255, 0)' }
              ])
            }
          },
          { 
            name: '成品出库', 
            type: 'line', 
            data: [],
            areaStyle: {
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                { offset: 0, color: 'rgba(255, 0, 255, 0.3)' },
                { offset: 1, color: 'rgba(255, 0, 255, 0)' }
              ])
            }
          },
          { 
            name: '成品调拨', 
            type: 'line', 
            data: [],
            areaStyle: {
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                { offset: 0, color: 'rgba(255, 255, 0, 0.3)' },
                { offset: 1, color: 'rgba(255, 255, 0, 0)' }
              ])
            }
          },
          { 
            name: '成品退库', 
            type: 'line', 
            data: [],
            areaStyle: {
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                { offset: 0, color: 'rgba(0, 255, 0, 0.3)' },
                { offset: 1, color: 'rgba(0, 255, 0, 0)' }
              ])
            }
          }
        ]
      };
    },
    async fetchData() {
       this.loading = true;
      this.loading = true;
      this.error = null;
      
      try {
@@ -137,24 +174,22 @@
      }
    },
    updateChart(data) {
      
      
      const dates = data.dateRange;
      const stats = data.dailyStatistics;
      
      const seriesData = {
        '成品入库': [],
        '成品出库': [],
        '空框回流': [],
        '成品回库': []
        '成品调拨': [],
        '成品退库': []
      };
      
      // æ ¹æ®å®žé™…数据格式调整字段名（小写开头）
      stats.forEach(day => {
        seriesData['成品入库'].push(day.inProduct || 0);
        seriesData['成品出库'].push(day.outProduct || 0);
        seriesData['空框回流'].push(day.emptyProductBack || 0);
        seriesData['成品回库'].push(day.inProductBack || 0);
        seriesData['成品调拨'].push(day.emptyProductBack || 0);
        seriesData['成品退库'].push(day.inProductBack || 0);
      });
      
      this.options = {
@@ -183,6 +218,7 @@
</script>

<style lang='scss' scoped>
/* æ ·å¼éƒ¨åˆ†ä¿æŒä¸å˜ */
.user_Overview {
  li {
    flex: 1;
@@ -219,7 +255,6 @@
    }

    .allnum {
      // background-image: url("../../assets/img/left_top_lan.png");
      &::before {
        background-image: url("../../assets/img/left_top_lan.png");
      }