<!--
  Description: 闸井监测-详情数据
  Author: 李亚光
  Date: 2023-08-13
 -->
<script lang="ts" setup name="WellDetailData">
import type { TabsPaneContext } from 'element-plus'
import dataSearch from './dataSearch.vue'
import statusReport from './statusReport.vue'
import alarmRecord from './alarmRecord.vue'
import operationRecord from './operationRecord.vue'
import controlRecord from './controlRecord.vue'
import electricityAnalyse from './electricityAnalyse.vue'
import offlineAnalyse from './offlineAnalyse.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="数据查询">
      <data-search v-if="activeName === '数据查询'" />
    </el-tab-pane>
    <!-- <el-tab-pane label="状态上报" name="状态上报">
      <status-report v-if="activeName === '状态上报'" />
    </el-tab-pane> -->
    <el-tab-pane label="报警记录" name="报警记录">
      <alarm-record v-if="activeName === '报警记录'" />
    </el-tab-pane>
    <!-- <el-tab-pane label="运维记录" name="运维记录">
      <operation-record v-if="activeName === '运维记录'" />
    </el-tab-pane> -->
    <el-tab-pane label="控制记录" name="控制记录">
      <control-record v-if="activeName === '控制记录'" />
    </el-tab-pane>
    <el-tab-pane label="耗电分析" name="耗电分析">
      <electricity-analyse v-if="activeName === '耗电分析'" />
    </el-tab-pane>
    <!-- <el-tab-pane label="离线分析" name="离线分析">
      <offline-analyse v-if="activeName === '离线分析'" />
    </el-tab-pane> -->
  </el-tabs>
</template>