<!-- 供暖监测 -->
<script lang="ts" setup name="useheat">
import page from './page.vue'
import tab from '@/views/data/collect/tab.vue'
const tablistData = ref([
  {
    id: '1',
    title: '供暖监测',
  },
  {
    id: '2',
    title: '热水监测',
  },
])
const select = ref('')
const confirm = (selectp: string) => {
  select.value = selectp
}
</script>

<template>
  <div>
    <!-- tab切换 -->
    <tab :tablist-data="tablistData" @confirm="confirm" />
    <page :type="select"/>
  </div>
</template>

<style lang="scss" scoped>
.normal-input {
  width: 130px !important;
}

.normal-date {
  width: 130px !important;
}

.normal-select {
  width: 130px !important;
}

:deep(.el-table__header) {
  background-color: #bbb;
}
</style>