| | |
| | | class="m-t-2" |
| | | :factor="factorDatas.factor[factorType]" |
| | | ></FactorLegend> |
| | | <!-- <SourceTrace></SourceTrace> --> |
| | | </el-row> |
| | | <DashBoard class="dash-board" :factor-datas="factorDatas"></DashBoard> |
| | | <RealTimeTrend |
| | |
| | | |
| | | <script> |
| | | import moment from 'moment'; |
| | | import mapUtil from '@/utils/map/util'; |
| | | import { useFetchData } from '@/composables/fetchData'; |
| | | import { TYPE0 } from '@/constant/device-type'; |
| | | import { radioOptions } from '@/constant/radio-options'; |
| | | import { defaultOptions } from '@/constant/radio-options'; |
| | | import { FactorDatas } from '@/model/FactorDatas'; |
| | | 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, |
| | |
| | | // const mapAnimation = new MapAnimation(); |
| | | |
| | | export default { |
| | | components: { DashBoard, RealTimeTrend, DeviceChange }, |
| | | components: { DashBoard, RealTimeTrend, DeviceChange, SourceTrace }, |
| | | setup() { |
| | | const { loading, fetchData } = useFetchData(10000); |
| | | return { loading, fetchData }; |
| | |
| | | deviceType: TYPE0, |
| | | deviceCode: '', |
| | | // 监测因子的类型编号 |
| | | factorType: radioOptions(TYPE0)[0].value, |
| | | factorType: defaultOptions(TYPE0).value, |
| | | // 新获取的监测数据 |
| | | factorDatas: new FactorDatas(), |
| | | // 全部监测数据 |
| | |
| | | unmounted() { |
| | | this.clearFetchingTask(); |
| | | realTimeMapAnimation.stop(); |
| | | mapUtil.clearMap(); |
| | | } |
| | | }; |
| | | </script> |