index.html

@@ -12,7 +12,7 @@
      type="text/javascript"
      src="https://webapi.amap.com/maps?v=1.4.5&key=c55f27799afbfa69dc5a3fad90cafe51&plugin=Map3D,ElasticMarker,AMap.ControlBar,AMap.Geocoder"
    ></script>
    <script src="/src/lib/jquery-3.5.1.min.js"></script>
    <!-- <script src="/src/lib/jquery-3.5.1.min.js"></script> -->
    <script type="module" src="/src/main.js"></script>
  </body>
</html>

 package-lock.json

@@ -19,6 +19,7 @@
        "axios": "^1.6.8",
        "echarts": "^5.5.0",
        "element-plus": "^2.6.2",
        "jquery": "^3.7.1",
        "moment": "^2.30.1",
        "pinia": "^2.1.7",
        "unplugin-vue-components": "^0.26.0",
@@ -2653,6 +2654,11 @@
      "optionalDependencies": {
        "@pkgjs/parseargs": "^0.11.0"
      }
    },
    "node_modules/jquery": {
      "version": "3.7.1",
      "resolved": "https://registry.npmmirror.com/jquery/-/jquery-3.7.1.tgz",
      "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg=="
    },
    "node_modules/js-beautify": {
      "version": "1.15.1",
@@ -6334,6 +6340,11 @@
        "@pkgjs/parseargs": "^0.11.0"
      }
    },
    "jquery": {
      "version": "3.7.1",
      "resolved": "https://registry.npmmirror.com/jquery/-/jquery-3.7.1.tgz",
      "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg=="
    },
    "js-beautify": {
      "version": "1.15.1",
      "resolved": "https://registry.npmmirror.com/js-beautify/-/js-beautify-1.15.1.tgz",

 package.json

@@ -23,6 +23,7 @@
    "axios": "^1.6.8",
    "echarts": "^5.5.0",
    "element-plus": "^2.6.2",
    "jquery": "^3.7.1",
    "moment": "^2.30.1",
    "pinia": "^2.1.7",
    "unplugin-vue-components": "^0.26.0",

 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/router/index.js

@@ -1,7 +1,8 @@
import { createRouter, createWebHistory } from 'vue-router';
import { createRouter, createWebHashHistory } from 'vue-router';

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  // history: createWebHistory(import.meta.env.BASE_URL),
  history: createWebHashHistory(),
  routes: [
    {
      path: '/',

 src/utils/map/dialog.js

@@ -1,3 +1,4 @@
import $ from 'jquery';
import { factorName } from '@/constant/factor-name';
import { factorUnit } from '@/constant/factor-unit';
import { windDir } from '@/constant/wind-dir';
@@ -165,9 +166,9 @@
    var titleD = document.createElement('div');
    var closeX = document.createElement('i');
    titleD.innerHTML = title;
    closeX.className = 'fa fa-times';
    // eslint-disable-next-line no-undef
    closeX.className = 'text-close';
    $(closeX).attr('aria-hidden', 'true');
    $(closeX).text('X');
    closeX.onclick = function () {
      marker.close();
      marker.window.close();
@@ -187,11 +188,8 @@
    refreshV.className = 'refresh-btn';
    var refresh = document.createElement('i');
    refresh.className = 'fa fa-refresh';
    // eslint-disable-next-line no-undef
    $(refresh).attr('aria-hidden', 'true');
    // eslint-disable-next-line no-undef
    $(refresh).css('color', '#ffffffc0');
    // eslint-disable-next-line no-undef
    $(refresh).css('cursor', 'pointer');
    refresh.onclick = function () {
      //   $(this).addClass('fa-spin')

 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) {