<!--
  Description: 闸井监测-详情数据
  Author: 李亚光
  Date: 2023-08-13
 -->
<script lang="ts" setup name="WellDetailData">
import type { TabsPaneContext } from 'element-plus'
import monitorData from './monitorData.vue'
import lifeCycleRecord from './lifeCycleRecord.vue'
import maintenanceRecord from './maintenanceRecord.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 v-if="activeName === '监控数据'" />
    </el-tab-pane>
    <el-tab-pane label="全生命周期记录" name="全生命周期记录">
      <life-cycle-record v-if="activeName === '全生命周期记录'" />
    </el-tab-pane>
    <el-tab-pane label="监控设备维护记录" name="监控设备维护记录">
      <maintenance-record v-if="activeName === '监控设备维护记录'" />
    </el-tab-pane>
  </el-tabs>
</template>