<template>
  <div>
    <el-tabs v-model="activeTab" type="card">
      <el-tab-pane label="实时监控" name="1">

      </el-tab-pane>
      <el-tab-pane label="生产统计" name="2">

      </el-tab-pane>
      <el-tab-pane label="停机统计" name="3">

      </el-tab-pane>
      <!-- <el-tab-pane label="班组绩效" name="4">

      </el-tab-pane> -->
    </el-tabs>

    <div>
      <div v-if="activeTab === '1'">
        <realTimeMonitor></realTimeMonitor>
      </div>
      <div v-if="activeTab === '2'">
        <productStatistic></productStatistic>
      </div>
      <div v-if="activeTab === '3'">
        <shutdownStatistic></shutdownStatistic>
      </div>
      <!-- <div v-if="activeTab === '4'">
        <TeamPerformance></TeamPerformance>
      </div> -->
    </div>
  </div>
</template>

<script>
// import TeamPerformance from './components/team-performance.vue'
import ShutdownStatistic from './components/shutdown-statistic.vue';
import ProductStatistic from './components/product-statistic.vue';
import RealTimeMonitor from './components/real-time-monitoring.vue';

export default {
  data() {
    return {
      activeTab: '1'
    }
  },
  components: {
    // TeamPerformance,
    ShutdownStatistic,
    ProductStatistic,
    RealTimeMonitor
  }
}
</script>

<style></style>