From a3b2d94cbfb9bea819346a1b738237f72819a833 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期四, 12 六月 2025 13:35:33 +0800 Subject: [PATCH] 动态溯源(待完成) --- src/views/realtimemode/RealtimeMode.vue | 39 +++++++++++++++++++++++++++++++-------- 1 files changed, 31 insertions(+), 8 deletions(-) diff --git a/src/views/realtimemode/RealtimeMode.vue b/src/views/realtimemode/RealtimeMode.vue index b18b4a6..6935614 100644 --- a/src/views/realtimemode/RealtimeMode.vue +++ b/src/views/realtimemode/RealtimeMode.vue @@ -5,9 +5,9 @@ <el-button type="primary" class="p-events-auto el-button-custom" - @click="clearFetchingTask" + @click="pauseTask" > - 鍋滄 + {{ pause ? '缁х画' : '鏆傚仠' }} </el-button> </el-row> <el-row class="m-t-2"> @@ -29,6 +29,7 @@ class="source-trace" v-model:factorType="factorType" ></SourceTrace> + <!-- <PollutedClueItem></PollutedClueItem> --> </div> </template> @@ -43,11 +44,14 @@ import RealTimeTrend from './component/RealTimeTrend.vue'; import DeviceChange from './component/DeviceChange.vue'; import SourceTrace from '@/views/sourcetrace/SourceTrace.vue'; +import UnderwayAdvice from '@/views/sourcetrace/UnderwayAdvice.vue'; +import PollutedClueItem from '@/views/sourcetrace/component/PollutedClueItem.vue'; import { realTimeMapAnimation } from '@/utils/map/animation'; import { fetchHistoryData, startLoopFetchRealTimeData, - clearFetchingTask + clearFetchingTask, + pauseTask } from '@/utils/factor/data'; import thirdPartyDataApi from '@/api/thirdPartyDataApi'; import websocket from '@/api/websocket'; @@ -59,7 +63,14 @@ // const mode = 'product'; export default { - components: { DashBoard, RealTimeTrend, DeviceChange, SourceTrace }, + components: { + DashBoard, + RealTimeTrend, + DeviceChange, + SourceTrace, + UnderwayAdvice, + PollutedClueItem + }, setup() { const { loading, fetchData } = useFetchData(10000); return { loading, fetchData }; @@ -74,7 +85,8 @@ // 鏂拌幏鍙栫殑鐩戞祴鏁版嵁 factorDatas: new FactorDatas(), // 鍏ㄩ儴鐩戞祴鏁版嵁 - allFactorDatas: new FactorDatas() + allFactorDatas: new FactorDatas(), + pause: false }; }, watch: { @@ -125,10 +137,18 @@ mode == 'debug' ? { deviceCode: this.deviceCode, - startTime: '2025-01-16 11:34:00', - endTime: '2025-01-16 11:35:00', + // startTime: '2025-01-16 11:34:00', + // endTime: '2025-01-16 11:35:00', + // startTime: '2025-01-20 12:40:00', + // startTime: '2024-12-27 08:30:00', + // startTime: '2024-12-13 16:35:00', + // startTime: '2024-11-27 11:50:41', // Pm, 涓窛绂诲伐鍦� + // startTime: '2024-08-30 15:28:00', // voc 杩戣窛绂绘苯淇� + startTime: '2024-07-23 15:21:30', + // startTime: '2024-07-23 14:39:00', + endTime: '2025-01-16 11:51:41', page, - perPage: 100 + perPage: 10 } : { deviceCode: this.deviceCode, @@ -143,6 +163,9 @@ }); }); }, + pauseTask() { + this.pause = pauseTask(); + }, clearFetchingTask() { clearFetchingTask(); }, -- Gitblit v1.9.3