<template>
  <div class="app-container">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="监控项" name="first">
        <FirstMonitor></FirstMonitor>
      </el-tab-pane>
      <el-tab-pane label="自动发现项" name="second">
        <template v-if="activeName === 'second'">
          <SecondAutoFind></SecondAutoFind>
        </template>
      </el-tab-pane>
    </el-tabs>
    <div style="float: right;margin-top: 20px;">
      <el-button type="primary" @click="goBack">返回</el-button>
    </div>
  </div>
</template>

<script>
  import FirstMonitor from "./firstMonitor";
  import SecondAutoFind from "./secondAutoFind";
    export default {
      name: "MonitorChart",
      components: {FirstMonitor, SecondAutoFind},
      data() {
        return {
          activeName: 'first',
        }
      },
      methods: {
        handleClick(tab, event) {},
        goBack() {
          this.$router.push("/resource/switchRegister");
        }
      }
    }
</script>

<style scoped>

</style>
