From fac3e813d205f000125eb8f7b2dd4976f4166edf Mon Sep 17 00:00:00 2001
From: Riku <risaku@163.com>
Date: 星期四, 15 五月 2025 00:25:09 +0800
Subject: [PATCH] 动态溯源功能调试中

---
 src/views/realtimemode/RealtimeMode.vue |   44 ++++++++++++++++++++++++++++----------------
 1 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/src/views/realtimemode/RealtimeMode.vue b/src/views/realtimemode/RealtimeMode.vue
index 240930d..eb4cb1f 100644
--- a/src/views/realtimemode/RealtimeMode.vue
+++ b/src/views/realtimemode/RealtimeMode.vue
@@ -14,6 +14,7 @@
         class="m-t-2"
         :factor="factorDatas.factor[factorType]"
       ></FactorLegend>
+      <SourceTrace></SourceTrace>
     </el-row>
     <DashBoard class="dash-board" :factor-datas="factorDatas"></DashBoard>
     <RealTimeTrend
@@ -34,6 +35,7 @@
 import DashBoard from './component/DashBoard.vue';
 import RealTimeTrend from './component/RealTimeTrend.vue';
 import DeviceChange from './component/DeviceChange.vue';
+import SourceTrace from '@/views/sourcetrace/SourceTrace.vue';
 import { realTimeMapAnimation } from '@/utils/map/animation';
 import {
   fetchHistoryData,
@@ -41,11 +43,15 @@
   clearFetchingTask
 } from '@/utils/factor/data';
 import thirdPartyDataApi from '@/api/thirdPartyDataApi';
+import websocket from '@/api/websocket';
 
 // const mapAnimation = new MapAnimation();
 
+// 璋冭瘯妯″紡
+const mode = 'debug';
+
 export default {
-  components: { DashBoard, RealTimeTrend, DeviceChange },
+  components: { DashBoard, RealTimeTrend, DeviceChange, SourceTrace },
   setup() {
     const { loading, fetchData } = useFetchData(10000);
     return { loading, fetchData };
@@ -101,24 +107,29 @@
         // this.draw();
         this.factorDatas = fDatas;
       });
+      if (mode == 'debug') {
+        websocket.send(JSON.stringify(data));
+      }
     },
     fetchRealTimeData() {
       this.fetchData((page) => {
-        return fetchHistoryData(
-          {
-            deviceCode: this.deviceCode,
-            // startTime: '2024-08-20 06:00:00',
-            // endTime: '2024-08-20 06:02:00',
-            page,
-            perPage: 100
-          },
-          false
-        ).then((res) => {
+        const param =
+          mode == 'debug'
+            ? {
+                deviceCode: this.deviceCode,
+                startTime: '2025-01-16 11:34:00',
+                endTime: '2025-01-16 11:35:00',
+                page,
+                perPage: 100
+              }
+            : {
+                deviceCode: this.deviceCode,
+                page,
+                perPage: 100
+              };
+        return fetchHistoryData(param, false).then((res) => {
           this.onFetchData(res.data);
           this.onMapData(res.data);
-          // if (res.data.length > 0) {
-          //   this.fetchNextData(res.data[res.data.length - 1].time);
-          // }
           this.fetchNextData();
           thirdPartyDataApi.fetchLatestData(this.deviceType, this.deviceCode);
         });
@@ -133,14 +144,15 @@
           return {
             deviceCode: this.deviceCode,
             updateTime: this.latestTime,
-            perPage: 10
+            perPage: mode == 'debug' ? 1 : 10
           };
         },
         (res) => {
           this.onFetchData(res.data);
           this.onMapData(res.data);
           thirdPartyDataApi.fetchLatestData(this.deviceType, this.deviceCode);
-        }
+        },
+        mode == 'debug' ? 4000 : undefined
       );
     },
     onMapData(dataList) {

--
Gitblit v1.9.3