<!--
  Description: 闸井监测-详情数据-监控数据
  Author: 李亚光
  Date: 2023-08-13
 -->
<script lang="ts" setup name="WellDetailMonitorData">
import type { TabsPaneContext } from 'element-plus'
import monitorDataList from './monitorDataList.vue'
const activeName = ref('燃气浓度')
const handleClick = (tab: TabsPaneContext, event: Event) => {
  console.log(tab, event)
}
</script>

<template>
  <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
    <el-tab-pane label="燃气浓度" name="燃气浓度">
      <monitor-data-list />
    </el-tab-pane>
    <el-tab-pane label="井下水位" name="井下水位">
      <monitor-data-list />
    </el-tab-pane>
    <el-tab-pane label="井盖" name="井盖">
      <monitor-data-list />
    </el-tab-pane>
  </el-tabs>
</template>