<template>
	<div class="content_box">
		<el-tabs v-model="activeName" class="tabs" @tab-click="handleClick">
			<el-tab-pane label="分割" name="fg"><fg></fg></el-tab-pane>
			<el-tab-pane label="合并" name="hb"><hb></hb></el-tab-pane>
			<el-tab-pane label="范围属性变更" name="fwsxbg"><fwsxbg></fwsxbg></el-tab-pane>
			<el-tab-pane label="重新落宗" name="cxlz"><cxlz></cxlz></el-tab-pane>
		</el-tabs>
	</div>
</template>

<script>
import fg from "./fg";
import hb from "./hb";
import fwsxbg from "./fwsxbg";
import cxlz from "./cxlz";
export default {
	name: "",
	components: {
        fg,hb,fwsxbg,cxlz
    },
	props: {},
	data() {
		return {
			activeName: "fg",
		};
	},
	methods: {
		handleClick(tab, event) {
			console.log(tab, event);
		},
	},
	created() {},
	mounted() {},
	computed: {},
	watch: {},
};
</script>
<style scoped lang="less"></style>