| | |
| | | </el-col> |
| | | <el-col span="1"> </el-col> |
| | | </el-row> |
| | | <DashBoard class="dash-board" :factor-datas="factorDatas"></DashBoard> |
| | | <!-- <DashBoard class="dash-board" :factor-datas="factorDatas"></DashBoard> --> |
| | | <RealTimeTrend |
| | | class="real-time-trend" |
| | | :factor-datas="factorDatas" |
| | |
| | | <SourceTrace |
| | | class="source-trace" |
| | | v-model:factorType="factorType" |
| | | :deviceCode="deviceCode" |
| | | ></SourceTrace> |
| | | <UnderwayAdvice></UnderwayAdvice> |
| | | <!-- <PollutedClueItem></PollutedClueItem> --> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | 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, |
| | |
| | | RealTimeTrend, |
| | | DeviceChange, |
| | | SourceTrace, |
| | | UnderwayAdvice |
| | | UnderwayAdvice, |
| | | PollutedClueItem |
| | | }, |
| | | setup() { |
| | | const { loading, fetchData } = useFetchData(10000); |
| | |
| | | deviceCode: this.deviceCode, |
| | | // startTime: '2025-01-16 11:34:00', |
| | | // endTime: '2025-01-16 11:35:00', |
| | | startTime: '2024-11-27 11:50:41', |
| | | // 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:27: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: 10 |
| | |
| | | <style scoped> |
| | | .dash-board { |
| | | position: absolute; |
| | | left: 0; |
| | | right: 0; |
| | | bottom: 0px; |
| | | } |
| | | .real-time-trend { |
| | |
| | | } |
| | | .source-trace { |
| | | position: absolute; |
| | | right: 0; |
| | | left: 0; |
| | | bottom: 0px; |
| | | } |
| | | </style> |