<template>
  <div class="app-container">
    <el-tabs v-model="activeName" class="demo-tabs">
      <el-tab-pane label="流量抽排量" name="first">
        <pumpingCapacity v-if="activeName == 'first'"></pumpingCapacity>
      </el-tab-pane>
      <el-tab-pane label="分析报表" name="second">
        <analysisReport v-if="activeName == 'second'"></analysisReport>
      </el-tab-pane>
      <el-tab-pane label="趋势分析-昼夜" name="third">
        <trendAnalysisNight v-if="activeName == 'third'"></trendAnalysisNight>
      </el-tab-pane>
      <el-tab-pane label="趋势分析-晴雨天" name="fourth">
        <trendAnalysisRain v-if="activeName == 'fourth'"></trendAnalysisRain>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup name="waterAnalysis">
import pumpingCapacity from './pumpingCapacity'; //流量抽排量
import analysisReport from './analysisReport'; //分析报表
import trendAnalysisNight from './trendAnalysisNight'; //趋势分析-昼夜
import trendAnalysisRain from './trendAnalysisRain'; //趋势分析-晴雨天
const { proxy } = getCurrentInstance();
const activeName = ref('first');

const data = reactive({});
</script>
<style lang="scss" scoped></style>