44 lines
1.1 KiB
Vue
44 lines
1.1 KiB
Vue
<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/BasicData/index.vue";
|
|
import FishResource from "./components/FishResource/index.vue";
|
|
import Approval from "./components/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>
|