|
@@ -5,10 +5,11 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script lang="ts" setup>
|
|
|
-import { ref, onMounted, computed } from 'vue';
|
|
|
+import { ref, onMounted, onUnmounted, computed } from 'vue';
|
|
|
import { systemData, boilerData } from './components';
|
|
|
const activeValue = ref('system');
|
|
|
const componentRef = ref(null);
|
|
|
+const timer = ref(null);
|
|
|
const tabList = ref([
|
|
|
{
|
|
|
label: '系统数据',
|
|
@@ -21,7 +22,15 @@ const tabList = ref([
|
|
|
]);
|
|
|
onMounted(() => {
|
|
|
setTimeout(() => {
|
|
|
- componentRef.value.init();
|
|
|
+ if (activeValue.value === 'system') {
|
|
|
+ componentRef.value.init();
|
|
|
+ timer.value = setInterval(() => {
|
|
|
+ //定时刷新
|
|
|
+ componentRef.value.init();
|
|
|
+ }, 30000);
|
|
|
+ } else {
|
|
|
+ componentRef.value.init();
|
|
|
+ }
|
|
|
}, 500);
|
|
|
});
|
|
|
const dynamicComponent = computed(() => {
|
|
@@ -37,6 +46,10 @@ const handleTabChange = (val) => {
|
|
|
componentRef.value.init();
|
|
|
}, 500);
|
|
|
};
|
|
|
+onUnmounted(() => {
|
|
|
+ clearInterval(timer.value);
|
|
|
+ timer.value = null;
|
|
|
+});
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
.runData {
|