| | |
|---|
| | | <FactorLegend |
|---|
| | | class="m-t-2" |
|---|
| | | :factor="factorDatas.factor[factorType]" |
|---|
| | | @change="handleLegendTypeChange" |
|---|
| | | ></FactorLegend> |
|---|
| | | </el-row> |
|---|
| | | <el-row class="historical" justify="center"> |
|---|
| | |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import Layer from '@/utils/map/3dLayer'; |
|---|
| | | import mapLine from '@/utils/map/line'; |
|---|
| | | import marks from '@/utils/map/marks'; |
|---|
| | | import sector from '@/utils/map/sector'; |
|---|
| | | import mapUtil from '@/utils/map/util'; |
|---|
| | |
|---|
| | | import { useFetchData } from '@/composables/fetchData'; |
|---|
| | | import moment from 'moment'; |
|---|
| | | import { TYPE0 } from '@/constant/device-type'; |
|---|
| | | import { radioOptions } from '@/constant/radio-options'; |
|---|
| | | import { defaultOptions } from '@/constant/radio-options'; |
|---|
| | | import { FactorDatas } from '@/model/FactorDatas'; |
|---|
| | | import TrendAnalysis from './component/TrendAnalysis.vue'; |
|---|
| | | import DataSheet from './component/DataSheet.vue'; |
|---|
| | |
|---|
| | | // 监测设备编号 |
|---|
| | | deviceCode: '', |
|---|
| | | // 监测因子的类型编号 |
|---|
| | | factorType: radioOptions(TYPE0)[0].value, |
|---|
| | | factorType: defaultOptions(TYPE0), |
|---|
| | | // 监测数据 |
|---|
| | | factorDatas: new FactorDatas(), |
|---|
| | | // 决定绘制3D图形时是否与原图像合并 |
|---|
| | |
|---|
| | | this.sceneStore.searchScene(lng, lat); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | handleLegendTypeChange(value, done) { |
|---|
| | | if (value) { |
|---|
| | | this.factorDatas.resetRange(); |
|---|
| | | } else { |
|---|
| | | this.factorDatas.standardRange(); |
|---|
| | | } |
|---|
| | | done(); |
|---|
| | | this.draw(); |
|---|
| | | }, |
|---|
| | | draw() { |
|---|
| | | // 刷新图例 |
|---|
| | | const factor = this.factorDatas.factor[this.factorType]; |
|---|
| | | sector.clearSector(); |
|---|
| | | this.drawRoadMap(factor); |
|---|
| | | this.drawRoadLine(factor); |
|---|
| | | // this.drawRoadMap(factor); |
|---|
| | | this.drawMassMarks(factor); |
|---|
| | | }, |
|---|
| | | // 绘制3D走行路线图 |
|---|
| | | drawRoadMap(e) { |
|---|
| | | this.factorDatas.refreshHeight(this.factorType); |
|---|
| | | |
|---|
| | | Layer.drawRoadMap(this.factorDatas, e, this.merge, this.setCenter); |
|---|
| | | // } |
|---|
| | | }, |
|---|
| | | drawRoadLine(e) { |
|---|
| | | this.factorDatas.refreshHeight(this.factorType); |
|---|
| | | mapLine.drawLine(this.factorDatas, e); |
|---|
| | | }, |
|---|
| | | drawMassMarks(e) { |
|---|
| | | marks.drawMassMarks(this.factorDatas, e, (index) => { |
|---|
