<template>
	<view id="home">
		<teacherHome class="flex-box-page" v-if="userType==2"></teacherHome>
		<pupilHome class="flex-box-page" v-if="userType==1"></pupilHome>
		<!-- <manage-home v-if="userType==1" ref="manage"></manage-home> -->
		<!-- <user-home v-if="userType==2"></user-home> -->
		<!-- <supplier-home v-if="userType==3"></supplier-home> -->
		<!-- <tab-bar v-if="userType!=3"></tab-bar> -->
	</view>
</template>
<script>
	import {
		teacherHome
	} from '@/pages/views/teacherPage/teacherHome'
	import {
		pupilHome
	} from '@/pages/views/pupilPage/pupilHome'
	/*
	import {
		manageHome
	} from '@/pages/views/home/manageWorkbench'
	import {
		userHome
	} from '@/pages/views/home/studentWorkbench.vue'
	import {
		supplierHome
	} from '@/pages/views/home/supplierWorkbench.vue'
	import {
		tabBar
	} from '@/pages/component/tabBar.vue'
	*/
	export default {
		name: "home",
		components: {
			teacherHome,
			pupilHome,
		},
		/*
		components: {
			manageHome,
			userHome,
			supplierHome,
			tabBar
		},
		*/
		data() {
			return {
				userType: 0,
			}
		},
		onLoad() {
			
		},
		onShow() {
			if (uni.getStorageSync('token') && uni.getStorageSync('userId') && uni.getStorageSync('userType')) {
				this.userType = uni.getStorageSync('userType')
			} else {
				uni.removeStorageSync('token');
				uni.removeStorageSync('userId');
				uni.removeStorageSync('userType');
				uni.redirectTo({
					url: '/pages/login/login',
				});
			}
		},
		methods: {

		},
		onHide() {
			this.userType = 0;
		},
		onUnload() {
			this.userType = 0;
		}
	}
</script>

<style lang="stylus" scoped>
	#home {
		height: 100%;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		.flex-box-page{
			flex:1;
			display: flex;
			flex-direction: column;
			overflow: hidden;
		}
	}
</style>