<template>
	<div class="content_box">
		<el-tabs v-model="activeName" @tab-click="handleClick">
			<el-tab-pane label="自然幢信息" name="zrzxx"><zrzxx></zrzxx></el-tab-pane>
			<el-tab-pane label="业主共有" name="yzgy"><yzgy></yzgy></el-tab-pane>
			<el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane>
			<el-tab-pane label="楼盘表" name="lpb"><lpb></lpb></el-tab-pane>
			<el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane>
		</el-tabs>
	</div>
</template>

<script>
import zrzxx from "./zrzxx";
import yzgy from "./yzgy";
import djb from "./djb";
import lpb from "./lpb";
import lshs from "./lshs";
export default {
	name: "",
	components: {
        zrzxx,yzgy,djb,lpb,lshs
    },
	props: {},
	data() {
		return {
			activeName: "zrzxx",
		};
	},
	methods: {
		handleClick(tab, event) {
			console.log(tab, event);
		},
	},
	created() {},
	mounted() {},
	computed: {},
	watch: {},
};
</script>
<style scoped lang="less">
.content_box{
	.el-tabs{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	/deep/.el-tabs__content{
		width: 100%;
		height: 100%;
		flex:1;
	}
	.el-tab-pane{
		width: 100%;
		height: 100%;
	}
}
</style>