1. 优化3D动画中风向的变化逻辑； 2. 修复折线图切换因子时，数据直接跳转至起始处的问题； 3. 折线图和表格加回风向因子； 4. 优化风向的均值...

riku

2024-08-30 c40500d288339cd9b2200f8f909e3cd5471c0c22

 src/utils/map/dialog.js

@@ -3,6 +3,7 @@
import { factorUnit } from '@/constant/factor-unit';
import { windDir } from '@/constant/wind-dir';
import { map } from './index_old';
import { checkboxOptions } from '@/constant/checkbox-options';

export const DialogUtil = {
  show: true,
@@ -21,8 +22,10 @@
   * @param {*} onClose 关闭弹出框回调
   * @returns
   */
  createInfoWindow(factorDatas, i, onClose) {
  createInfoWindow(deviceType, deviceCode, factorDatas, i, onClose) {
    let m = {
      deviceType: deviceType,
      deviceCode: deviceCode,
      data: factorDatas,
      index: i,
      window: '',
@@ -33,27 +36,12 @@
      isCustom: true, //使用自定义窗体
      content: this.createWindowContent(m),
      // eslint-disable-next-line no-undef
      offset: new AMap.Pixel(16, -45)
      offset: new AMap.Pixel(16, -45),
      autoMove: false
    });
    return m.window;
  },

  createInfoWindow2(factorData, onClose) {
    let m = {
      time: factorData.time,
      factorList: factorData.values,
      window: '',
      close: onClose
    };
    // eslint-disable-next-line no-undef
    m.window = new AMap.InfoWindow({
      isCustom: true, //使用自定义窗体
      content: this.createWindowContent2(m),
      // eslint-disable-next-line no-undef
      offset: new AMap.Pixel(16, -45)
    });
    return m.window;
  },
  /**
   * 站点标记信息窗体
   */
@@ -72,12 +60,13 @@
  },

  createWindowContent2(marker) {
    const factorTypes = checkboxOptions(marker.deviceType);
    const time = marker.time;
    const factorList = marker.factorList;
    //实例化信息窗体
    // var title = '<div>' + site.name + '</div>' + '<div class="sub-title">编号:' + site.code + '</div>',
    var title = '',
      content = '',
    // var title = '<div class="time">编号:' + marker.deviceCode + '</div>';
    var title = '编号:' + marker.deviceCode;
    var content = '',
      tag = '';

    tag += "<div class='time'>" + '时间: ' + time;
@@ -87,14 +76,17 @@
    var _contents = new Map();
    factorList.forEach((f) => {
      // 删选不显示的因子
      if (
        f.factorName == 'NOI' ||
        f.factorName == 'LNG' ||
        f.factorName == 'LAT' ||
        f.factorName == 'VELOCITY' ||
        f.factorName == 'TIME' ||
        f.factorName == 'HEIGHT'
      ) {
      // if (
      //   f.factorName == 'NOI' ||
      //   f.factorName == 'LNG' ||
      //   f.factorName == 'LAT' ||
      //   f.factorName == 'VELOCITY' ||
      //   f.factorName == 'TIME' ||
      //   f.factorName == 'HEIGHT'
      // ) {
      //   return;
      // }
      if (!factorTypes.find((v) => v.name == f.factorName)) {
        return;
      }

@@ -104,7 +96,7 @@
        n = 0;
      }
      var v = f.factorData.toFixed(n);
      var unit = factorUnit[f.factorName];
      var unit = factorUnit[f.factorName].unit;
      if (f.factorName == 'CO') {
        unit = 'μg/m³';
      }
@@ -126,6 +118,7 @@
    var orderList = [
      'VOC',
      'H2S',
      'NO',
      'NO2',
      'CO',
      'SO2',
@@ -138,7 +131,10 @@
      'WIND_DIRECTION'
    ];
    orderList.forEach((e) => {
      content += _contents.get(e);
      const c = _contents.get(e);
      if (c != undefined) {
        content += c;
      }
    });

    // content +=
@@ -161,11 +157,12 @@
    var top_t = document.createElement('div');
    top_t.className = 'ff-border-top';
    var top_c = document.createElement('div');
    top_c.className = 'ff-border-content flexbox flex-space-between';
    top_c.className = 'text-clz ff-border-content flexbox flex-space-between';

    var titleD = document.createElement('div');
    var closeX = document.createElement('i');
    titleD.innerHTML = title;
    var closeX = document.createElement('div');
    $(titleD).text(title);
    // titleD.className = 'time';
    closeX.className = 'text-close';
    $(closeX).attr('aria-hidden', 'true');
    $(closeX).text('X');
@@ -246,15 +243,15 @@
    return info;
  },

  openNewWindow(factorDatas, i, onClose) {
  openNewWindow(deviceType, deviceCode, factorDatas, i, onClose) {
    if (!this.show) return;
    const window = this.createInfoWindow(factorDatas, i, onClose);
    const window = this.createInfoWindow(
      deviceType,
      deviceCode,
      factorDatas,
      i,
      onClose
    );
    window.open(map, factorDatas.lnglats_GD[i]);
  },

  openNewWindow2(factorData, position, onClose) {
    if (!this.show) return;
    const window = this.createInfoWindow2(factorData, onClose);
    window.open(map, position);
  }
};