system_manage.vue 1 KB
<template>
	<div class="contentBox minHeight">
		<div :style="{'background': '#FFFFFF','min-height': height}">
			<el-tabs v-model="activeName" @tab-click="handleClick">
			<el-tab-pane label="校时设置" name="first">
				<proofreadtime></proofreadtime>
			</el-tab-pane>
			<el-tab-pane label="系统维护" name="second">
				<sytemset></sytemset>
			</el-tab-pane>
			<el-tab-pane label="展示设置" name="third">
				<showset></showset>
			</el-tab-pane>
			</el-tabs>
		</div>
	  
	</div>
</template>
<script>
	import proofreadtime from './systemComponents/proofreadtime'
	import sytemset from './systemComponents/sytemSet'
	import showset from './systemComponents/showSet'
	export default {
		data(){
			return{
				activeName: 'first',
				height:''
			}
		},
		components:{
			proofreadtime,sytemset,showset
		},
		mounted(){
			this.height=document.body.clientHeight - 140 + 'px'
		},
		methods:{
			handleClick(tab, event) {
			console.log(tab, event);
		  }
		},
	}
</script>
<style lang="scss" scoped>
</style>