30s刷新一次，离开 tab 页关闭刷新

wujingjing

2024-07-08 61ceb613399ee6ee7f99363c742cf68e8d79d1b2

30s刷新一次，离开 tab 页关闭刷新

 src/views/project/ch/efficiencyAnalysis/dispatchHydradulicModel/DispatchHydradulicModel.vue

@@ -139,7 +139,7 @@
import { ScaleToOriginal } from '@element-plus/icons-vue';
import { ElLoadingService, type FormInstance, type FormRules } from 'element-plus';
import { debounce } from 'lodash';
import { onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue';
import { onActivated, onBeforeUnmount, onDeactivated, onMounted, reactive, ref, watch } from 'vue';
import { REFRESH_INTERVAL } from './model/constants';
import { ModelGraph, type ScheduleValidationParams } from './model/graph';
import { HIGH_LIGHT_LINE_COLOR, LINE_COLOR } from './model/shape/common/baseConfig';
@@ -362,8 +362,19 @@
    // modelGraph.openDevTools();

    refreshTimer = setInterval(getScadaList, REFRESH_INTERVAL);
    isFirstTrigger = true;
});

let isFirstTrigger = false;
onActivated(()=>{
    if(!isFirstTrigger)return;
    refreshTimer = setInterval(getScadaList, REFRESH_INTERVAL);


});
onDeactivated(()=>{
    clearInterval(refreshTimer);
})
onBeforeUnmount(() => {
    clearInterval(refreshTimer);
});