<!--
  Description: 管线监测-详情数据
  Author: 李亚光
  Date: 2023-09-09
 -->
<script lang="ts" setup name="WellDetailData">
import type { TabsPaneContext } from 'element-plus'
import monitorData from './monitorDataList.vue'
import maintenanceRecord from '@/views/home/well/components/maintenanceRecord.vue'
const { proxy } = getCurrentInstance() as any
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="监控设备维护记录">
      <maintenance-record v-if="activeName === '监控设备维护记录'" />
    </el-tab-pane>
  </el-tabs>
</template>