1.修复点击折线图后高亮定位点错误问题； 2.新增“分析”按钮点击加载动画

riku

2024-05-14 8d7f9672e81f2c7e93e4a960359c8395eda9fb22

1.修复点击折线图后高亮定位点错误问题；
2.新增“分析”按钮点击加载动画

 src/assets/common-style.css

@@ -521,4 +521,10 @@

.form-check-label {
  white-space: nowrap;
}

.text-close {
  color: var(--font-color);
  font-size: 16px;
  padding: 0px 4px;
}

 src/components/chart/ProgressLineChart.vue

@@ -40,7 +40,9 @@
      allSeries: [],
      option: null,
      pageSize: 200,
      progress: 0
      progress: 0,
      // 对应progress进度下，所展示数据的起始索引
      sIndex: 0
    };
  },
  emits: ['chartClick'],
@@ -155,8 +157,9 @@
      len = len < 0 ? 0 : len;
      const sIndex = Math.round((len * this.progress) / 100);
      const eIndex = sIndex + this.pageSize;
      const startPer = (sIndex / this.allXAxis.length) * 100;
      const startPer = (this.sIndex / this.allXAxis.length) * 100;
      const endPer = (eIndex / this.allXAxis.length) * 100;
      this.sIndex = sIndex;
      return { sIndex, eIndex, startPer, endPer };
    }
  },
@@ -166,7 +169,8 @@
  mounted() {
    this.lineChart = echarts.init(this.$refs.lineChart);
    this.lineChart.on('click', (e) => {
      this.$emit('chartClick', e.dataIndex);
      console.log(e);
      this.$emit('chartClick', this.sIndex + e.dataIndex);
    });
  }
};

 src/components/monitor/DataTable.vue

@@ -5,7 +5,7 @@
        ref="tableRef"
        :data="showData"
        v-loading="loading"
        table-layout="auto"
        table-layout="fixed"
        height="calc(94vh - var(--bevel-length-2))"
        size="small"
        :show-overflow-tooltip="true"

 src/components/search/SearchBar.vue

@@ -9,7 +9,12 @@
          v-model="formSearch.deviceCode"
        ></OptionDevice>
        <OptionTime v-model="formSearch.timeArray"></OptionTime>
        <el-button type="primary" class="el-button-custom" @click="handleClick">
        <el-button
          :loading="loading"
          type="primary"
          class="el-button-custom"
          @click="handleClick"
        >
          分析
        </el-button>
      </el-form>
@@ -21,6 +26,7 @@
// 搜索框
export default {
  props: {
    loading: Boolean,
    searchTime: Array
  },
  data() {

 src/utils/map/dialog.js

@@ -166,8 +166,9 @@
    var titleD = document.createElement('div');
    var closeX = document.createElement('i');
    titleD.innerHTML = title;
    closeX.className = 'fa fa-times';
    closeX.className = 'text-close';
    $(closeX).attr('aria-hidden', 'true');
    $(closeX).text('X');
    closeX.onclick = function () {
      marker.close();
      marker.window.close();

 src/views/historymode/HistoryMode.vue

@@ -4,6 +4,7 @@
      <SearchBar
        v-show="status == 0"
        :search-time="searchTime"
        :loading="loading"
        @search="fetchHistroyData"
      ></SearchBar>
      <TrajectoryState v-show="status != 0" :status="status"></TrajectoryState>
@@ -125,7 +126,7 @@
      // 2. 绘制对话框
      DialogUtil.openNewWindow(this.factorDatas, index, () => {
        // 移除扇形区域
        // clearSector3();
        sector.clearSector();
      });
    },
    onFetchData(type, data) {