baoshiwei
2025-05-06 8dd7af51db4cf768fbf92002b5b62f7fb9d1c929
zhitan-vue/src/views/realtimemonitor/realtimemonitor/realtimemonitor.vue
@@ -2,7 +2,7 @@
  <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">
@@ -128,6 +128,7 @@
const energyTypeList = ref(undefined)
let energyRealTimeMonitorList = ref([])
const loading = ref(false)
const tabIndex = ref(0)
const data = reactive({
  queryParams: {
    nodeId: null,
@@ -137,6 +138,39 @@
  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
@@ -149,6 +183,7 @@
}
function handleClick(item, index) {
  item.activeIndex = index
  tabIndex.value = index
}
// 能源实时监控-能源实时监控-列表
function getList() {