<template>
  <div class="main">
    <div class="main-content">
      <a-tabs v-model:activeKey="dataCenter.activeKey">
        <a-tab-pane key="1" tab="一般气象站">
          <sameAs />
        </a-tab-pane>
        <a-tab-pane key="2" tab="标准气象站" force-render>
          <standard />
        </a-tab-pane>
        <a-tab-pane key="3" tab="碳水通量站">
          <carbonWater />
        </a-tab-pane>
      </a-tabs>
    </div>
  </div>
</template>
<script lang="ts" setup>
  import { defineComponent, ref, watch, onMounted, reactive } from 'vue';
  // 引入一般气象站组件
  import sameAs from './components/sameAs.vue';
  // 引入标砖气象站组件
  import standard from './components/standard.vue';
  import carbonWater from './components/carbonWater.vue';
  let dataCenter = reactive({
    activeKey: '1',
  });
  onMounted(() => {});
</script>

<style lang="scss" scoped>
  .main-content {
    background-color: #fff;
    padding: 10px;
  }
</style>
