动态溯源（待完成）

Riku

2025-06-04 d0f07e25103d7c7845c3b9534e8c66b5905447c0

 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>