index.vue 1.19 KB
<template>
	<div class="content_box">
		<el-tabs v-model="activeName" class="tabs" @tab-click="handleClick">
			<el-tab-pane label="地籍调查表" name="djdcb"><zddcb></zddcb></el-tab-pane>
			<el-tab-pane label="面积分摊表" name="mjftb"><mjftb></mjftb></el-tab-pane>
			<el-tab-pane label="界址点" name="jzd"><jzd></jzd></el-tab-pane>
			<el-tab-pane label="界址线" name="jzx"><jzx></jzx></el-tab-pane>
			<el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane>
			<el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane>
			<el-tab-pane label="附件材料" name="fjcl"><fjcl></fjcl></el-tab-pane>
		</el-tabs>
	</div>
</template>

<script>
import zddcb from "./zddcb";
import mjftb from "./mjftb";
import jzd from "./jzd";
import jzx from "./jzx";
import djb from "./djb";
import lshs from "./lshs";
import fjcl from "./fjcl/fjcl"
export default {
	name: "",
	components: {
        zddcb,mjftb,jzd,jzx,djb,lshs,fjcl
    },
	props: {},
	data() {
		return {
			activeName: "djdcb",
		};
	},
	methods: {
		handleClick(tab, event) {
			console.log(tab, event);
		},
	},
	created() {},
	mounted() {},
	computed: {},
	watch: {},
};
</script>
<style scoped lang="less"></style>