完成折线图相关功能的迁移

riku

2024-05-07 c4e9d054916c3f085329a67c7664b4c54f9137f9

 src/views/historymode/HistoryMode.vue

@@ -1,7 +1,10 @@
<template>
  <div class="p-events-none m-t-2">
    <el-row justify="center">
      <SearchBar search-time="" @search="fetchHistroyData"></SearchBar>
      <SearchBar
        :search-time="searchTime"
        @search="fetchHistroyData"
      ></SearchBar>
    </el-row>
    <el-row class="m-t-2">
      <FactorRadio
@@ -15,7 +18,10 @@
        :factor="factorDatas.factor[factorType]"
      ></FactorLegend>
    </el-row>
    <TrendAnalysis :factor-datas="factorDatas"></TrendAnalysis>
    <TrendAnalysis
      class="trend-analysis"
      :factor-datas="factorDatas"
    ></TrendAnalysis>
  </div>
</template>

@@ -72,7 +78,6 @@
      // this.factorType = factorType;
      // this.factorName = factorName;
      this.factorDatas.refreshHeight(this.factorType);
      // this.refreshLegend(this.factorDatas);
      // this.mapMaker.setFactorType(factorType);
      // if (!this.mapMaker.runStatus()) {

@@ -110,7 +115,6 @@
            deviceCode,
            startTime,
            endTime,
            type,
            page,
            perPage: pageSize
          })
@@ -129,8 +133,10 @@
          })
          .then((res) => {
            if (res.data.length > 0) {
              const s = new Date(res.data[0].time);
              const e = new Date(res.data[res.data.length - 1].time);
              const s = new Date(res.data[0].time.replace(' ', 'T'));
              const e = new Date(
                res.data[res.data.length - 1].time.replace(' ', 'T')
              );
              this.searchTime = [s, e];
            }
            this.onFetchData(TYPE0, res.data);
@@ -144,8 +150,9 @@
};
</script>
<style scoped>
.p-events-auto {
  /* background-color: antiquewhite; */
  /* padding-top: 1px; */
.trend-analysis {
  position: absolute;
  left: 0;
  bottom: 2px;
}
</style>