新增搜索框

riku

2024-04-30 add483d13841cf472a9adb5c0cc72454f501fb7c

 src/views/historymode/HistoryMode.vue

@@ -1,9 +1,65 @@
<template>
  <div>HomePage</div>
  <div class="fy-container">
    <FactorRadio @change="(e) => (factorType = e)"></FactorRadio>
    <SearchBar></SearchBar>
  </div>
</template>

<script>
import Layer from '@/utils/map/3dLayer';
import marks from '@/utils/map/marks';

export default {
  name: 'HistoryPage',
  data() {
    return {
      factorType: '',
      factorDatas: [],
      merge: false,
      setCenter: true
    };
  },
  watch: {
    factorType(nValue, oValue) {
      if (nValue != oValue) {
        this.draw();
      }
    }
  },
  methods: {
    draw() {
      const factor = this.factorDatas.factor[this.factorType];
      this.drawRoadMap(factor);
      this.drawMassMarks(factor);
    },
    // 绘制3D走行路线图
    drawRoadMap(e) {
      //   this.factorMode = factorMode;
      // this.factorType = factorType;
      // this.factorName = factorName;
      // this.factorDatas.refreshHeight(this.factorType + 1 + '');
      // this.refreshLegend(this.factorDatas);
      // this.mapMaker.setFactorType(factorType);
      // if (!this.mapMaker.runStatus()) {

      Layer.drawRoadMap(this.factorDatas, e, this.merge, this.setCenter);
      // }
    },
    drawMassMarks(e) {
      marks.drawMassMarks(this.factorDatas, e, () => {
        // 查询范围内的监测站点
        // SceneUtil.searchByCoordinate(lnglat[0], lnglat[1], distance);
        // 3. 趋势图跳转定位
        // const progress = FChart.locate(lineChart.chart, lineChart.option, i, _factor.factorName);
        // 4. 表格数据跳转定位
        // Table.locate(i);
      });
    }
  }
};
</script>
<style scoped>
.fy-container {
  background-color: antiquewhite;
}
</style>