From d0f07e25103d7c7845c3b9534e8c66b5905447c0 Mon Sep 17 00:00:00 2001
From: Riku <risaku@163.com>
Date: 星期三, 04 六月 2025 23:27:55 +0800
Subject: [PATCH] 动态溯源（待完成）
---
src/views/realtimemode/RealtimeMode.vue | 19 ++++++++++++++-----
1 files changed, 14 insertions(+), 5 deletions(-)
diff --git a/src/views/realtimemode/RealtimeMode.vue b/src/views/realtimemode/RealtimeMode.vue
index 6d82f64..7ebb66b 100644
--- a/src/views/realtimemode/RealtimeMode.vue
+++ b/src/views/realtimemode/RealtimeMode.vue
@@ -17,9 +17,7 @@
<el-col span="1">
<FactorLegend :factor="factorDatas.factor[factorType]"></FactorLegend>
</el-col>
- <el-col span="1">
- <SourceTrace v-model:factorType="factorType"></SourceTrace>
- </el-col>
+ <el-col span="1"> </el-col>
</el-row>
<DashBoard class="dash-board" :factor-datas="factorDatas"></DashBoard>
<RealTimeTrend
@@ -27,6 +25,11 @@
:factor-datas="factorDatas"
:device-type="deviceType"
></RealTimeTrend>
+ <SourceTrace
+ class="source-trace"
+ v-model:factorType="factorType"
+ ></SourceTrace>
+ <UnderwayAdvice></UnderwayAdvice>
</div>
</template>
@@ -41,6 +44,7 @@
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 { realTimeMapAnimation } from '@/utils/map/animation';
import {
fetchHistoryData,
@@ -57,7 +61,7 @@
// const mode = 'product';
export default {
- components: { DashBoard, RealTimeTrend, DeviceChange, SourceTrace },
+ components: { DashBoard, RealTimeTrend, DeviceChange, SourceTrace, UnderwayAdvice },
setup() {
const { loading, fetchData } = useFetchData(10000);
return { loading, fetchData };
@@ -195,11 +199,16 @@
.dash-board {
position: absolute;
left: 0;
- bottom: 2px;
+ bottom: 0px;
}
.real-time-trend {
position: absolute;
right: 0;
top: 0;
}
+.source-trace {
+ position: absolute;
+ right: 0;
+ bottom: 0px;
+}
</style>
--
Gitblit v1.9.3