修复库存分布问题

apps/hand-factory/components/lines/acidity.vue

@@ -101,7 +101,8 @@
 
 <script>
 import HeadTabsVue from '../panels/klp-tabs/klp-tabs.vue';
-	
+import { listPlantStateCurrent, listPlantStateHistory } from '@/api/pocket/plantState'
+
 export default {
 	components: {
 		HeadTabsVue
@@ -169,41 +170,98 @@ export default {
   },
   mounted() {
     this.getServerData();
+    this.loadCurrentState();
   },
   methods: {
+    // 加载当前设备状态
+    loadCurrentState() {
+      listPlantStateCurrent({ pageNum: 1, pageSize: 10 }).then(response => {
+        if (response.code === 200 && response.rows && response.rows.length > 0) {
+          const currentData = response.rows[0]
+          // 更新能耗状态数据
+          this.energyStatus = [
+            { label: '工艺缎带钢线速度', value: currentData.value1 || '9.9' },
+            { label: '轧机出口带钢线速度', value: currentData.value2 || '126.0' }
+          ]
+          console.log('当前状态数据:', response.rows)
+        }
+      }).catch(error => {
+        console.error('加载设备状态失败:', error)
+      })
+    },
+    
+    // 从服务器获取历史数据
     getServerData() {
-      // 模拟从服务器获取数据时的延时
       uni.showLoading({
         title: '加载中'
       });
       
-      setTimeout(() => {
-        let res = {
-          categories: ['2016', '2017', '2018', '2019', '2020', '2021'],
-          series: [
-            {
-              name: '目标值',
-              data: [35, 36, 31, 33, 13, 34],
-            },
-            {
-              name: '完成量',
-              data: [18, 27, 21, 24, 6, 28],
-            },
-          ],
-        };
-        this.chartData = JSON.parse(JSON.stringify(res));
+      const queryParams = {
+        pageNum: 1,
+        pageSize: 20
+      }
+      
+      // 如果有时间范围选择，添加到查询参数中
+      if (this.selectedTimeRange && this.selectedTimeRange.length === 2) {
+        queryParams.startTime = this.selectedTimeRange[0]
+        queryParams.endTime = this.selectedTimeRange[1]
+      }
+      
+      listPlantStateHistory(queryParams).then(response => {
         uni.hideLoading();
-      }, 500);
+        
+        if (response.code === 200 && response.rows && response.rows.length > 0) {
+          const categories = []
+          const targetData = []
+          const completeData = []
+          
+          response.rows.forEach(item => {
+            const dateStr = this.formatDate(item.insdate)
+            categories.push(dateStr)
+            targetData.push(item.value1 || 0)
+            completeData.push(item.value2 || 0)
+          })
+          
+          const res = {
+            categories: categories,
+            series: [
+              { name: '目标值', data: targetData },
+              { name: '完成量', data: completeData }
+            ]
+          }
+          
+          this.chartData = JSON.parse(JSON.stringify(res))
+        } else {
+          this.loadDefaultChartData()
+        }
+      }).catch(error => {
+        uni.hideLoading();
+        console.error('加载历史数据失败:', error)
+        this.loadDefaultChartData()
+      });
     },
+    
+    // 加载默认图表数据
+    loadDefaultChartData() {
+      const res = {
+        categories: ['2016', '2017', '2018', '2019', '2020', '2021'],
+        series: [
+          { name: '目标值', data: [35, 36, 31, 33, 13, 34] },
+          { name: '完成量', data: [18, 27, 21, 24, 6, 28] }
+        ]
+      }
+      this.chartData = JSON.parse(JSON.stringify(res))
+    },
+    
+    // 格式化日期
+    formatDate(dateStr) {
+      if (!dateStr) return ''
+      const date = new Date(dateStr)
+      return `${date.getMonth() + 1}/${date.getDate()}`
+    },
+    
     openTimePicker() {
       this.$refs.timePickerPopup.open();
-      uni.showLoading({
-        title: '加载中'
-      });
-      // 模拟数据加载
-      setTimeout(() => {
-        uni.hideLoading();
-      }, 500);
     },
     closeTimePicker() {
       this.$refs.timePickerPopup.close();
@@ -217,7 +275,7 @@ export default {
       if (!e) return;
       this.selectedTimeRange = e;
       this.closeTimePicker();
-      // 这里可以调用接口重新获取数据
+      // 根据时间范围重新获取数据
       this.getServerData();
     }
   }