<!--
  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 { proxy } = getCurrentInstance() as any
const activeName = ref('监控数据')
const handleClick = (tab: TabsPaneContext, event: Event) => {
  // console.log(tab, event)
}
defineExpose({
  activeName,
})
</script>

<template>
  <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
    <el-tab-pane label="监控数据" name="监控数据">
      <monitor-data />
    </el-tab-pane>
    <el-tab-pane label="全生命周期记录" name="全生命周期记录">
      <life-cycle-record />
    </el-tab-pane>
    <el-tab-pane v-if="proxy.hasPerm('/well/monitor/maintenance')" label="监控设备维护记录" name="监控设备维护记录">
      <maintenance-record />
    </el-tab-pane>
  </el-tabs>
</template>