45 lines
1.2 KiB
Vue
45 lines
1.2 KiB
Vue
<template>
|
|
<div class="conventionalHydropower-page">
|
|
<!-- 1. 排序 -->
|
|
<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>
|