| | |
| | | <div class="page"> |
| | | <div class="page-container"> |
| | | <div class="page-container-left"> |
| | | <LeftTree ref="leftTreeRef" @handleNodeClick="handleNodeClick" ParentModelCode="YSCJMX" /> |
| | | <LeftTree ref="leftTreeRef" @handleNodeClick="handleNodeClick" ParentModelCode="LBJT" /> |
| | | </div> |
| | | <div class="page-container-right"> |
| | | <div class="form-card"> |
| | |
| | | const energyTypeList = ref(undefined) |
| | | let energyRealTimeMonitorList = ref([]) |
| | | const loading = ref(false) |
| | | const tabIndex = ref(0) |
| | | const data = reactive({ |
| | | queryParams: { |
| | | nodeId: null, |
| | |
| | | query: { ...useRoute().query }, |
| | | }) |
| | | const { queryParams, query } = toRefs(data) |
| | | |
| | | const refresher = () => { |
| | | console.log("refresher") |
| | | listEnergyRealTimeMonitor( |
| | | proxy.addDateRange({ |
| | | ...queryParams.value, |
| | | ...query.value, |
| | | }) |
| | | ).then((res) => { |
| | | if (!!res.code && res.code == 200) { |
| | | res.data.map((item) => { |
| | | item.activeIndex = tabIndex.value |
| | | }) |
| | | energyRealTimeMonitorList.value = res.data |
| | | } |
| | | }) |
| | | } |
| | | |
| | | // 添加定时器 |
| | | let refreshTimer = null |
| | | |
| | | onMounted(() => { |
| | | refreshTimer = setInterval(() => { |
| | | refresher() |
| | | }, 30000) |
| | | }) |
| | | |
| | | onBeforeUnmount(() => { |
| | | if (refreshTimer) { |
| | | clearInterval(refreshTimer) |
| | | } |
| | | }) |
| | | |
| | | /** 节点单击事件 */ |
| | | function handleNodeClick(data) { |
| | | queryParams.value.nodeId = data.id |
| | |
| | | } |
| | | function handleClick(item, index) { |
| | | item.activeIndex = index |
| | | tabIndex.value = index |
| | | } |
| | | // 能源实时监控-能源实时监控-列表 |
| | | function getList() { |