新增折线图模块功能

riku

2024-05-06 1534aee0339dee8000cdd26c21797cf3ad391f7a

 src/views/historymode/HistoryMode.vue

@@ -1,12 +1,21 @@
<template>
  <div class="fy-container">
  <div class="p-events-none m-t-2">
    <el-row justify="center">
      <SearchBar search-time="" @search="fetchHistroyData"></SearchBar>
    </el-row>
    <FactorRadio
      :device-type="deviceType"
      @change="(e) => (factorType = e)"
    ></FactorRadio>
    <el-row class="m-t-2">
      <FactorRadio
        :device-type="deviceType"
        @change="(e) => (factorType = e)"
      ></FactorRadio>
    </el-row>
    <el-row class="m-t-2">
      <FactorLegend
        class="m-t-2"
        :factor="factorDatas.factor[factorType]"
      ></FactorLegend>
    </el-row>
    <TrendAnalysis :factor-datas="factorDatas"></TrendAnalysis>
  </div>
</template>

@@ -18,8 +27,10 @@
import moment from 'moment';
import { TYPE0 } from '@/constant/device-type';
import { FactorDatas } from '@/model/FactorDatas';
import TrendAnalysis from './component/TrendAnalysis.vue';

export default {
  components: { TrendAnalysis },
  setup() {
    const { loading, fetchData } = useFetchData(10000);
    return { loading, fetchData };
@@ -60,7 +71,7 @@
      //   this.factorMode = factorMode;
      // this.factorType = factorType;
      // this.factorName = factorName;
      // this.factorDatas.refreshHeight(this.factorType + 1 + '');
      this.factorDatas.refreshHeight(this.factorType);
      // this.refreshLegend(this.factorDatas);
      // this.mapMaker.setFactorType(factorType);
      // if (!this.mapMaker.runStatus()) {
@@ -108,7 +119,7 @@
    },
    fetchRealTimeData() {
      // fixme 2024.5.3 此处初始获取的数据，参数应该由searchbar决定，后续修改
      this.fetchData((page, pageSize) => {
      this.fetchData((page) => {
        return monitorDataApi
          .fetchHistroyData({
            deviceCode: '0a0000000001',
@@ -133,6 +144,8 @@
};
</script>
<style scoped>
.fy-container {
.p-events-auto {
  /* background-color: antiquewhite; */
  /* padding-top: 1px; */
}
</style>