<template>
  <div class="conventionalHydropower-page">
    <a-tabs v-model:activeKey="activeTab" class="conventionalHydropower-tabs">
      <a-tab-pane tab="电站信息" key="BasicData">
        <BasicData />
      </a-tab-pane>
      <a-tab-pane tab="鱼类资源" key="FishResource">
        <FishResource />
      </a-tab-pane>
      <a-tab-pane tab="批复文件" key="Approval">
        <Approval />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script setup lang="ts">
import BasicData from './components/conventionalHydropower/BasicData/index.vue';
import FishResource from './components/conventionalHydropower/FishResource/index.vue';
import Approval from './components/conventionalHydropower/Approval/index.vue';
import { ref } from 'vue';
const activeTab = ref('BasicData');
</script>

<style scoped lang="scss">
.conventionalHydropower-page {
  position: relative;
  z-index: 900;
  pointer-events: all;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  box-sizing: border-box;
  overflow: hidden;
}
.conventionalHydropower-tabs {
  padding-left: 20px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  :deep(.ant-tabs-content) {
    height: 100%;
  }
}
</style>
